[data-theme=dark]{--c-bg:#0E0F12;--c-surface:#16181D;--c-surface-elevated:#1C1F26;--c-text-primary:#E7E9EE;--c-text-secondary:#AEB3BD;--c-text-muted:#757B86;--c-accent:oklch(0.74 0.11 240);--c-accent-hover:oklch(0.80 0.11 240);--c-accent-soft:oklch(0.32 0.045 240);--c-border:#2A2E37;--c-divider:#20242B;--c-danger:#F2787C;--shadow-sm:0 1px 2px rgba(0,0,0,.30);--shadow-md:0 6px 18px -8px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.30);--shadow-lg:0 24px 48px -20px rgba(0,0,0,.70),0 4px 10px rgba(0,0,0,.35);--shadow-xl:0 40px 80px -28px rgba(0,0,0,.80)}[data-theme=light]{--c-bg:#FAFAF9;--c-surface:#F2F2F0;--c-surface-elevated:#FFFFFF;--c-text-primary:#1A1C1F;--c-text-secondary:#44474D;--c-text-muted:#80858E;--c-accent:oklch(0.55 0.13 245);--c-accent-hover:oklch(0.48 0.14 245);--c-accent-soft:oklch(0.94 0.025 245);--c-border:#E2E2DF;--c-divider:#ECECEA;--c-danger:#C0392B;--shadow-sm:0 1px 2px rgba(20,20,25,.05);--shadow-md:0 6px 18px -8px rgba(20,20,25,.12),0 2px 4px rgba(20,20,25,.05);--shadow-lg:0 24px 48px -20px rgba(20,20,25,.18),0 4px 10px rgba(20,20,25,.06);--shadow-xl:0 40px 80px -28px rgba(20,20,25,.22)}:root{--font-sans-kr:"Pretendard Variable",Pretendard,system-ui,sans-serif;--font-sans-en:"Pretendard Variable",Pretendard,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--fs-h1:clamp(34px,5vw,52px);--fs-h2:clamp(26px,3.5vw,36px);--fs-body:17px;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--sp-3xl:64px;--sp-4xl:96px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--duration-fast:160ms;--duration-normal:320ms;--ease-out:cubic-bezier(.2,.7,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{color:var(--c-text-primary);font-family:var(--font-sans-en),var(--font-sans-kr),sans-serif;font-size:var(--fs-body);line-height:1.6;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}body,html{background:var(--c-bg)}body{min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit;background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--c-accent);outline-offset:1px}::selection{background:var(--c-accent);color:var(--c-bg)}.wrap{max-width:1280px;margin:0 auto;padding:0 var(--sp-xl)}@media (max-width:720px){.wrap{padding:0 var(--sp-lg)}}.accent{color:var(--c-accent)}.muted{color:var(--c-text-muted);font-size:13px}.header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:50;transition:background-color var(--duration-normal),-webkit-backdrop-filter var(--duration-normal);transition:backdrop-filter var(--duration-normal),background-color var(--duration-normal);transition:backdrop-filter var(--duration-normal),background-color var(--duration-normal),-webkit-backdrop-filter var(--duration-normal)}.header.is-scrolled{background:color-mix(in oklab,var(--c-bg) 78%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--c-divider)}.header-inner{display:grid;grid-template-columns:1fr auto;align-items:center;padding:var(--sp-md) 0;grid-gap:var(--sp-xl);gap:var(--sp-xl)}.brand-row{display:flex;align-items:center;gap:var(--sp-2xl)}.brand-stack{display:flex;align-items:baseline;gap:10px}.brand{font-family:var(--font-sans-en);font-weight:700;font-size:20px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px;transition:color var(--duration-fast)}.brand:hover{color:var(--c-accent)}.brand:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c-accent)}.brand-sub{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--c-text-muted);letter-spacing:.02em;padding:4px 0;transition:color var(--duration-fast)}.brand-sub:hover{color:var(--c-text-primary)}@media (max-width:880px){.brand-sub{font-size:12px}}.nav{display:flex;gap:var(--sp-lg)}.nav a{font-size:14px;color:var(--c-text-secondary);padding:6px 0;position:relative;transition:color var(--duration-fast)}.nav a:hover{color:var(--c-text-primary)}.search-panel{padding-bottom:var(--sp-md)}.search-panel .search-bar{margin-bottom:0}.right-stack{gap:var(--sp-md)}.right-stack,.toggle-row{display:flex;align-items:center}.theme-checkbox{--toggle-size:9px;--tc-light:#F2F2F0;--tc-dark:#16181D;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6.25em;height:3.25em;margin:0;background-color:var(--tc-light);border:.25em solid #000;border-radius:99em;position:relative;overflow:hidden;cursor:pointer;font-size:var(--toggle-size);-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.theme-checkbox:focus,.theme-checkbox:focus-visible{outline:none}.theme-checkbox:before{content:"";box-sizing:border-box;width:2.25em;height:2.25em;position:absolute;top:calc(50% - 1.125em);left:.25em;background-color:var(--tc-dark);border:.25em solid #fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.35);transition:left var(--duration-normal) var(--ease-spring),transform var(--duration-fast) var(--ease-out),background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.theme-checkbox:checked{background-color:var(--tc-dark);border-color:#fff}.theme-checkbox:checked:before{left:calc(100% - 2.5em);background-color:var(--tc-light);border-color:#000}.theme-checkbox:active:before{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.theme-checkbox,.theme-checkbox:before{transition:none}}.hamburger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-primary)}.hamburger:hover{border-color:var(--c-text-primary)}@media (max-width:880px){.nav{display:none}.brand{font-size:18px}.hamburger{display:inline-flex}}.drawer{position:fixed;inset:0;background:var(--c-bg);z-index:100;display:none;flex-direction:column;padding:var(--sp-2xl) var(--sp-xl)}.drawer.is-open{display:flex}.drawer__close{align-self:flex-end;font-size:22px;padding:8px 14px;border:1px solid var(--c-border);border-radius:var(--radius-sm)}.drawer__nav{display:flex;flex-direction:column;gap:var(--sp-md);margin-top:var(--sp-2xl)}.drawer__nav a{font-size:24px;font-weight:600;padding:12px 0;border-bottom:1px solid var(--c-divider)}.drawer__nav a:hover{color:var(--c-accent)}.blog-hero{padding:var(--sp-3xl) 0 var(--sp-2xl);border-bottom:1px solid var(--c-divider);margin-bottom:var(--sp-2xl)}.blog-hero__eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:var(--sp-md)}.blog-hero__title{font-size:var(--fs-h1);font-weight:700;margin:0 0 var(--sp-md);line-height:1.05;letter-spacing:-.03em}.blog-hero__title .accent{font-style:italic;font-weight:600;color:var(--c-accent)}.blog-hero__tag{margin:0;font-size:18px;color:var(--c-text-secondary);max-width:56ch;line-height:1.6}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:var(--sp-3xl);gap:var(--sp-3xl);padding:0 0 var(--sp-2xl)}@media (max-width:1024px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{order:2}}.blog-title{font-size:var(--fs-h1);font-weight:700;margin:0 0 var(--sp-xl);letter-spacing:-.02em}.blog-title .accent{font-style:italic;font-weight:600}.blog-section-title{font-size:24px;font-weight:700;margin:0 0 var(--sp-lg);display:flex;align-items:baseline;gap:12px;letter-spacing:-.01em}.blog-section-title .muted{font-family:var(--font-mono);font-size:13px}.empty{color:var(--c-text-muted);padding:var(--sp-xl) 0}.empty a{color:var(--c-accent);text-decoration:underline}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-xl);gap:var(--sp-xl)}@media (max-width:720px){.post-grid{grid-template-columns:1fr}}.post-card{background:transparent;border:0;display:flex;flex-direction:column}.post-card__thumb{display:block;aspect-ratio:16/9;background-color:var(--c-surface);background-size:cover;background-position:50%;border:1px solid var(--c-divider);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.post-card:hover .post-card__thumb{border-color:var(--c-border);transform:translateY(-2px)}.post-card__body{padding:var(--sp-md) 2px 0;display:flex;flex-direction:column;gap:8px;flex:1 1}.post-card:hover .post-card__title a,.post-card__category{color:var(--c-accent)}.post-card__category{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;align-self:flex-start}.post-card__title{font-size:20px;font-weight:700;margin:0;line-height:1.3;letter-spacing:-.01em}.post-card__title a:hover{color:var(--c-accent)}.post-card__summary{color:var(--c-text-secondary);font-size:15px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.post-card__meta{display:flex;align-items:center;gap:6px;color:var(--c-text-muted);font-family:var(--font-mono);font-size:12px;margin-top:auto;padding-top:8px}.tag-chip{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--c-border);font-size:12px;color:var(--c-text-secondary);background:transparent;transition:all var(--duration-fast)}.tag-chip:hover{border-color:var(--c-accent);color:var(--c-accent)}.tag-chip-sm{display:inline-block;font-size:12px;color:var(--c-text-muted);font-family:var(--font-mono)}.tag-chip-sm:hover{color:var(--c-accent)}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-gap:var(--sp-3xl);gap:var(--sp-3xl);padding:var(--sp-2xl) 0}@media (max-width:1024px){.post-layout{grid-template-columns:1fr}.post-aside{display:none}}.post-article{max-width:720px}.post-header{margin-bottom:var(--sp-2xl)}.post-category-badge{display:inline-block;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-accent);margin-bottom:var(--sp-md)}.post-title{font-size:var(--fs-h1);font-weight:700;margin:0 0 var(--sp-lg);line-height:1.15;letter-spacing:-.02em}.post-meta{align-items:center;gap:8px;color:var(--c-text-muted);font-family:var(--font-mono);font-size:13px;margin-bottom:var(--sp-lg)}.post-meta,.post-tags{display:flex;flex-wrap:wrap}.post-tags{gap:var(--sp-sm)}.post-aside{position:relative}.toc{position:-webkit-sticky;position:sticky;top:96px;padding:var(--sp-md);font-size:13px;max-height:calc(100vh - 120px);overflow-y:auto}.toc__title{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:var(--sp-sm)}.toc ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--c-divider)}.toc__item a{display:block;padding:4px 0 4px 12px;color:var(--c-text-secondary);border-left:2px solid transparent;margin-left:-1px;transition:color var(--duration-fast),border-color var(--duration-fast);line-height:1.4}.toc__item a:hover{color:var(--c-text-primary)}.toc__item--l3 a{padding-left:24px;font-size:12px}.toc__item--l4 a{padding-left:36px;font-size:12px}.toc__item.is-active a{color:var(--c-accent);border-left-color:var(--c-accent)}.markdown-body{font-size:18px;line-height:1.82;letter-spacing:-.003em;color:var(--c-text-primary);word-break:break-word}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-weight:700;line-height:1.3;letter-spacing:-.01em;scroll-margin-top:96px}.markdown-body h2{font-size:28px;margin:56px 0 16px}.markdown-body h3{font-size:22px;margin:40px 0 12px}.markdown-body h4{font-size:18px;margin:32px 0 8px}.markdown-body p{margin:20px 0}.markdown-body a{color:var(--c-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.markdown-body a:hover{color:var(--c-accent-hover)}.markdown-body h2 a,.markdown-body h3 a,.markdown-body h4 a{color:inherit;text-decoration:none}.markdown-body blockquote{border-left:3px solid var(--c-accent);padding:4px 16px;margin:24px 0;color:var(--c-text-secondary);background:var(--c-accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-body code{background:var(--c-surface);border:1px solid var(--c-divider);padding:1px 6px;border-radius:5px;font-family:var(--font-mono);font-size:.86em;color:var(--c-text-primary)}.markdown-body pre{background:#0d1117;color:#e6edf3;padding:16px 20px;border-radius:var(--radius-sm);overflow-x:auto;margin:24px 0;font-size:14px;line-height:1.6;border:1px solid var(--c-divider)}.markdown-body pre code{background:transparent;padding:0;color:inherit;font-size:inherit}.markdown-body ol,.markdown-body ul{padding-left:28px;margin:16px 0}.markdown-body li{margin:6px 0}.markdown-body img{max-width:100%;border-radius:var(--radius-sm);margin:16px 0;border:1px solid var(--c-divider)}.markdown-body table{border-collapse:collapse;margin:24px 0;width:100%;font-size:14px}.markdown-body td,.markdown-body th{border:1px solid var(--c-border);padding:8px 12px;text-align:left}.markdown-body th{background:var(--c-surface);font-weight:600}.markdown-body hr{border:0;height:1px;background:var(--c-divider);margin:32px 0}.prev-next{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-md);gap:var(--sp-md);margin-top:var(--sp-3xl);padding-top:var(--sp-xl);border-top:1px solid var(--c-divider)}@media (max-width:640px){.prev-next{grid-template-columns:1fr}}.prev-next__col--right{text-align:right}.prev-next__link{display:flex;flex-direction:column;gap:4px;padding:var(--sp-md);border:1px solid var(--c-divider);border-radius:var(--radius-sm);transition:border-color var(--duration-fast),background var(--duration-fast)}.prev-next__link:hover{border-color:var(--c-accent);background:var(--c-surface)}.prev-next__label{font-family:var(--font-mono);font-size:11px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em}.prev-next__title{font-weight:600;color:var(--c-text-primary)}.series-nav{margin:var(--sp-2xl) 0;padding:var(--sp-lg);background:var(--c-surface);border:1px solid var(--c-divider);border-radius:var(--radius-md)}.series-nav__title{font-size:14px;margin:0 0 var(--sp-md);font-family:var(--font-mono);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em}.series-nav__title a{transition:color var(--duration-fast)}.series-nav__title a:hover{color:var(--c-accent)}.series-nav__list{list-style:none;padding:0;margin:0}.series-nav__item{display:flex;align-items:baseline;gap:12px;padding:6px 0;font-size:14px}.series-nav__index{font-family:var(--font-mono);font-size:12px;color:var(--c-text-muted);min-width:24px}.series-nav__item.is-current .series-nav__current{color:var(--c-accent);font-weight:600}.series-nav__item a{color:var(--c-text-secondary)}.series-nav__item a:hover{color:var(--c-text-primary)}.sidebar{display:flex;flex-direction:column;gap:var(--sp-2xl)}.sidebar__title{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin:0 0 var(--sp-md)}.profile{display:flex;flex-direction:column;gap:8px;padding:var(--sp-lg);background:var(--c-surface);border-radius:var(--radius-md);border:1px solid var(--c-divider)}.profile__avatar{width:64px;height:64px;border-radius:50%;background:var(--c-accent-soft);display:grid;place-items:center;font-size:32px}.profile__name{font-weight:700;font-size:16px}.profile__bio{font-size:13px;color:var(--c-text-secondary);margin:0}.profile__links{display:flex;gap:12px;font-size:13px;margin-top:8px}.profile__links a{color:var(--c-accent)}.profile__links a:hover{text-decoration:underline}.cat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cat-list a{display:flex;justify-content:space-between;padding:4px 0;color:var(--c-text-secondary);font-size:14px}.cat-list a:hover{color:var(--c-text-primary)}.cat-list .count{font-family:var(--font-mono);font-size:11px;color:var(--c-text-muted)}.cat-list__sub{margin-left:var(--sp-sm);padding-left:var(--sp-sm);border-left:1px solid var(--c-divider)}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--sp-md);gap:var(--sp-md)}.cat-card{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-lg);background:var(--c-surface-elevated);border:1px solid var(--c-divider);border-radius:var(--radius-md);transition:border-color var(--duration-fast)}.cat-card:hover{border-color:var(--c-accent)}.cat-card__name{font-weight:600;font-size:16px}.cat-card__count{font-family:var(--font-mono);font-size:12px;color:var(--c-text-muted)}.cat-card--tree{flex-direction:column;align-items:stretch;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-lg)}.cat-card--tree:has(.cat-card__top:hover){border-color:var(--c-accent)}.cat-card__top{display:flex;justify-content:space-between;align-items:baseline;transition:color var(--duration-fast)}.cat-card__top:hover .cat-card__name{color:var(--c-accent)}.cat-card__children{list-style:none;margin:0;padding:0 0 0 var(--sp-md);border-left:1px solid var(--c-divider);display:flex;flex-direction:column;gap:2px}.cat-card__children .cat-card__children{margin-top:2px}.cat-card__child{display:flex;justify-content:space-between;align-items:baseline;padding:4px 6px;border-radius:var(--radius-sm);font-size:14px;color:var(--c-text-secondary);transition:color var(--duration-fast),background-color var(--duration-fast)}.cat-card__child:hover{color:var(--c-accent);background:var(--c-surface)}.cat-children{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.cat-chip{display:inline-flex;align-items:baseline;gap:6px;padding:6px 14px;border:1px solid var(--c-border);border-radius:var(--radius-full);font-size:14px;transition:border-color var(--duration-fast),color var(--duration-fast)}.cat-chip:hover{border-color:var(--c-accent);color:var(--c-accent)}.cat-chip__count{font-family:var(--font-mono);font-size:11px;color:var(--c-text-muted)}.cat-crumb{transition:color var(--duration-fast)}.cat-crumb:hover{color:var(--c-accent)}.search-bar{position:relative;display:flex;align-items:center;width:100%;height:54px;margin-bottom:var(--sp-lg);border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);transition:border-color var(--duration-fast)}.search-bar:focus-within{border-color:var(--c-accent)}.search-scope{position:relative;flex-shrink:0;display:flex;align-items:center;padding-left:8px}.search-scope:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:var(--c-border)}.search-scope__btn{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;color:var(--c-text-secondary);transition:color var(--duration-fast),background var(--duration-fast)}.search-scope__btn:hover{color:var(--c-text-primary);background:var(--c-surface-elevated)}.search-scope__menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:140px;margin:0;padding:6px;list-style:none;background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(0,0,0,.32)}.search-scope__opt{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--c-text-secondary);transition:background var(--duration-fast),color var(--duration-fast)}.search-scope__opt:hover{background:var(--c-surface);color:var(--c-text-primary)}.search-scope__opt.is-active{color:var(--c-accent);font-weight:600}.search-bar__input{flex:1 1;min-width:0;height:100%;border:0;background:transparent;border-radius:999px;padding:0 60px 0 14px;font-size:18px;color:var(--c-text-primary)}.search-bar__input:focus{outline:none}.search-bar__input::placeholder{color:var(--c-text-muted)}.search-bar__send{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--c-accent);color:var(--c-bg);transition:filter var(--duration-fast)}.search-bar__send:hover{filter:brightness(1.1)}.search-box{position:relative}.search-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;margin:0;padding:6px;list-style:none;background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.search-suggest__opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 14px;border-radius:var(--radius-sm);font-size:15px;color:var(--c-text-secondary);transition:background var(--duration-fast),color var(--duration-fast)}.search-suggest__opt svg{color:var(--c-text-muted);flex-shrink:0}.search-suggest__opt.is-active,.search-suggest__opt:hover{background:var(--c-surface);color:var(--c-text-primary)}.search-suggest__opt.is-active svg,.search-suggest__opt:hover svg{color:var(--c-accent)}.search-results{list-style:none;padding:0;margin:0}.search-results li{padding:var(--sp-md) 0;border-bottom:1px solid var(--c-divider)}.search-results a:hover strong{color:var(--c-accent)}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none;background:transparent}.reading-progress__bar{height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--c-accent),#8f3fe0);will-change:transform}.back-to-top{position:fixed;right:clamp(16px,4vw,32px);bottom:66px;z-index:55;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--c-text-primary);background:var(--c-surface-elevated);border:1px solid var(--c-border);box-shadow:var(--shadow-md);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity var(--duration-normal),transform var(--duration-normal),border-color var(--duration-fast),color var(--duration-fast)}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{border-color:var(--c-accent);color:var(--c-accent)}.weather-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.footer,main.wrap{position:relative;z-index:1}.blog-hero,.blog-section-title,.blog-title,.footer,.post-article{background:var(--c-bg)}.weather-panel{--wk-tray:#000;--wk-key:#2a2a2a;--wk-key-top:#383838;--wk-glow:var(--c-accent);position:fixed;right:clamp(16px,4vw,32px);bottom:12px;z-index:55;display:flex;align-items:flex-start;gap:4px;padding:4px;height:46px;border-radius:6px;overflow:hidden;background-color:var(--wk-tray);box-shadow:var(--shadow-md)}.weather-key{width:34px;height:38px;background-color:var(--wk-key);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px 3px 4px;border-top:1px solid var(--wk-key-top);transition:all .1s linear;position:relative;z-index:2;cursor:pointer}.weather-key input{position:absolute;opacity:0;pointer-events:none}.weather-key:has(input:focus-visible){outline:2px solid var(--c-accent);outline-offset:2px}.weather-key__back{position:absolute;top:-6px;left:0;background-color:var(--wk-key);border-radius:3px 3px 2px 2px;width:100%;height:9px;box-shadow:inset 0 4px 2px 1px rgba(0,0,0,.5),inset 0 -3px 2px 0 rgba(56,163,224,.1);transform:perspective(200px) rotateX(50deg);z-index:1;opacity:0;transition:all .1s linear}.weather-key.is-active .weather-key__back{opacity:1}.weather-key.is-active{transform:perspective(140px) rotateX(-18deg);transform-origin:50% 40%;box-shadow:inset 0 -10px 8px 0 rgba(0,0,0,.5);border-top:1px solid color-mix(in oklab,var(--wk-glow) 40%,transparent);margin-top:4px;border-radius:0 0 3px 3px}.weather-key__text{color:#0c0c0c;font-size:10px;line-height:10px;font-weight:800;transition:all .1s linear;text-shadow:-1px -1px 1px rgba(224,224,224,.1)}.weather-key.is-active .weather-key__text{color:var(--wk-glow);text-shadow:0 0 6px var(--wk-glow),1px 1px 2px rgba(0,0,0,1)}.weather-key__line{width:100%;height:3px;border-radius:999px;background-color:var(--wk-key);box-shadow:0 0 3px 0 rgb(19,19,19);border-top:1px solid var(--wk-key-top);transition:all .1s linear}.weather-key.is-active .weather-key__line{background-color:#1a1a1a;border-top:1px solid color-mix(in oklab,var(--wk-glow) 25%,transparent)}.write{padding:var(--sp-2xl) 0;display:flex;flex-direction:column;gap:var(--sp-md)}.write__title{font-size:32px;font-weight:700;border:0;background:transparent;padding:8px 0;border-bottom:2px solid var(--c-divider);border-radius:0}.write__title:focus{outline:none;border-color:var(--c-accent)}.write__meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-sm);gap:var(--sp-sm)}@media (max-width:720px){.write__meta{grid-template-columns:1fr}}.write__thumb-chip{margin:0;display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap;font-size:12px;color:var(--c-text-muted)}.write__thumb-chip code{font-family:var(--font-mono);color:var(--c-text-secondary);word-break:break-all}.write__thumb-clear{font-size:12px;color:var(--c-danger);padding:2px 8px;border:1px solid transparent;border-radius:var(--radius-sm);transition:border-color var(--duration-fast)}.write__thumb-clear:hover{border-color:var(--c-danger)}.write__series-row{grid-column:1/-1;display:flex;gap:var(--sp-sm);align-items:flex-start;max-width:480px}.write__series-row .tx-picker{flex:1 1;min-width:0}.write__series-order{width:96px;flex:none}.write__series-order:disabled{opacity:.45;cursor:not-allowed}.write__actions{display:flex;align-items:center;gap:var(--sp-md);padding-top:var(--sp-md);border-top:1px solid var(--c-divider)}.write__actions button{padding:10px 18px;border-radius:var(--radius-sm);background:var(--c-accent);color:var(--c-bg);font-weight:600}.write__actions button[disabled]{opacity:.5;cursor:not-allowed}.write__actions button.danger{background:transparent;color:var(--c-danger);border:1px solid var(--c-danger)}.write__actions label{font-size:13px;color:var(--c-text-secondary)}.write__err{padding:var(--sp-md);background:color-mix(in oklab,var(--c-danger) 12%,transparent);border:1px solid color-mix(in oklab,var(--c-danger) 35%,transparent);border-radius:var(--radius-sm);color:var(--c-danger);font-size:14px;white-space:pre-wrap}.write__drop-hint{font-size:12px;color:var(--c-text-muted);text-align:center;padding:8px}.write__slug{margin:0}.write__slug,.write__statusbar{font-family:var(--font-mono);font-size:12px}.write__statusbar{display:flex;align-items:center;gap:6px}.write__dot{color:var(--c-accent)}.write__recover{display:flex;align-items:center;gap:12px;padding:10px var(--sp-md);background:var(--c-accent-soft);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:14px}.write__recover button{padding:4px 12px;border-radius:var(--radius-sm);background:var(--c-accent);color:var(--c-bg);font-weight:600}.write__recover button.ghost{background:transparent;color:var(--c-text-secondary);border:1px solid var(--c-border)}.tx-picker{position:relative;min-width:0}.tx-picker__trigger{width:100%;display:flex;align-items:center;gap:var(--sp-sm);padding:10px 12px;background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-sm);text-align:left;transition:border-color var(--duration-fast)}.tx-picker__trigger:hover{border-color:var(--c-accent)}.tx-picker__trigger:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.tx-picker__value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-picker__chevron,.tx-picker__value.is-empty{color:var(--c-text-muted)}.tx-picker__chevron{flex:none;transition:transform var(--duration-fast) var(--ease-out)}.tx-picker.is-open .tx-picker__chevron{transform:rotate(180deg)}.tx-picker__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;min-width:240px;background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;transform-origin:top;animation:tx-picker-pop var(--duration-fast) var(--ease-out)}@keyframes tx-picker-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.tx-picker__search{width:100%;border:0;border-bottom:1px solid var(--c-divider);border-radius:0;background:var(--c-surface);padding:10px 12px;font-size:14px}.tx-picker__search:focus{outline:none;border-bottom-color:var(--c-accent)}.tx-picker__list{list-style:none;margin:0;padding:var(--sp-xs);max-height:280px;overflow-y:auto}.tx-picker__row{display:flex;align-items:center;gap:2px;border-radius:var(--radius-sm)}.tx-picker__row.is-active{background:var(--c-surface)}.tx-picker__row.is-selected .tx-picker__opt{color:var(--c-accent);font-weight:600}.tx-picker__opt{flex:1 1;min-width:0;text-align:left;padding:9px 10px;font-size:15px;border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-picker__opt:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.tx-picker__opt.is-none{color:var(--c-text-secondary)}.tx-picker__count{flex:none;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;color:var(--c-text-muted)}.tx-picker__manage{display:flex;gap:2px;flex:none;padding-right:4px}.tx-picker__icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--c-text-muted);opacity:0;transition:opacity var(--duration-fast),color var(--duration-fast),background-color var(--duration-fast)}.tx-picker__icon-btn.is-visible,.tx-picker__row:focus-within .tx-picker__icon-btn,.tx-picker__row:hover .tx-picker__icon-btn{opacity:1}.tx-picker__icon-btn:hover{color:var(--c-text-primary);background:var(--c-surface)}.tx-picker__icon-btn.danger:hover{color:var(--c-danger)}.tx-picker__icon-btn:focus-visible{opacity:1;outline:2px solid var(--c-accent);outline-offset:-2px}.tx-picker__row.is-editing{padding:4px;gap:var(--sp-xs)}.tx-picker__edit-input{flex:1 1;min-width:0;padding:6px 8px;font-size:14px}.tx-picker__create{width:100%;text-align:left;padding:9px 10px;font-size:14px;color:var(--c-accent);border-radius:var(--radius-sm)}.tx-picker__create:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.tx-picker__err{margin:0;padding:8px 12px;border-top:1px solid var(--c-divider);color:var(--c-danger);font-size:12px;white-space:pre-wrap;word-break:break-word}@media (prefers-reduced-motion:reduce){.tx-picker__panel{animation:none}.tx-picker__chevron{transition:none}}.write__toolbar{display:flex;justify-content:flex-end}.draft-picker{position:relative}.draft-picker__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:min(360px,90vw);background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;transform-origin:top right;animation:tx-picker-pop var(--duration-fast) var(--ease-out)}.draft-picker__empty{margin:0;padding:var(--sp-md);font-size:13px;color:var(--c-text-muted)}.draft-picker__list{list-style:none;margin:0;padding:var(--sp-xs);max-height:320px;overflow-y:auto}.draft-picker__item{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:var(--radius-sm);transition:background-color var(--duration-fast)}.draft-picker__item:hover{background:var(--c-surface)}.draft-picker__item:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.draft-picker__item.is-current .draft-picker__title{color:var(--c-accent)}.draft-picker__title{font-weight:600;font-size:15px}.draft-picker__meta{display:flex;gap:6px;align-items:baseline;font-size:12px;color:var(--c-text-muted);font-family:var(--font-mono)}.draft-picker__cat{color:var(--c-text-secondary)}@media (prefers-reduced-motion:reduce){.draft-picker__panel{animation:none}}.tx-row{display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap;padding:var(--sp-md);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm)}.tx-row__name{flex:1 1;min-width:180px}.tx-row__count{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:var(--c-text-muted)}.tx-row__msg{width:100%;font-size:12px;color:var(--c-text-muted);white-space:pre-wrap;word-break:break-word}.tx-row__msg.is-error{color:var(--c-danger)}.series-list{list-style:none;margin:0;padding:0}.series-list__item{display:flex;align-items:baseline;gap:var(--sp-md);padding:var(--sp-md) var(--sp-sm);border-bottom:1px solid var(--c-divider);transition:background-color var(--duration-fast)}.series-list__item:hover{background:var(--c-surface)}.series-list__index{flex:none;font-family:var(--font-mono);font-size:14px;color:var(--c-accent)}.series-list__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.series-list__title{font-weight:600}.series-list__summary{font-size:14px;color:var(--c-text-secondary)}.series-list__date{flex:none;font-family:var(--font-mono);font-size:12px;color:var(--c-text-muted)}@media (max-width:720px){.series-list__date{display:none}}.editor-menu{position:fixed;z-index:80;min-width:160px;padding:var(--sp-xs);background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform-origin:top left;animation:tx-picker-pop var(--duration-fast) var(--ease-out)}.editor-menu button{display:block;width:100%;text-align:left;padding:8px 10px;font-size:14px;border-radius:var(--radius-sm)}.editor-menu button:hover{background:var(--c-surface)}.editor-menu button:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.editor-menu{animation:none}}.w-md-editor{--color-canvas-default:var(--c-surface-elevated);--color-canvas-subtle:var(--c-surface);--color-border-default:var(--c-border);--color-border-muted:var(--c-divider);--color-fg-default:var(--c-text-primary);--color-fg-muted:var(--c-text-muted);--color-fg-subtle:var(--c-text-muted);--color-accent-fg:var(--c-accent);--color-accent-emphasis:var(--c-accent);background:var(--c-surface-elevated);color:var(--c-text-primary);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:none;overflow:hidden}.w-md-editor-toolbar{background:var(--c-surface);border-bottom:1px solid var(--c-divider);padding:6px 8px}.w-md-editor-toolbar li>button{color:var(--c-text-secondary);height:30px;min-width:30px;padding:0 6px;border-radius:var(--radius-sm)}.w-md-editor-toolbar li>button svg{width:16px;height:16px}.w-md-editor-toolbar li.active>button,.w-md-editor-toolbar li>button:hover{color:var(--c-accent)}.w-md-editor-text{--md-editor-font-family:var(--font-mono);font-size:14px!important;line-height:24px!important}.w-md-editor-text-pre>code{color:var(--c-text-primary)!important}.w-md-editor-preview{background:var(--c-bg);box-shadow:inset 1px 0 0 0 var(--c-divider)}.w-md-editor .wmde-markdown{background:transparent;color:var(--c-text-primary);font-size:15px}.w-md-editor-bar svg{color:var(--c-text-muted)}.taginput{position:relative;min-width:0;display:flex;flex-direction:column}.taginput__chips{flex:1 1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:44px;padding:6px 12px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface-elevated);cursor:text}.taginput__chips:focus-within{outline:2px solid var(--c-accent);outline-offset:1px}.taginput__chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--c-accent-soft);color:var(--c-text-secondary);font-size:13px}.taginput__chip button{border:0;background:transparent;cursor:pointer;color:inherit;font-size:14px;line-height:1;padding:0}.taginput__chips input{flex:1 1;min-width:80px;border:0;outline:none;background:transparent;font:inherit;padding:2px}.taginput__menu{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);list-style:none;margin:0;padding:var(--sp-xs);background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:220px;overflow-y:auto;transform-origin:top;animation:tx-picker-pop var(--duration-fast) var(--ease-out)}.taginput__menu button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;background:transparent;cursor:pointer;font-size:15px;color:var(--c-text-primary);border-radius:var(--radius-sm)}.taginput__menu button:hover{background:var(--c-surface)}.taginput__menu button:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.taginput__menu{animation:none}}.login{max-width:360px;margin:var(--sp-4xl) auto;padding:0 var(--sp-md)}.login__title{font-size:24px;font-weight:700;margin:0 0 var(--sp-lg)}.login__form{display:flex;flex-direction:column;gap:var(--sp-sm)}.login__form input{padding:10px 12px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg);font-size:15px}.login__form button{padding:10px 18px;border-radius:var(--radius-sm);background:var(--c-accent);color:var(--c-bg);font-weight:600}.login__form button[disabled]{opacity:.5;cursor:not-allowed}.login__err{color:var(--c-danger);font-size:14px;margin-top:var(--sp-sm)}.comments{margin-top:var(--sp-3xl);padding-top:var(--sp-xl);border-top:1px solid var(--c-divider)}.comments__title{font-size:20px;font-weight:700;margin:0 0 var(--sp-lg)}.comments__title span{font-size:14px;color:var(--c-accent);margin-left:6px;font-family:var(--font-mono)}.comments__list{list-style:none;padding:0;margin:0 0 var(--sp-xl);display:flex;flex-direction:column;gap:var(--sp-md)}.comment{padding:var(--sp-md);border:1px solid var(--c-divider);border-radius:var(--radius-sm)}.comment__head{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text-muted);margin-bottom:6px}.comment__name{font-weight:600;color:var(--c-text-primary)}.comment__del{margin-left:auto;border:0;background:transparent;cursor:pointer;color:var(--c-danger);font-size:12px}.comment__body{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6}.comment-thread{list-style:none}.comments__replies{margin:var(--sp-sm) 0 0 var(--sp-lg);padding-left:var(--sp-md);border-left:2px solid var(--c-divider)}.comment--reply{border-style:dashed}.comment__reply-btn{margin-left:auto;border:0;background:transparent;cursor:pointer;color:var(--c-accent);font-size:12px}.comment__reply-btn+.comment__del{margin-left:8px}.comments__form--reply{margin-top:var(--sp-sm)}.comments__form{display:flex;flex-direction:column;gap:var(--sp-sm)}.comments__name{max-width:240px}.comments__body,.comments__name{padding:8px 12px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg);font-size:14px}.comments__body{font-family:inherit;resize:vertical}.comments__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.comments__actions{display:flex;align-items:center;gap:var(--sp-md)}.comments__actions button{padding:8px 16px;border-radius:var(--radius-sm);background:var(--c-accent);color:var(--c-bg);font-weight:600}.comments__actions button[disabled]{opacity:.5;cursor:not-allowed}.comments__err{color:var(--c-danger);font-size:13px}.admin-comment{display:flex;gap:12px;padding:12px 16px;background:var(--c-surface);border:1px solid var(--c-divider);border-radius:var(--radius-sm)}.admin-comment__main{flex:1 1;min-width:0}.admin-comment__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--c-text-muted);margin-bottom:4px}.admin-comment__name{color:var(--c-text-primary);font-weight:600}.admin-comment__slug{color:var(--c-text-muted);font-family:var(--font-mono)}.admin-comment__slug:hover{color:var(--c-accent)}.admin-comment__body{margin:0;white-space:pre-wrap;word-break:break-word}.admin-comment__del{align-self:flex-start;border:1px solid var(--c-danger);color:var(--c-danger);background:transparent;border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;font-size:13px}.admin-comment__del[disabled]{opacity:.5;cursor:not-allowed}.footer{margin-top:var(--sp-4xl);border-top:1px solid var(--c-divider)}.footer-inner{max-width:1280px;margin:0 auto;padding:var(--sp-3xl) var(--sp-xl);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-md);font-family:var(--font-mono);font-size:12px;color:var(--c-text-muted);letter-spacing:.06em;text-transform:uppercase}.footer a:hover{color:var(--c-text-primary)}.not-found{display:flex;flex-direction:column;align-items:center;padding:var(--sp-4xl) 0;gap:var(--sp-md);text-align:center}.not-found h1{font-size:120px;font-family:var(--font-mono);margin:0;line-height:1;color:var(--c-accent)}.not-found a{color:var(--c-accent);text-decoration:underline}.tags-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:var(--sp-2xl);gap:var(--sp-2xl);align-items:start}@media (max-width:900px){.tags-layout{grid-template-columns:1fr}}.tag-sphere{position:relative;width:360px;height:360px;margin:0 auto;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.tag-sphere:active{cursor:-webkit-grabbing;cursor:grabbing}.tag-sphere .tagcloud--item{color:var(--c-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast)}.tag-sphere .tagcloud--item:hover{color:var(--c-accent)}.actions-row{display:flex;align-items:center;gap:var(--sp-md)}.btn{font-size:13px;padding:8px 16px;border-radius:var(--radius-full);transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast);border:1px solid transparent;font-weight:500}.btn:active{transform:translateY(1px)}.btn-outline{border-color:var(--c-border);color:var(--c-text-primary)}.btn-outline:hover{border-color:var(--c-text-primary)}.btn-primary{background:var(--c-accent);color:var(--c-bg)}.btn-primary:hover{background:var(--c-accent-hover)}.auth-modal-backdrop{position:fixed;inset:0;background:color-mix(in oklab,var(--c-bg) 30%,rgba(0,0,0,.6));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:80;display:grid;place-items:center;padding:var(--sp-md);animation:auth-fade-in var(--duration-fast) var(--ease-out)}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-2xl);width:min(420px,100%);box-shadow:var(--shadow-lg);animation:auth-pop-in var(--duration-normal) var(--ease-spring)}@keyframes auth-pop-in{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.auth-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--c-text-muted);font-size:14px;transition:background var(--duration-fast),color var(--duration-fast)}.auth-modal__close:hover{background:var(--c-surface);color:var(--c-text-primary)}.auth-modal__tabs{display:flex;margin:0 0 var(--sp-lg);border-bottom:1px solid var(--c-divider)}.auth-modal__tab{flex:1 1;padding:12px 0;font-size:15px;font-weight:500;color:var(--c-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast),border-color var(--duration-fast)}.auth-modal__tab:hover{color:var(--c-text-secondary)}.auth-modal__tab.is-active{color:var(--c-text-primary);border-bottom-color:var(--c-accent);font-weight:600}.auth-form{gap:var(--sp-md)}.auth-form,.auth-form__field{display:flex;flex-direction:column}.auth-form__field{gap:6px}.auth-form__field>span{font-size:12px;color:var(--c-text-secondary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.auth-form__field input{padding:10px 12px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);font:inherit;font-size:15px;color:var(--c-text-primary);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.auth-form__field input:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--c-accent) 25%,transparent)}.auth-form__field input::placeholder{color:var(--c-text-muted)}.auth-form__error{margin:0;padding:10px 12px;background:color-mix(in oklab,var(--c-danger) 12%,transparent);border:1px solid color-mix(in oklab,var(--c-danger) 35%,transparent);border-radius:var(--radius-sm);color:var(--c-danger);font-size:13px;line-height:1.4}.auth-form__submit{margin-top:var(--sp-sm);width:100%;padding:12px 16px;border-radius:var(--radius-sm);background:var(--c-accent);color:var(--c-bg);font-weight:600;font-size:15px;transition:background var(--duration-fast),transform var(--duration-fast)}.auth-form__submit:hover:not([disabled]){background:var(--c-accent-hover)}.auth-form__submit:active:not([disabled]){transform:translateY(1px)}.auth-form__submit[disabled]{opacity:.5;cursor:not-allowed}.auth-form__note{margin:var(--sp-lg) 0 0;font-size:11px;color:var(--c-text-muted);text-align:center;font-family:var(--font-mono);letter-spacing:.04em}.user-email{font-size:13px;color:var(--c-text-secondary);font-family:var(--font-mono);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.user-email{max-width:120px;font-size:12px}}@media (max-width:880px){.user-email{display:none}}.post-share{padding:var(--sp-lg) 0;border-top:1px solid var(--c-divider);margin:var(--sp-xl) 0}.post-share__title{font-family:var(--font-mono);font-size:12px;color:var(--c-text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}.post-share__buttons{display:flex;gap:8px;flex-wrap:wrap}.post-share__btn{display:inline-flex;align-items:center;padding:9px 16px;border-radius:var(--radius-full);border:1px solid var(--c-border);background:var(--c-surface-elevated);font-size:14px;color:var(--c-text-primary);text-decoration:none;cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast)}.post-share__btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.post-share__btn--kakao,.post-share__btn--kakao:hover{background:#FEE500;border-color:#FEE500;color:#191600}.post-share__toast{margin-top:12px;padding:8px 12px;background:var(--c-accent-soft);border-left:3px solid var(--c-accent);font-size:13px;color:var(--c-text-secondary);border-radius:4px}@media (max-width:720px){.search-bar{height:46px}.search-bar__input{font-size:16px;padding:0 50px 0 10px}.search-scope{padding-left:6px}.search-scope__btn{height:32px;padding:0 8px;font-size:13px}.search-bar__send{width:34px;height:34px;right:6px}.search-panel{padding-bottom:var(--sp-sm)}.post-layout{padding:var(--sp-lg) 0 var(--sp-2xl)}.post-header{margin-bottom:var(--sp-xl)}.markdown-body{font-size:16.5px;line-height:1.75}.markdown-body p{margin:16px 0}.markdown-body h2{font-size:24px;margin:40px 0 14px}.markdown-body h3{font-size:20px;margin:32px 0 10px}.markdown-body h4{font-size:17px}.markdown-body ol,.markdown-body ul{padding-left:22px}.markdown-body pre{padding:14px;font-size:13px;border-radius:var(--radius-sm)}.markdown-body blockquote{padding-left:16px}.markdown-body table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width:480px){.markdown-body{font-size:16px}.markdown-body pre{margin-left:calc(-1 * var(--sp-lg));margin-right:calc(-1 * var(--sp-lg));border-radius:0;border-left:0;border-right:0}}.header-inner{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.footer-inner{padding-bottom:max(0px,env(safe-area-inset-bottom))}.drawer{padding:max(var(--sp-2xl),env(safe-area-inset-top)) max(var(--sp-xl),env(safe-area-inset-right)) max(var(--sp-2xl),env(safe-area-inset-bottom)) max(var(--sp-xl),env(safe-area-inset-left))}.back-to-top{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 54px)}.weather-panel{right:max(clamp(16px,4vw,32px),env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}@media (max-width:640px),(pointer:coarse){.btn,.comment__del,.drawer__close,.drawer__nav a,.post-share__btn,.prev-next__link,.search-scope__btn,.taginput__chips,.tx-picker__create,.tx-picker__opt,.tx-picker__trigger,.write__actions button,.write__recover button{min-height:44px}.footer-inner a,.post-share__btn,.write__actions button,.write__recover button{display:inline-flex;align-items:center;min-height:44px}.post-card__category,.tag-chip,.tag-chip-sm{min-height:30px;display:inline-flex;align-items:center}.w-md-editor-text{font-size:16px!important}.tx-picker__edit-input,.tx-picker__search{font-size:16px}}@media (max-width:640px){.write__title{font-size:26px}.write__series-row{flex-wrap:wrap}.write__series-order{width:100%}.write__actions{position:-webkit-sticky;position:sticky;bottom:0;flex-wrap:wrap;row-gap:var(--sp-sm);margin:0 calc(-1 * var(--sp-lg));padding:var(--sp-md) var(--sp-lg) max(var(--sp-md),env(safe-area-inset-bottom));background:color-mix(in oklab,var(--c-bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.write__recover{flex-wrap:wrap}}.search-result__snippet{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--c-text-muted)}.search-result__snippet mark{background:color-mix(in oklab,var(--c-accent) 30%,transparent);color:var(--c-text-primary);border-radius:3px;padding:0 2px}.preview-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);flex-wrap:wrap;margin-bottom:var(--sp-lg);padding:var(--sp-sm) var(--sp-md);background:color-mix(in oklab,var(--c-danger) 12%,transparent);border:1px solid color-mix(in oklab,var(--c-danger) 35%,transparent);border-radius:var(--radius-md);font-size:14px;color:var(--c-text-secondary)}.related{margin:var(--sp-2xl) 0 var(--sp-xl)}.related__title{font-size:18px;font-weight:700;margin:0 0 var(--sp-md)}.related__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-sm)}.related__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-md);background:var(--c-surface-elevated);border:1px solid var(--c-divider);border-radius:var(--radius-md);text-decoration:none;color:var(--c-text-primary);transition:border-color var(--duration-fast),transform var(--duration-fast)}.related__item:hover{border-color:var(--c-accent);transform:translateX(2px)}.related__item-title{font-weight:600}.related__item-cat{flex:none;font-size:12px;color:var(--c-text-muted);font-family:var(--font-mono)}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.skip-link{position:fixed;top:8px;left:8px;z-index:200;padding:8px 16px;border-radius:var(--radius-sm);background:var(--c-accent);color:var(--c-bg);font-size:14px;font-weight:600;text-decoration:none;transform:translateY(-160%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.code-block{position:relative}.code-block__bar{position:absolute;top:10px;right:10px;display:flex;gap:8px;align-items:center;padding:3px 4px 3px 10px;background:color-mix(in oklab,#0d1117 78%,transparent);border-radius:var(--radius-full)}.code-block__lang{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8b949e}.code-block__copy{font-size:11px;padding:3px 10px;border-radius:var(--radius-full);border:1px solid #30363d;background:#21262d;color:#c9d1d9;cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast)}.code-block__copy:hover{border-color:#8b949e;color:#fff}.code-block__copy.is-copied{color:var(--c-accent);border-color:var(--c-accent)}.posts-mgr__toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-sm);margin-bottom:var(--sp-md)}.posts-mgr__search{flex:1 1 240px;min-width:0;padding:8px 14px;font-size:14px;color:var(--c-text-primary);background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-full)}.posts-mgr__search::placeholder{color:var(--c-text-muted)}.posts-mgr__select{padding:8px 12px;font-size:14px;color:var(--c-text-primary);background:var(--c-surface-elevated);border:1px solid var(--c-border);border-radius:var(--radius-full)}.posts-mgr__search:focus-visible,.posts-mgr__select:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.posts-mgr__count{margin:0 0 var(--sp-sm)}.posts-mgr__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-sm)}.post-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);background:var(--c-surface-elevated);border:1px solid var(--c-divider);border-radius:var(--radius-md)}.post-row__main{min-width:0}.post-row__title-line{display:flex;align-items:center;gap:8px;margin-bottom:4px}.post-row__title{font-weight:600;color:var(--c-text-primary)}.post-row__title--link{text-decoration:none}.post-row__title--link:hover{color:var(--c-accent)}.post-status{flex:none;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--c-divider)}.post-status.is-draft{color:var(--c-text-muted)}.post-status.is-published{color:var(--c-accent);border-color:color-mix(in oklab,var(--c-accent) 40%,transparent)}.post-row__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--c-text-muted)}.post-row__slug{font-family:var(--font-mono)}.post-row__err{margin:6px 0 0;font-size:12px;color:var(--c-danger)}.post-row__actions{display:flex;gap:8px;flex:none}.post-row__del:hover:not(:disabled){border-color:var(--c-danger);color:var(--c-danger)}@media (max-width:640px){.post-row{flex-direction:column;align-items:stretch}.post-row__actions{justify-content:flex-end}}.post-admin-bar{display:flex;justify-content:flex-end;margin-bottom:var(--sp-sm)}.post-admin-bar__edit{text-decoration:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}