:root{--bg:#fff;--surface:#f6f7f9;--text:#1f2328;--text-muted:#59636e;--border:#d8dee4;--link:#0b62d6;--accent:#111;--code-bg:#f6f8fa;--line-highlight:#0000000f;--line-error:#ff3c3c26;--note:#3451d1;--tip:#17702f;--warning:#b35900;--danger:#cf222e;--font-sans:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--content-width:720px;--header-offset:80px}[data-theme=dark]{--bg:#15171a;--surface:#1d2025;--text:#e6e8eb;--text-muted:#9aa3ad;--border:#2f343b;--link:#79b8ff;--accent:#fff;--code-bg:#282a36;--line-highlight:#ffffff14;--line-error:#ff3c3c33;--note:#8ea2ff;--tip:#56d364;--warning:#e3b341;--danger:#ff7b72}*,:before,:after{box-sizing:border-box}html{color-scheme:light}[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.8}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:10;background:var(--bg);padding:8px 12px;top:16px;left:16px}.site-header{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.site-title{color:var(--accent);font-size:1.1rem;font-weight:800}.main-nav{flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;font-size:.95rem;display:flex}.main-nav a{color:var(--text-muted)}.main-nav a:hover{color:var(--text);text-decoration:none}.header-actions{border-left:1px solid var(--border);align-items:center;gap:8px;padding-left:16px;display:flex}.lang-switch{border:1px solid var(--border);height:32px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.85rem;display:inline-flex}.lang-switch:hover{border-color:var(--link);text-decoration:none}.theme-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;place-items:center;width:32px;height:32px;line-height:1;display:inline-grid}[data-theme=dark] .theme-toggle .icon-sun,[data-theme=light] .theme-toggle .icon-moon{display:none}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:80px;padding:32px 0;font-size:.875rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.footer-inner nav{gap:16px;display:flex}.footer-inner a{color:var(--text-muted)}.footer-inner a:hover{color:var(--text)}.hero{max-width:var(--content-width);padding:56px 0 24px}.hero h1{margin:0;font-size:2rem}.hero p{color:var(--text-muted);margin:4px 0 0}.translation-link{color:var(--link)}.page-title{margin:48px 0 24px}.post-list{max-width:var(--content-width);margin:0;padding:0;list-style:none}.post-item{border-bottom:1px solid var(--border);padding:28px 0}.post-link{color:inherit}.post-link:hover{color:var(--link);text-decoration:none}.post-title{margin:0 0 6px;font-size:1.35rem;line-height:1.45}.post-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;display:-webkit-box;overflow:hidden}.post-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.pin-badge{background:var(--surface);border:1px solid var(--border);vertical-align:middle;border-radius:6px;margin-right:8px;padding:0 8px;font-size:.75rem;display:inline-block}.tag{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:0 10px;font-size:.8rem;line-height:1.8;display:inline-block}.tag:hover{color:var(--text);text-decoration:none}.tag-cloud{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.count{color:var(--text-muted);font-size:.8em;font-weight:400}.archive-year ul{padding:0;list-style:none}.archive-year li{gap:16px;padding:6px 0;display:flex}.archive-year time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.post-layout{grid-template-columns:minmax(0, var(--content-width)) 220px;justify-content:center;gap:56px;display:grid}.post-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding:48px 0 24px}.post-header h1{margin:0 0 12px;font-size:2.1rem;line-height:1.35}.post-header .post-meta+.post-meta{margin-top:8px}.toc{border-left:1px solid var(--border);align-self:start;max-height:calc(100vh - 120px);margin-top:48px;padding-left:16px;font-size:.85rem;position:sticky;top:84px;overflow:auto}.toc-title{margin:0 0 8px;font-weight:700}.toc ul{margin:0;padding:0;list-style:none}.toc li{padding:3px 0;line-height:1.5}.toc li.depth-3{padding-left:12px}.toc a{color:var(--text-muted)}.toc a:hover{color:var(--text)}@media (width<=1024px){.post-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}}.toc-mobile{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:0 0 32px;padding:12px 16px;font-size:.9rem;display:none}.toc-mobile summary{cursor:pointer;font-weight:700}.toc-mobile ul{margin:8px 0 0;padding:0;list-style:none}.toc-mobile li{padding:3px 0;line-height:1.5}.toc-mobile li.depth-3{padding-left:12px}.toc-mobile a{color:var(--text-muted)}@media (width<=1024px){.toc-mobile{display:block}}.comments-title{margin:0 0 16px;font-size:1.2rem}.post-nav{grid-template-columns:1fr 1fr;gap:16px;margin:56px 0 32px;display:grid}.post-nav a{border:1px solid var(--border);color:var(--text);border-radius:10px;padding:16px;display:block}.post-nav a:hover{border-color:var(--link);text-decoration:none}.post-nav small{color:var(--text-muted);display:block}.post-nav .next{text-align:right;grid-column:2}.comments{margin-top:32px}.prose h2{margin:2.4em 0 .8em;font-size:1.6rem;line-height:1.4}.prose h3{margin:2em 0 .6em;font-size:1.3rem}.prose h4{margin:1.6em 0 .5em}.prose :is(h2,h3,h4){scroll-margin-top:var(--header-offset)}.prose a{text-underline-offset:.18em;text-decoration:underline 1px}.prose p,.prose ul,.prose ol{margin:0 0 1.2em}.prose li+li{margin-top:.3em}.prose blockquote{border-left:4px solid var(--border);color:var(--text-muted);margin:1.5em 0;padding:.2em 1em}.prose hr{border:0;border-top:1px solid var(--border);margin:3em 0}.prose .table-wrap{margin:1.5em 0;overflow-x:auto}.prose .table-wrap:focus-visible{outline:2px solid var(--link);outline-offset:2px}.prose table{border-collapse:collapse}.prose th,.prose td{border:1px solid var(--border);padding:8px 12px}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.1em .4em;font-size:.88em}.astro-code{font-family:var(--font-mono);color:var(--shiki-light);background-color:var(--shiki-light-bg);border:1px solid var(--border);border-radius:10px;margin:1.5em 0;padding:16px 0;font-size:.88rem;line-height:1.7;overflow-x:auto}.astro-code span{color:var(--shiki-light)}[data-theme=dark] .astro-code{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}[data-theme=dark] .astro-code span{color:var(--shiki-dark)}[data-theme=dark] .astro-code span[style*="--shiki-dark:#6272A4"]{color:#8b9bd0}[data-theme=light] .astro-code span[style*="--shiki-light:#E36209"]{color:#b84d00}.astro-code code{min-width:max-content;display:block}.astro-code .line{width:100%;padding:0 20px;display:inline-block}.astro-code .line-highlighted{background:var(--line-highlight)}.astro-code .line-error{background:var(--line-error)}.admonition{--admonition-color:var(--note);border-left:4px solid var(--admonition-color);background:color-mix(in srgb, var(--admonition-color) 9%, transparent);border-radius:8px;margin:1.5em 0;padding:14px 18px}.admonition>:last-child{margin-bottom:0}.admonition-title{color:var(--admonition-color);font-weight:700;margin-bottom:.4em!important}.admonition-tip{--admonition-color:var(--tip)}.admonition-warning,.admonition-caution{--admonition-color:var(--warning)}.admonition-danger{--admonition-color:var(--danger)}@media (width<=640px){:root{--header-offset:100px}body{font-size:16px}.header-inner{flex-wrap:wrap;gap:4px 12px;padding-block:10px}.main-nav{flex-basis:100%;order:3;gap:12px;margin-left:0;font-size:.875rem}.header-actions{border-left:0;order:2;margin-left:auto;padding-left:0}.post-header h1{font-size:1.7rem}.post-nav{grid-template-columns:1fr}.post-nav .next{grid-column:auto}}