:root,[data-theme="midnight"]{--bg-base:#111111;--bg-surface:#181818;--bg-elevated:#242424;--bg-sunken:#0a0a0a;--accent-primary:#1db954;--accent-hover:#1ed760;--accent-muted:#1a9444;--accent-subtle:#1db95418;--text-primary:#ffffff;--text-secondary:#b3b3b3;--text-muted:#8a8a8a;--text-disabled:#404040;--text-inverse:#111111;--text-link:#1db954;--text-link-hover:#1ed760;--text-link-visited:#1a9444;--heading-h1:#ffffff;--heading-h2:#e8e8e8;--heading-h3:#cccccc;--heading-h4:#b3b3b3;--heading-accent:#1db954;--nav-bg:#111111;--nav-border:#2a2a2a;--nav-link:#b3b3b3;--nav-link-hover:#ffffff;--nav-link-active:#1db954;--nav-logo:#ffffff;--border-default:#2a2a2a;--border-subtle:#1e1e1e;--border-strong:#404040;--border-accent:#1db954;--code-bg:#0d0d0d;--code-border:#2a2a2a;--code-text:#e0e0e0;--code-header-bg:#1a1a1a;--code-header-text:#6a6a6a;--code-line-hl:#1db95410;--code-line-num:#3a3a3a;--syntax-keyword:#ff7b72;--syntax-string:#e9c46a;--syntax-comment:#6a6a6a;--syntax-type:#7ee787;--syntax-function:#d2a8ff;--syntax-number:#fab387;--syntax-operator:#ff7b72;--syntax-variable:#e0e0e0;--syntax-constant:#79c0ff;--syntax-builtin:#ffa657;--syntax-punctuation:#8a8a8a;--syntax-tag:#7ee787;--syntax-attr:#e9c46a;--inline-code-bg:#1e1e1e;--inline-code-text:#1db954;--inline-code-border:#2a2a2a;--math-text:#e8e8e8;--math-accent:#1db954;--bq-border:#1db954;--bq-bg:#1db95410;--bq-text:#b3b3b3;--tag-bg:#242424;--tag-text:#b3b3b3;--tag-border:#3a3a3a;--tag-bg-hover:#1db95420;--tag-text-hover:#1db954;--badge-bg:#1db954;--badge-text:#111111;--card-bg:#181818;--card-border:#2a2a2a;--card-bg-hover:#1e1e1e;--card-border-hover:#1db954;--box-info-bg:#1a2a1a;--box-info-border:#1db954;--box-warn-bg:#2a2210;--box-warn-border:#e9c46a;--box-danger-bg:#2a1010;--box-danger-border:#f38ba8;--table-header-bg:#1e1e1e;--table-header-text:#ffffff;--table-row-even:#181818;--table-row-odd:#141414;--table-border:#2a2a2a;--table-row-hover:#1db95412;--toc-bg:#181818;--toc-border:#2a2a2a;--toc-link:#b3b3b3;--toc-link-hover:#ffffff;--toc-link-active:#1db954;--toc-indicator:#1db954;--footer-bg:#0d0d0d;--footer-border:#1e1e1e;--footer-text:#8a8a8a;--footer-link:#b3b3b3;--footer-link-hover:#1db954;--selection-bg:#1db95430;--selection-text:#ffffff;--focus-ring:#1db954;--scrollbar-track:#111111;--scrollbar-thumb:#2a2a2a;--scrollbar-thumb-hover:#1db954;--shadow-card:0 1px 3px rgba(0,0,0,0.4);--shadow-elevated:0 2px 8px rgba(0,0,0,0.5);--transition-fast:150ms ease;--transition-base:250ms ease}[data-theme="clean-light"]{--bg-base:#fafafa;--bg-surface:#f5f5f5;--bg-elevated:#eeeeee;--bg-sunken:#e8e8e8;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--accent-muted:#3b82f6;--accent-subtle:#2563eb12;--text-primary:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#6b6b7b;--text-disabled:#c0c0cc;--text-inverse:#ffffff;--text-link:#2563eb;--text-link-hover:#1d4ed8;--text-link-visited:#5b21b6;--heading-h1:#111128;--heading-h2:#1a1a2e;--heading-h3:#2a2a3e;--heading-h4:#3a3a4e;--heading-accent:#2563eb;--nav-bg:#ffffff;--nav-border:#e5e7eb;--nav-link:#4a4a5a;--nav-link-hover:#1a1a2e;--nav-link-active:#2563eb;--nav-logo:#1a1a2e;--border-default:#e5e7eb;--border-subtle:#f0f1f3;--border-strong:#d1d5db;--border-accent:#2563eb;--code-bg:#282c34;--code-border:#3a3f4a;--code-text:#abb2bf;--code-header-bg:#21252b;--code-header-text:#7f848e;--code-line-hl:#2563eb10;--code-line-num:#4b5263;--syntax-keyword:#c678dd;--syntax-string:#98c379;--syntax-comment:#5c6370;--syntax-type:#e5c07b;--syntax-function:#61afef;--syntax-number:#d19a66;--syntax-operator:#56b6c2;--syntax-variable:#e06c75;--syntax-constant:#d19a66;--syntax-builtin:#61afef;--syntax-punctuation:#abb2bf;--syntax-tag:#e06c75;--syntax-attr:#d19a66;--inline-code-bg:#f0f1f3;--inline-code-text:#d63384;--inline-code-border:#e5e7eb;--math-text:#1a1a2e;--math-accent:#2563eb;--bq-border:#2563eb;--bq-bg:#2563eb08;--bq-text:#4a4a5a;--tag-bg:#f0f1f3;--tag-text:#4a4a5a;--tag-border:#d1d5db;--tag-bg-hover:#2563eb12;--tag-text-hover:#2563eb;--badge-bg:#2563eb;--badge-text:#ffffff;--card-bg:#ffffff;--card-border:#e5e7eb;--card-bg-hover:#f8f9fa;--card-border-hover:#2563eb;--box-info-bg:#eff6ff;--box-info-border:#2563eb;--box-warn-bg:#fffbeb;--box-warn-border:#d97706;--box-danger-bg:#fef2f2;--box-danger-border:#dc2626;--table-header-bg:#f0f1f3;--table-header-text:#1a1a2e;--table-row-even:#f8f9fa;--table-row-odd:#ffffff;--table-border:#e5e7eb;--table-row-hover:#2563eb08;--toc-bg:#f8f9fa;--toc-border:#e5e7eb;--toc-link:#4a4a5a;--toc-link-hover:#1a1a2e;--toc-link-active:#2563eb;--toc-indicator:#2563eb;--footer-bg:#f8f9fa;--footer-border:#e5e7eb;--footer-text:#6b6b7b;--footer-link:#4a4a5a;--footer-link-hover:#2563eb;--selection-bg:#2563eb30;--selection-text:#1a1a2e;--focus-ring:#2563eb;--scrollbar-track:#f0f1f3;--scrollbar-thumb:#c0c0cc;--scrollbar-thumb-hover:#2563eb;--shadow-card:0 1px 3px rgba(0,0,0,0.06);--shadow-elevated:0 2px 8px rgba(0,0,0,0.08);--transition-fast:150ms ease;--transition-base:250ms ease}[data-theme="catppuccin-mocha"]{--bg-base:#1e1e2e;--bg-surface:#181825;--bg-elevated:#313244;--bg-sunken:#11111b;--accent-primary:#cba6f7;--accent-hover:#d0bfff;--accent-muted:#9a76d0;--accent-subtle:#cba6f718;--text-primary:#cdd6f4;--text-secondary:#bac2de;--text-muted:#7f849c;--text-disabled:#45475a;--text-inverse:#1e1e2e;--text-link:#89b4fa;--text-link-hover:#b4befe;--text-link-visited:#74c7ec;--heading-h1:#cdd6f4;--heading-h2:#bac2de;--heading-h3:#a6adc8;--heading-h4:#9399b2;--heading-accent:#cba6f7;--nav-bg:#181825;--nav-border:#313244;--nav-link:#bac2de;--nav-link-hover:#cdd6f4;--nav-link-active:#cba6f7;--nav-logo:#cdd6f4;--border-default:#313244;--border-subtle:#24243a;--border-strong:#45475a;--border-accent:#cba6f7;--code-bg:#11111b;--code-border:#313244;--code-text:#cdd6f4;--code-header-bg:#181825;--code-header-text:#6c7086;--code-line-hl:#cba6f710;--code-line-num:#45475a;--syntax-keyword:#f38ba8;--syntax-string:#a6e3a1;--syntax-comment:#6c7086;--syntax-type:#f9e2af;--syntax-function:#89b4fa;--syntax-number:#fab387;--syntax-operator:#f38ba8;--syntax-variable:#cdd6f4;--syntax-constant:#89dceb;--syntax-builtin:#94e2d5;--syntax-punctuation:#7f849c;--syntax-tag:#f9e2af;--syntax-attr:#89b4fa;--inline-code-bg:#313244;--inline-code-text:#cba6f7;--inline-code-border:#45475a;--math-text:#cdd6f4;--math-accent:#cba6f7;--bq-border:#cba6f7;--bq-bg:#cba6f710;--bq-text:#bac2de;--tag-bg:#313244;--tag-text:#bac2de;--tag-border:#45475a;--tag-bg-hover:#cba6f720;--tag-text-hover:#cba6f7;--badge-bg:#cba6f7;--badge-text:#1e1e2e;--card-bg:#181825;--card-border:#313244;--card-bg-hover:#1e1e30;--card-border-hover:#cba6f7;--box-info-bg:#1a1a2e;--box-info-border:#89b4fa;--box-warn-bg:#2a2018;--box-warn-border:#fab387;--box-danger-bg:#2a1018;--box-danger-border:#f38ba8;--table-header-bg:#313244;--table-header-text:#cdd6f4;--table-row-even:#181825;--table-row-odd:#1e1e2e;--table-border:#313244;--table-row-hover:#cba6f712;--toc-bg:#181825;--toc-border:#313244;--toc-link:#bac2de;--toc-link-hover:#cdd6f4;--toc-link-active:#cba6f7;--toc-indicator:#cba6f7;--footer-bg:#11111b;--footer-border:#1e1e2e;--footer-text:#7f849c;--footer-link:#bac2de;--footer-link-hover:#cba6f7;--selection-bg:#cba6f730;--selection-text:#cdd6f4;--focus-ring:#cba6f7;--scrollbar-track:#1e1e2e;--scrollbar-thumb:#313244;--scrollbar-thumb-hover:#cba6f7;--shadow-card:0 1px 3px rgba(0,0,0,0.5);--shadow-elevated:0 2px 8px rgba(0,0,0,0.6);--transition-fast:150ms ease;--transition-base:250ms ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:'Atkinson Hyperlegible','Noto Sans KR',system-ui,sans-serif;background-color:var(--bg-base);color:var(--text-primary);line-height:1.7;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}code,pre,kbd,samp{font-family:'Cascadia Code','Fira Code',monospace}.mono{font-family:'Cascadia Code','Fira Code',monospace}::selection{background-color:var(--selection-bg);color:var(--selection-text)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}a:visited{color:var(--text-link-visited)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}hr{border:none;border-top:1px solid var(--border-default);margin:2rem 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-accent{color:var(--accent-primary)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mono{font-family:'Cascadia Code','Fira Code',monospace}@media (max-width:900px){html{font-size:15px}}@media (max-width:680px){html{font-size:14.5px}}@media (max-width:400px){html{font-size:14px}}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:100;background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border)}.site-header__inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:56px;display:flex;align-items:center;gap:2rem}.site-logo{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:1.1rem;font-weight:600;color:var(--nav-logo);letter-spacing:-0.01em;flex-shrink:0}.site-logo:hover{color:var(--accent-primary)}.site-logo .logo-accent{color:var(--accent-primary)}.site-nav{display:flex;align-items:center;gap:0.25rem;margin-left:auto}.nav-link{font-size:0.875rem;color:var(--nav-link);padding:0.375rem 0.75rem;border-radius:4px;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--nav-link-hover);background-color:var(--bg-elevated)}.nav-link.is-active{color:var(--nav-link-active)}.nav-link:visited{color:var(--nav-link)}.nav-link.is-active:visited{color:var(--nav-link-active)}.theme-switcher{display:flex;align-items:center;gap:0.25rem;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border-default)}.theme-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast);position:relative}.theme-btn:hover{transform:scale(1.15)}.theme-btn.is-active{border-color:var(--text-primary)}.theme-btn[data-theme-target="midnight"]{background:#1db954}.theme-btn[data-theme-target="clean-light"]{background:#2563eb}.theme-btn[data-theme-target="catppuccin-mocha"]{background:#cba6f7}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;color:var(--nav-link);border-radius:4px;transition:color var(--transition-fast),background-color var(--transition-fast)}.mobile-menu-btn:hover{color:var(--nav-link-hover);background-color:var(--bg-elevated)}.site-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem;overflow-x:hidden;min-width:0}.page-section{display:none}.page-section.is-active{display:block}.article-content{max-width:68ch;margin:0 auto;min-width:0}.toc-sidebar{position:fixed;top:80px;right:max(2rem,calc((100vw - 68ch) / 2 - 280px));width:220px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:10}@media (max-width:1100px){.toc-sidebar{display:none}.toc-mobile{display:block}}.reading-progress{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.75rem;font-weight:600;color:var(--accent-primary);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:50%;opacity:0;transition:opacity var(--transition-fast);z-index:50;pointer-events:none}.toc-mobile{display:none;margin-top:1rem;border:1px solid var(--border-default);border-radius:6px;overflow:hidden}.toc-mobile__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.625rem 1rem;background-color:var(--bg-surface);color:var(--text-secondary);font-size:0.8125rem;font-weight:600;cursor:pointer;border:none;font-family:inherit}.toc-mobile__arrow{font-size:0.625rem;transition:transform var(--transition-fast)}.toc-mobile__content{padding:0.5rem 1rem 0.75rem;background-color:var(--bg-surface);border-top:1px solid var(--border-subtle)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.site-footer{background-color:var(--footer-bg);border-top:1px solid var(--footer-border);color:var(--footer-text);font-size:0.8125rem}.site-footer__inner{max-width:1200px;margin:0 auto;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.25rem}.footer-link{color:var(--footer-link);font-size:0.8125rem;transition:color var(--transition-fast)}.footer-link:hover{color:var(--footer-link-hover)}.footer-link:visited{color:var(--footer-link)}@media (max-width:900px){.site-main{padding:1.5rem}.article-content{max-width:100%}.toc-sidebar{display:none}.toc-mobile{display:block}.post-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.hero{padding:3rem 0 2.5rem;margin-bottom:2.5rem}.hero__sub{max-width:100%}.reading-progress{width:2.5rem;height:2.5rem;font-size:0.6875rem;bottom:1.5rem;right:1.5rem}}@media (max-width:680px){.site-header__inner{padding:0 1rem}.site-main{padding:1.25rem 1rem}.site-nav{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;align-items:stretch;background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border);padding:0.5rem;gap:0.125rem;z-index:99}.site-nav.is-open{display:flex}.nav-link{width:100%;padding:0.625rem 0.75rem;border-radius:6px}.theme-switcher{position:absolute;top:56px;left:0;right:0;flex-direction:row;justify-content:center;border-left:none;border-top:1px solid var(--nav-border);background-color:var(--nav-bg);padding:0.75rem 1rem;margin-left:0;display:none;z-index:99}.theme-switcher.is-open{display:flex}.mobile-menu-btn{display:flex;margin-left:auto}.post-grid{grid-template-columns:1fr;gap:1rem}.hero{padding:2.5rem 0 2rem;margin-bottom:2rem}.hero__title{font-size:clamp(1.5rem,6vw,2.25rem)}.hero__sub{font-size:0.9375rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:0.875rem;margin-bottom:1.25rem}.tag-filter{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0.5rem;gap:0.375rem;margin-bottom:1.25rem}.tag-filter::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;font-size:0.75rem;padding:0.2rem 0.625rem}.post-card{padding:1rem 1.125rem}.post-card__title{font-size:0.9375rem}.post-card__excerpt{font-size:0.8125rem;-webkit-line-clamp:3}.post-card__meta{font-size:0.75rem;gap:0.5rem}.article-header{margin-bottom:1.5rem;padding-bottom:1rem}.article-header__title{font-size:1.375rem;line-height:1.3}.article-header__meta{font-size:0.75rem;gap:0.625rem}.article-header__tags{margin-top:0.75rem}.section-header{margin-bottom:1rem;padding-bottom:0.5rem}.site-footer__inner{flex-direction:column;align-items:flex-start;gap:0.75rem;padding:1.5rem 1rem}.prose .shiki{padding:0.875rem 1rem;font-size:0.8125rem;margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}}@media (max-width:400px){.site-header__inner{height:48px;padding:0 0.75rem;gap:0.5rem}.site-nav{top:48px}.theme-switcher{top:48px}.site-logo{font-size:0.9rem}.site-main{padding:1rem 0.75rem;max-width:100vw}.hero{padding:1.75rem 0 1.25rem;margin-bottom:1.25rem}.hero__eyebrow{font-size:0.6875rem;margin-bottom:0.5rem}.hero__title{font-size:1.375rem;margin-bottom:0.625rem}.hero__sub{font-size:0.8125rem}.post-card{padding:0.75rem 0.875rem;gap:0.375rem}.post-card__title{font-size:0.875rem}.post-card__excerpt{font-size:0.75rem}.post-card__read-time{font-size:0.6875rem}.tag{font-size:0.625rem;padding:0.0625rem 0.3125rem}.article-header__title{font-size:1.125rem;word-break:keep-all;overflow-wrap:anywhere}.prose .shiki{margin-left:-0.75rem;margin-right:-0.75rem;padding:0.75rem;font-size:0.75rem;line-height:1.5}.code-block pre{font-size:0.75rem;padding:0.75rem}.section-header{flex-direction:column;align-items:flex-start;gap:0.25rem}.site-footer__inner{padding:1.25rem 0.75rem}.footer-links{gap:0.875rem}.reading-progress{width:2rem;height:2rem;font-size:0.625rem;bottom:1rem;right:1rem}}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity 0.5s ease,transform 0.5s ease}.scroll-reveal.is-visible{opacity:1;transform:none}.notice-banner{padding:0.75rem 1rem;margin-bottom:2rem;font-size:0.875rem;color:var(--text-muted);border:1px solid var(--border-default);border-radius:6px;text-align:center}.hero{padding:4rem 0 3rem;border-bottom:1px solid var(--border-subtle);margin-bottom:3rem}.hero__eyebrow{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.8125rem;color:var(--accent-primary);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:1rem}.hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--heading-h1);line-height:1.15;letter-spacing:-0.02em;margin-bottom:1rem}.hero__sub{font-size:1.0625rem;color:var(--text-secondary);max-width:52ch;line-height:1.6}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:0.625rem;border-bottom:1px solid var(--border-default)}.section-title{font-size:0.9375rem;font-weight:600;color:var(--heading-h3);letter-spacing:0.04em;text-transform:uppercase}.section-link{font-size:0.8125rem;color:var(--text-muted);transition:color var(--transition-fast)}.section-link:hover{color:var(--accent-primary)}.post-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:1.375rem 1.5rem;transition:background-color var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column;gap:0.5rem}.post-card:hover{background-color:var(--card-bg-hover);border-color:var(--card-border-hover)}.post-card__meta{display:flex;align-items:center;gap:0.75rem;font-size:0.8rem;color:var(--text-muted)}.post-card__meta .dot{width:3px;height:3px;border-radius:50%;background-color:var(--text-disabled);flex-shrink:0}.post-card__topic{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.75rem;color:var(--accent-primary);letter-spacing:0.04em}.post-card__topic:hover{opacity:0.8}.post-card__title{font-size:1rem;font-weight:600;color:var(--heading-h2);line-height:1.4;transition:color var(--transition-fast)}.post-card:hover .post-card__title{color:var(--text-primary)}.post-card__excerpt{font-size:0.875rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__footer{margin-top:0.5rem;display:flex;align-items:center;justify-content:space-between}.post-card__tags{display:flex;gap:0.375rem;flex-wrap:wrap}.post-card__read-time{font-size:0.75rem;color:var(--text-muted);font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;flex-shrink:0}.tag{display:inline-flex;align-items:center;font-size:0.75rem;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;background-color:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);border-radius:3px;padding:0.125rem 0.5rem;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tag:hover{background-color:var(--tag-bg-hover);color:var(--tag-text-hover);border-color:var(--tag-text-hover)}.badge{display:inline-flex;align-items:center;font-size:0.6875rem;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-weight:600;letter-spacing:0.04em;background-color:var(--badge-bg);color:var(--badge-text);border-radius:3px;padding:0.125rem 0.5rem;text-transform:uppercase}.tag-filter{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}.filter-pill{font-size:0.8125rem;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;color:var(--text-muted);padding:0.25rem 0.75rem;border-radius:20px;border:1px solid var(--border-default);background:none;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.filter-pill:hover{color:var(--text-secondary);border-color:var(--border-strong)}.filter-pill.is-active{color:var(--accent-primary);border-color:var(--accent-primary);background-color:var(--accent-subtle)}.toc{background-color:var(--toc-bg);border:1px solid var(--toc-border);border-radius:6px;padding:1.25rem}.toc__title{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0.875rem}.toc__list{display:flex;flex-direction:column;gap:0.125rem}.toc__item a{display:block;font-size:0.8125rem;color:var(--toc-link);padding:0.25rem 0.5rem;border-radius:3px;border-left:2px solid transparent;transition:color var(--transition-base),border-color var(--transition-base),background-color var(--transition-base);line-height:1.4;text-decoration:none}.toc__item a:hover{color:var(--toc-link-hover);background-color:var(--bg-elevated)}.toc__item a:visited{color:var(--toc-link)}.toc__item.is-active a{color:var(--toc-link-active);border-left-color:var(--toc-indicator);background-color:var(--accent-subtle);font-weight:600}.toc__item--h3 a{padding-left:1.25rem;font-size:0.78125rem}.toc__item--h4 a{padding-left:2rem;font-size:0.75rem}.article-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-default)}.article-header__title{font-size:clamp(1.625rem,4vw,2.375rem);font-weight:700;color:var(--heading-h1);line-height:1.2;letter-spacing:-0.02em;margin-bottom:1rem}.article-header__meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:0.8125rem;color:var(--text-muted)}.article-header__tags{display:flex;gap:0.375rem;flex-wrap:wrap;margin-top:1rem}.contrib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.contrib-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;padding:1.125rem 1.25rem;display:flex;flex-direction:column;gap:0.5rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.contrib-card:hover{background-color:var(--card-bg-hover);border-color:var(--card-border-hover)}.contrib-card__name{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.9375rem;font-weight:600;color:var(--text-primary)}.contrib-card__name .repo{color:var(--accent-primary)}.contrib-card__desc{font-size:0.8125rem;color:var(--text-secondary);line-height:1.5}.contrib-card__meta{display:flex;align-items:center;gap:0.75rem;font-size:0.75rem;color:var(--text-muted);font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;margin-top:0.25rem}.callout{border-radius:4px;padding:0.875rem 1.125rem;margin:1.5rem 0;border-left:3px solid;display:flex;gap:0.75rem;font-size:0.875rem;line-height:1.6}.callout--info{background-color:var(--box-info-bg);border-color:var(--box-info-border);color:var(--text-secondary)}.callout--warn{background-color:var(--box-warn-bg);border-color:var(--box-warn-border);color:var(--text-secondary)}.callout--danger{background-color:var(--box-danger-bg);border-color:var(--box-danger-border);color:var(--text-secondary)}.callout__icon{flex-shrink:0;width:16px;height:16px;margin-top:2px}.icon{display:inline-block;width:1em;height:1em;vertical-align:middle;fill:currentColor}.section-sep{height:1px;background-color:var(--border-subtle);margin:2.5rem 0}.new-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--accent-primary);margin-left:0.375rem;vertical-align:middle}.page-title{font-size:1.5rem;font-weight:700;color:var(--heading-h1);margin-bottom:0.25rem;letter-spacing:-0.015em}.page-subtitle{font-size:0.9375rem;color:var(--text-secondary);margin-bottom:1.75rem}.article-header__series{margin-top:0.75rem}.series-badge{display:inline-flex;align-items:center;gap:0.375rem;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.8125rem;color:var(--accent-primary);background-color:var(--accent-subtle);border:1px solid var(--accent-muted);border-radius:4px;padding:0.25rem 0.75rem;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.series-badge:hover{background-color:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.series-badge:visited{color:var(--accent-primary)}.series-badge:hover:visited{color:var(--text-inverse)}.series-badge__icon{font-size:0.6875rem}.series-badge__label{color:var(--text-muted);font-weight:400}.series-badge__name{font-weight:600}.series-badge__order{color:var(--text-muted);font-size:0.75rem}.post-card__series{margin-top:0.25rem}.series-link{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.6875rem;color:var(--accent-muted);text-decoration:none;transition:color var(--transition-fast)}.series-link:hover{color:var(--accent-primary)}.series-link:visited{color:var(--accent-muted)}.series-nav{margin-top:2.5rem;padding:1.25rem;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px}.series-nav__title{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:0.75rem}.series-nav__title a{color:var(--accent-primary);text-decoration:none}.series-nav__title a:hover{text-decoration:underline}.series-nav__list{display:flex;flex-direction:column;gap:0.25rem;list-style:decimal;padding-left:1.25rem}.series-nav__list li{font-size:0.8125rem;color:var(--text-muted);line-height:1.5}.series-nav__list li a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.series-nav__list li a:visited{color:var(--text-secondary)}.series-nav__list li a:hover,.series-nav__list li a:visited:hover{color:var(--accent-primary)}.series-nav__list li.is-current{color:var(--accent-primary);font-weight:600}.series-nav__list li.is-current span{color:var(--accent-primary)}.series-nav__count{font-size:0.75rem;color:var(--text-muted);margin-left:0.5rem;font-weight:400}.series-nav__ellipsis{list-style:none;color:var(--text-muted);font-size:0.75rem;padding:0.125rem 0;user-select:none}.tag-cloud{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2.5rem}.tag-cloud__item{display:inline-flex;align-items:center;gap:0.25rem;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.875rem;color:var(--tag-text);background-color:var(--tag-bg);border:1px solid var(--tag-border);border-radius:4px;padding:0.25rem 0.625rem;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tag-cloud__item:hover{background-color:var(--tag-bg-hover);color:var(--tag-text-hover);border-color:var(--tag-text-hover)}.tag-cloud__item.is-active{background-color:var(--accent-subtle);color:var(--accent-primary);border-color:var(--accent-primary)}.tag-cloud__count{font-size:0.6875rem;color:var(--text-muted);background-color:var(--bg-elevated);border-radius:10px;padding:0 0.375rem;min-width:1.25rem;text-align:center}.tag-sections{display:flex;flex-direction:column;gap:2rem}.tag-section{scroll-margin-top:5rem}.tag-section__title{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:1.125rem;font-weight:600;color:var(--heading-h2);margin-bottom:0.75rem;padding-bottom:0.375rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:0.5rem}.tag-section__hash{color:var(--accent-primary);font-weight:400}.tag-section__count{font-size:0.75rem;color:var(--text-muted);font-weight:400}.tag-section__list{display:flex;flex-direction:column;gap:0.125rem}.tag-section__item{list-style:none}.tag-section__link{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;border-radius:4px;text-decoration:none;transition:background-color var(--transition-fast)}.tag-section__link:hover{background-color:var(--bg-elevated)}.tag-section__post-title{color:var(--text-primary);font-size:0.875rem}.tag-section__link:visited .tag-section__post-title{color:var(--text-primary)}.tag-section__post-date{color:var(--text-muted);font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.75rem;flex-shrink:0;margin-left:1rem}.series-cloud{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2.5rem}.series-cloud__item{display:inline-flex;align-items:center;gap:0.375rem;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.875rem;color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:0.375rem 0.75rem;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.series-cloud__item:hover{background-color:var(--bg-elevated);border-color:var(--text-muted)}.series-cloud__item.is-active{background-color:var(--accent-subtle);color:var(--accent-primary);border-color:var(--accent-primary)}.series-cloud__count{font-size:0.6875rem;color:var(--text-muted);background-color:var(--bg-elevated);border-radius:10px;padding:0 0.375rem;min-width:1.25rem;text-align:center}.series-cloud__item.is-active .series-cloud__count{background-color:var(--accent-primary);color:var(--bg-primary)}.series-results{margin-top:2rem}.series-results__status{font-size:0.875rem;color:var(--text-muted);text-align:center;padding:1rem 0}.series-results__group{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}.series-results__group-title{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.9375rem;font-weight:600;color:var(--heading-h3);margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-subtle)}.series-results__list{display:flex;flex-direction:column;gap:0.125rem;list-style:none;padding:0}.series-results__link{display:flex;align-items:center;gap:0.5rem;padding:0.375rem 0.5rem;border-radius:4px;text-decoration:none;transition:background-color var(--transition-fast)}.series-results__link:hover{background-color:var(--bg-elevated)}.series-results__order{font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.75rem;color:var(--accent-primary);font-weight:600;min-width:1.5rem}.series-results__post-title{color:var(--text-primary);font-size:0.875rem;flex:1}.series-results__link:visited .series-results__post-title{color:var(--text-primary)}.series-results__date{color:var(--text-muted);font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.75rem;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem}.empty-state__hint{font-size:0.9375rem;color:var(--text-muted);text-align:center}.empty-state__stats{margin-top:0.5rem;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;font-size:0.8125rem;color:var(--text-muted);opacity:0.6;text-align:center}.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:0.75rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.load-more-btn{padding:0.625rem 2rem;font-size:0.875rem;font-weight:500;color:var(--accent-primary);background:transparent;border:1px solid var(--accent-primary);border-radius:6px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.load-more-btn:hover{background:var(--accent-primary);color:var(--text-inverse)}.load-more-btn:disabled{opacity:0.5;cursor:wait}.load-more-status{font-size:0.8125rem;color:var(--text-muted);margin:0}.tag-results{margin-top:2rem}.tag-results__status{font-size:0.875rem;color:var(--text-muted);text-align:center;padding:1rem 0}.tag-results__list{display:flex;flex-direction:column;gap:0.125rem}.scroll-sentinel{height:1px;width:100%}.about-page{max-width:68ch;margin:0 auto}.prose{max-width:68ch;width:100%;color:var(--text-primary);font-size:1rem;line-height:1.75;overflow-wrap:break-word;word-break:break-word}.prose h1{font-size:1.875rem;font-weight:700;color:var(--heading-h1);letter-spacing:-0.02em;line-height:1.2;margin:2.5rem 0 1rem}.prose h2{font-size:1.375rem;font-weight:700;color:var(--heading-h2);letter-spacing:-0.015em;line-height:1.3;margin:2.25rem 0 0.875rem;padding-bottom:0.375rem;border-bottom:1px solid var(--border-subtle);scroll-margin-top:5rem}.prose h3{font-size:1.125rem;font-weight:600;color:var(--heading-h3);line-height:1.35;margin:1.875rem 0 0.625rem;scroll-margin-top:5rem}.prose h4{font-size:0.9375rem;font-weight:600;color:var(--heading-h4);line-height:1.4;margin:1.5rem 0 0.5rem}.prose h2[id],.prose h3[id]{position:relative}.prose h2[id] .heading-anchor,.prose h3[id] .heading-anchor{color:var(--accent-primary);margin-right:0.375rem;opacity:0.35;transition:opacity var(--transition-fast);font-weight:400;font-family:'Atkinson Hyperlegible','Noto Sans KR',sans-serif;text-decoration:none;cursor:pointer}.prose h2[id]:hover .heading-anchor,.prose h3[id]:hover .heading-anchor{opacity:1}.prose p{margin:0 0 1.25rem;color:var(--text-primary)}.prose a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-muted);transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.prose a:hover{color:var(--text-link-hover);text-decoration-color:var(--accent-primary)}.prose strong{font-weight:600;color:var(--text-primary)}.prose em{font-style:italic;color:var(--text-secondary)}.prose ul,.prose ol{margin:0 0 1.25rem 1.5rem;display:flex;flex-direction:column;gap:0.375rem}.prose ul{list-style:none}.prose ul li{position:relative;padding-left:1.125rem}.prose ul li::before{content:'';position:absolute;left:0;top:0.65em;width:5px;height:5px;border-radius:50%;background-color:var(--accent-primary)}.prose ol{list-style:decimal}.prose li{color:var(--text-primary);line-height:1.7}.prose blockquote{border-left:3px solid var(--bq-border);background-color:var(--bq-bg);margin:1.5rem 0;padding:0.875rem 1.25rem;border-radius:0 4px 4px 0}.prose blockquote p{color:var(--bq-text);margin:0;font-style:italic}.prose blockquote p+p{margin-top:0.625rem}.prose code{font-family:'Cascadia Code','Fira Code',monospace;font-size:0.875em;background-color:var(--inline-code-bg);color:var(--inline-code-text);border:1px solid var(--inline-code-border);border-radius:3px;padding:0.125em 0.4em;word-break:break-all}.prose pre code{background:none;border:none;padding:0;font-size:1em;color:inherit}.code-block{margin:1.5rem 0;border-radius:6px;border:1px solid var(--code-border);overflow:hidden;font-family:'Cascadia Code','Fira Code',monospace}.code-block__header{display:flex;align-items:center;justify-content:space-between;background-color:var(--code-header-bg);padding:0.5rem 1rem;border-bottom:1px solid var(--code-border)}.code-block__lang{font-size:0.75rem;font-family:'Cascadia Code','Fira Code',monospace;color:var(--code-header-text);letter-spacing:0.04em}.code-block__filename{font-size:0.75rem;color:var(--text-muted);font-family:'Cascadia Code','Fira Code',monospace}.code-block__copy{font-size:0.75rem;color:var(--code-header-text);padding:0.2rem 0.5rem;border-radius:3px;border:1px solid var(--border-default);transition:color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;background:none;font-family:'Cascadia Code','Fira Code',monospace}.code-block__copy:hover{color:var(--text-primary);border-color:var(--border-strong)}.code-block__copy.copied{color:var(--accent-primary);border-color:var(--accent-primary)}.code-block pre{background-color:var(--code-bg);padding:1.125rem 1.25rem;overflow-x:auto;margin:0;font-size:0.875rem;line-height:1.65;color:var(--code-text)}.sk{color:var(--syntax-keyword)}.ss{color:var(--syntax-string)}.sc{color:var(--syntax-comment);font-style:italic}.st{color:var(--syntax-type)}.sf{color:var(--syntax-function)}.sn{color:var(--syntax-number)}.so{color:var(--syntax-operator)}.sv{color:var(--syntax-variable)}.sC{color:var(--syntax-constant)}.sb{color:var(--syntax-builtin)}.sp{color:var(--syntax-punctuation)}.stg{color:var(--syntax-tag)}.sa{color:var(--syntax-attr)}.prose table{width:100%;border-collapse:collapse;font-size:0.875rem;margin:1.5rem 0;border-radius:4px;overflow:hidden;border:1px solid var(--table-border)}.prose thead{background-color:var(--table-header-bg)}.prose thead th{padding:0.625rem 1rem;text-align:left;font-weight:600;color:var(--table-header-text);font-size:0.8125rem;letter-spacing:0.03em;border-bottom:1px solid var(--table-border)}.prose tbody tr:nth-child(even){background-color:var(--table-row-even)}.prose tbody tr:nth-child(odd){background-color:var(--table-row-odd)}.prose tbody tr:hover{background-color:var(--table-row-hover)}.prose tbody td{padding:0.5625rem 1rem;border-bottom:1px solid var(--table-border);color:var(--text-secondary);vertical-align:top}.math-block{overflow-x:auto;padding:1rem 1.25rem;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;margin:1.5rem 0;color:var(--math-text);text-align:center;font-size:1.0625em}.math-inline{color:var(--math-text)}.math-accent{color:var(--math-accent)}.prose hr{margin:2rem 0;border-color:var(--border-default)}.prose figure{margin:1.75rem 0}.prose figure img{border-radius:4px;border:1px solid var(--border-default);width:100%}.prose figcaption{font-size:0.8125rem;color:var(--text-muted);text-align:center;margin-top:0.5rem;font-style:italic}.prose mark{background-color:var(--accent-subtle);color:var(--accent-primary);padding:0.1em 0.25em;border-radius:2px}.prose kbd{display:inline-block;font-family:'Cascadia Code','Fira Code',monospace;font-size:0.8125em;background-color:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:3px;padding:0.15em 0.45em;color:var(--text-secondary);white-space:nowrap}.prose .shiki,.prose .shiki code{--shiki-foreground:var(--code-text);--shiki-background:var(--code-bg);--shiki-token-constant:var(--syntax-constant);--shiki-token-string:var(--syntax-string);--shiki-token-string-expression:var(--syntax-string);--shiki-token-number:var(--syntax-number);--shiki-token-keyword:var(--syntax-keyword);--shiki-token-function:var(--syntax-function);--shiki-token-parameter:var(--syntax-variable);--shiki-token-comment:var(--syntax-comment);--shiki-token-punctuation:var(--syntax-punctuation);--shiki-token-link:var(--text-link)}.prose .shiki{background-color:var(--code-bg) !important;border:1px solid var(--code-border);border-radius:6px;padding:1.125rem 1.25rem;overflow-x:auto;margin:1.5rem 0;font-family:'Cascadia Code','Fira Code',monospace;font-size:0.875rem;line-height:1.65}.prose .shiki code{background:none !important;border:none;padding:0;font-size:inherit}.prose .shiki .line{display:block}.prose .shiki .line:empty::before{content:'\a0'}@media (max-width:900px){.prose{font-size:0.9375rem}.prose h1{font-size:1.625rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1.0625rem}}@media (max-width:680px){.prose{font-size:0.9375rem;max-width:100%}.prose h1{font-size:1.375rem;margin:2rem 0 0.75rem}.prose h2{font-size:1.1875rem;margin:1.75rem 0 0.625rem}.prose h3{font-size:1rem;margin:1.5rem 0 0.5rem}.prose ul,.prose ol{margin-left:1rem}.prose blockquote{padding:0.625rem 1rem;margin:1.25rem 0}.code-block pre{font-size:0.8125rem;padding:0.875rem 1rem}.prose .shiki{font-size:0.8125rem}.prose table{font-size:0.8125rem}.prose thead th{padding:0.5rem 0.75rem}.prose tbody td{padding:0.4375rem 0.75rem}.prose figure{margin:1.25rem 0}}@media (max-width:400px){.prose{font-size:0.875rem;line-height:1.7;overflow-wrap:anywhere}.prose h1{font-size:1.125rem}.prose h2{font-size:1.0625rem}.prose h3{font-size:0.9375rem}.prose p{margin-bottom:1rem}.prose .shiki{font-size:0.75rem}.code-block pre{font-size:0.75rem;padding:0.75rem}}