:root{color-scheme:light;--bg:#FAFAFA;--fg:#09090B;--card:#FFFFFF;--muted:#EEF1F4;--muted-fg:#52606D;--border:#E4E4E7;--border-strong:#C9CDD3;--accent:#15803D;--accent-fg:#FFFFFF;--accent-soft:#DCFCE7;--code-bg:#F3F4F6;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--container:72rem;--measure:42rem;--gutter:clamp(1rem, 4vw, 2rem);--radius:6px;--t:150ms ease;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem}[data-theme=dark]{color-scheme:dark;--bg:#0F172A;--fg:#F1F5F9;--card:#1B2336;--muted:#1E293B;--muted-fg:#94A3B8;--border:#283449;--border-strong:#3B4A63;--accent:#4ADE80;--accent-fg:#0F172A;--accent-soft:#14532D;--code-bg:#0D1117}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:1rem;line-height:1.7;font-feature-settings:"ss01","cv11";word-break:keep-all;overflow-wrap:anywhere;min-height:100dvh;display:flex;flex-direction:column}.site-main{flex:1 0 auto;padding-block:var(--space-8)var(--space-24)}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.02em;font-weight:700}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;background:0 0;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:var(--accent-soft)}.skip-link{position:absolute;left:var(--space-4);top:-100px;padding:var(--space-2)var(--space-4);background:var(--fg);color:var(--bg);border-radius:var(--radius);z-index:100}.skip-link:focus{top:var(--space-4)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:0}.label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-fg)}.eyebrow{color:var(--muted-fg)}.eyebrow a:hover{color:var(--accent)}.lede{font-size:1.125rem;color:var(--muted-fg);max-width:var(--measure);margin-top:var(--space-4)}.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.site-header__inner{display:flex;align-items:center;gap:var(--space-6);min-height:4rem}.brand{font-family:var(--font-mono);font-weight:600;font-size:1rem;letter-spacing:-.01em}.brand__cursor{color:var(--accent)}.site-nav{margin-left:auto}.site-nav ul{display:flex;gap:clamp(.75rem,3vw,1.75rem)}.site-nav a{display:inline-block;padding-block:var(--space-2);font-size:.9375rem;font-weight:500;color:var(--muted-fg);border-bottom:2px solid transparent;transition:color var(--t),border-color var(--t)}.site-nav a:hover{color:var(--fg)}.site-nav a[aria-current=page]{color:var(--fg);border-bottom-color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;border-radius:var(--radius);color:var(--muted-fg);transition:color var(--t),background-color var(--t)}.theme-toggle:hover{color:var(--fg);background:var(--muted)}.icon--sun{display:none}[data-theme=dark] .icon--sun{display:block}[data-theme=dark] .icon--moon{display:none}.site-footer{border-top:1px solid var(--border);color:var(--muted-fg)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6)}.site-footer__links{display:flex;gap:var(--space-6)}.intro{padding-block:var(--space-8)var(--space-12)}.intro__grid{display:grid;gap:var(--space-8)}.intro__name h1{font-size:clamp(2.75rem,8vw,5rem);line-height:1;letter-spacing:-.04em}.intro__tagline{margin-top:var(--space-4);font-size:1.125rem;color:var(--muted-fg);max-width:32rem}.intro__meta{margin:0;display:grid;gap:var(--space-4);align-content:end}.intro__meta>div{display:grid;grid-template-columns:7rem 1fr;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.intro__meta dd{margin:0}.intro__meta dd.mono{display:flex;flex-wrap:wrap;gap:var(--space-2)var(--space-4);font-size:.875rem}@media(min-width:768px){.intro{padding-block:var(--space-16)var(--space-16)}.intro__grid{grid-template-columns:7fr 5fr;gap:var(--space-12)}}.section{margin-top:var(--space-12)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--fg)}.section__more{color:var(--muted-fg)}.section__more:hover{color:var(--accent)}.post-list{counter-reset:post}.post-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"date series" "title title";column-gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--border)}.post-row__date{grid-area:date;color:var(--muted-fg)}.post-row__title{grid-area:title;font-weight:600;font-size:1.0625rem;transition:color var(--t)}.post-row__series{grid-area:series;color:var(--muted-fg)}.post-row__series:hover{color:var(--accent)}@media(min-width:768px){.post-row{grid-template-columns:7rem 1fr auto;grid-template-areas:"date title series";align-items:baseline;padding-block:var(--space-3)}}.post-list--numbered .post-row{counter-increment:post}.post-list--numbered .post-row__date::before{content:counter(post,decimal-leading-zero);margin-right:var(--space-3);color:var(--accent);font-weight:600}.year{margin-top:var(--space-8)}.year__label{padding-bottom:var(--space-2);border-bottom:1px solid var(--fg);color:var(--fg)}.series-grid{display:grid;gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.series-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t),transform var(--t)}.series-card:hover{color:inherit;border-color:var(--accent)}.series-card__meta{color:var(--muted-fg)}.series-card__title{font-weight:700;font-size:1.125rem;letter-spacing:-.01em}.series-card__desc{color:var(--muted-fg);font-size:.9375rem}.page-head{padding-block:var(--space-4)var(--space-8)}.page-head h1{margin-top:var(--space-2);font-size:clamp(2rem,5vw,3rem)}.page-head .prose{margin-top:var(--space-4);max-width:var(--measure)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:.8125rem;color:var(--muted-fg);transition:color var(--t),border-color var(--t)}.chip:hover{color:var(--accent);border-color:var(--accent)}.chip__count{color:var(--accent)}.tags--large .chip{min-height:2.75rem;padding-inline:var(--space-4);font-size:.9375rem}.post{display:grid;gap:var(--space-12)}.post__main{min-width:0;max-width:var(--measure)}.post__header{margin-bottom:var(--space-8)}.post__header h1{margin-top:var(--space-3);font-size:clamp(1.875rem,4.5vw,2.75rem)}.post__aside{display:none}@media(min-width:1024px){.post--toc{grid-template-columns:minmax(0,var(--measure))14rem;justify-content:space-between}.post__aside{display:block}.toc{position:sticky;top:var(--space-8)}}.toc nav{margin-top:var(--space-3);border-left:1px solid var(--border)}.toc ul{padding-left:var(--space-4)}.toc ul ul{padding-left:var(--space-3)}.toc li{margin-block:var(--space-1)}.toc a{display:block;font-size:.875rem;color:var(--muted-fg);line-height:1.5}.toc a:hover{color:var(--fg)}.post .tags{margin-top:var(--space-12)}.post-nav{display:grid;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--fg)}.post-nav__link{display:grid;gap:var(--space-1)}.post-nav__link--next{text-align:right}.post-nav__title{font-weight:600;transition:color var(--t)}@media(min-width:640px){.post-nav{grid-template-columns:1fr 1fr}}.page .prose{max-width:var(--measure)}.prose{font-size:1.0625rem;line-height:1.8}.prose>*+*{margin-top:1.25em}.prose h1,.prose h2,.prose h3,.prose h4{scroll-margin-top:var(--space-8)}.prose h1{font-size:1.875rem;margin-top:2.5em}.prose h2{font-size:1.5rem;margin-top:2.5em;padding-bottom:.3em;border-bottom:1px solid var(--border)}.prose h3{font-size:1.25rem;margin-top:2em}.prose h4{font-size:1.0625rem;margin-top:1.75em}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.prose a:hover{text-decoration-thickness:2px}.prose ul,.prose ol{padding-left:1.5em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-top:.35em}.prose li>ul,.prose li>ol{margin-top:.35em}.prose blockquote{margin:0;padding:var(--space-2)var(--space-4);border-left:3px solid var(--accent);color:var(--muted-fg)}.prose hr{border:0;border-top:1px solid var(--border);margin-block:2.5em}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.prose table{display:block;overflow-x:auto;border-collapse:collapse;font-size:.9375rem}.prose th,.prose td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.prose th{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;color:var(--muted-fg);border-bottom-color:var(--border-strong)}.prose code{font-family:var(--font-mono);font-size:.875em}.prose :not(pre)>code{padding:.1em .4em;background:var(--code-bg);border-radius:4px}.prose pre{margin:0;padding:var(--space-4);overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);line-height:1.6;font-size:.875rem}.prose pre code{font-size:inherit}.prose .highlight{margin-top:1.25em}.prose .highlight+.highlight{margin-top:1em}.prose kbd{font-family:var(--font-mono);font-size:.8125em;padding:.1em .4em;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px}@media(max-width:480px){.site-header__inner{gap:var(--space-3)}.site-nav ul{gap:.625rem}.site-nav a{font-size:.875rem}.theme-toggle{margin-right:-8px}}.bg{background-color:#f7f7f7}.chroma{background-color:#f7f7f7;-webkit-text-size-adjust:none}.chroma .err{color:#f6f8fa;background-color:#82071e}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dedede}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#cf222e}.chroma .kc{color:#cf222e}.chroma .kd{color:#cf222e}.chroma .kn{color:#cf222e}.chroma .kp{color:#cf222e}.chroma .kr{color:#cf222e}.chroma .kt{color:#cf222e}.chroma .na{color:#1f2328}.chroma .nc{color:#1f2328}.chroma .no{color:#0550ae}.chroma .nd{color:#0550ae}.chroma .ni{color:#6639ba}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#24292e}.chroma .nx{color:#1f2328}.chroma .nt{color:#0550ae}.chroma .nb{color:#6639ba}.chroma .bp{color:#6a737d}.chroma .nv{color:#953800}.chroma .vc{color:#953800}.chroma .vg{color:#953800}.chroma .vi{color:#953800}.chroma .vm{color:#953800}.chroma .nf{color:#6639ba}.chroma .fm{color:#6639ba}.chroma .s{color:#0a3069}.chroma .sa{color:#0a3069}.chroma .sb{color:#0a3069}.chroma .sc{color:#0a3069}.chroma .dl{color:#0a3069}.chroma .sd{color:#0a3069}.chroma .s2{color:#0a3069}.chroma .se{color:#0a3069}.chroma .sh{color:#0a3069}.chroma .si{color:#0a3069}.chroma .sx{color:#0a3069}.chroma .sr{color:#0a3069}.chroma .s1{color:#0a3069}.chroma .ss{color:#032f62}.chroma .m{color:#0550ae}.chroma .mb{color:#0550ae}.chroma .mf{color:#0550ae}.chroma .mh{color:#0550ae}.chroma .mi{color:#0550ae}.chroma .il{color:#0550ae}.chroma .mo{color:#0550ae}.chroma .o{color:#0550ae}.chroma .ow{color:#0550ae}.chroma .or{color:#0550ae}.chroma .p{color:#1f2328}.chroma .c{color:#57606a}.chroma .ch{color:#57606a}.chroma .cm{color:#57606a}.chroma .c1{color:#57606a}.chroma .cs{color:#57606a}.chroma .cp{color:#57606a}.chroma .cpf{color:#57606a}.chroma .gd{color:#82071e;background-color:#ffebe9}.chroma .ge{color:#1f2328}.chroma .gi{color:#116329;background-color:#dafbe1}.chroma .go{color:#1f2328}.chroma .gl{text-decoration:underline}.chroma .w{color:#fff}[data-theme=dark] .bg{color:#e6edf3;background-color:#0d1117}[data-theme=dark] .chroma{color:#e6edf3;background-color:#0d1117;-webkit-text-size-adjust:none}[data-theme=dark] .chroma .err{color:#f85149}[data-theme=dark] .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}[data-theme=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-theme=dark] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}[data-theme=dark] .chroma .hl{background-color:#6e7681}[data-theme=dark] .chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#737679}[data-theme=dark] .chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#6e7681}[data-theme=dark] .chroma .line{display:flex}[data-theme=dark] .chroma .k{color:#ff7b72}[data-theme=dark] .chroma .kc{color:#79c0ff}[data-theme=dark] .chroma .kd{color:#ff7b72}[data-theme=dark] .chroma .kn{color:#ff7b72}[data-theme=dark] .chroma .kp{color:#79c0ff}[data-theme=dark] .chroma .kr{color:#ff7b72}[data-theme=dark] .chroma .kt{color:#ff7b72}[data-theme=dark] .chroma .nc{color:#f0883e;font-weight:700}[data-theme=dark] .chroma .no{color:#79c0ff;font-weight:700}[data-theme=dark] .chroma .nd{color:#d2a8ff;font-weight:700}[data-theme=dark] .chroma .ni{color:#ffa657}[data-theme=dark] .chroma .ne{color:#f0883e;font-weight:700}[data-theme=dark] .chroma .nl{color:#79c0ff;font-weight:700}[data-theme=dark] .chroma .nn{color:#ff7b72}[data-theme=dark] .chroma .nx{color:#e6edf3}[data-theme=dark] .chroma .py{color:#79c0ff}[data-theme=dark] .chroma .nt{color:#7ee787}[data-theme=dark] .chroma .nv{color:#79c0ff}[data-theme=dark] .chroma .vc{color:#79c0ff}[data-theme=dark] .chroma .vg{color:#79c0ff}[data-theme=dark] .chroma .vi{color:#79c0ff}[data-theme=dark] .chroma .vm{color:#79c0ff}[data-theme=dark] .chroma .nf{color:#d2a8ff;font-weight:700}[data-theme=dark] .chroma .fm{color:#d2a8ff;font-weight:700}[data-theme=dark] .chroma .l{color:#a5d6ff}[data-theme=dark] .chroma .ld{color:#79c0ff}[data-theme=dark] .chroma .s{color:#a5d6ff}[data-theme=dark] .chroma .sa{color:#79c0ff}[data-theme=dark] .chroma .sb{color:#a5d6ff}[data-theme=dark] .chroma .sc{color:#a5d6ff}[data-theme=dark] .chroma .dl{color:#79c0ff}[data-theme=dark] .chroma .sd{color:#a5d6ff}[data-theme=dark] .chroma .s2{color:#a5d6ff}[data-theme=dark] .chroma .se{color:#79c0ff}[data-theme=dark] .chroma .sh{color:#79c0ff}[data-theme=dark] .chroma .si{color:#a5d6ff}[data-theme=dark] .chroma .sx{color:#a5d6ff}[data-theme=dark] .chroma .sr{color:#79c0ff}[data-theme=dark] .chroma .s1{color:#a5d6ff}[data-theme=dark] .chroma .ss{color:#a5d6ff}[data-theme=dark] .chroma .m{color:#a5d6ff}[data-theme=dark] .chroma .mb{color:#a5d6ff}[data-theme=dark] .chroma .mf{color:#a5d6ff}[data-theme=dark] .chroma .mh{color:#a5d6ff}[data-theme=dark] .chroma .mi{color:#a5d6ff}[data-theme=dark] .chroma .il{color:#a5d6ff}[data-theme=dark] .chroma .mo{color:#a5d6ff}[data-theme=dark] .chroma .o{color:#ff7b72;font-weight:700}[data-theme=dark] .chroma .ow{color:#ff7b72;font-weight:700}[data-theme=dark] .chroma .or{color:#ff7b72;font-weight:700}[data-theme=dark] .chroma .c{color:#8b949e;font-style:italic}[data-theme=dark] .chroma .ch{color:#8b949e;font-style:italic}[data-theme=dark] .chroma .cm{color:#8b949e;font-style:italic}[data-theme=dark] .chroma .c1{color:#8b949e;font-style:italic}[data-theme=dark] .chroma .cs{color:#8b949e;font-weight:700;font-style:italic}[data-theme=dark] .chroma .cp{color:#8b949e;font-weight:700;font-style:italic}[data-theme=dark] .chroma .cpf{color:#8b949e;font-weight:700;font-style:italic}[data-theme=dark] .chroma .gd{color:#ffa198;background-color:#490202}[data-theme=dark] .chroma .ge{font-style:italic}[data-theme=dark] .chroma .gr{color:#ffa198}[data-theme=dark] .chroma .gh{color:#79c0ff;font-weight:700}[data-theme=dark] .chroma .gi{color:#56d364;background-color:#0f5323}[data-theme=dark] .chroma .go{color:#8b949e}[data-theme=dark] .chroma .gp{color:#8b949e}[data-theme=dark] .chroma .gs{font-weight:700}[data-theme=dark] .chroma .gu{color:#79c0ff}[data-theme=dark] .chroma .gt{color:#ff7b72}[data-theme=dark] .chroma .gl{text-decoration:underline}[data-theme=dark] .chroma .w{color:#6e7681}[data-theme=dark] .chroma .bp{color:#e6edf3;background-color:transparent;font-weight:400;font-style:normal}[data-theme=dark] .chroma .na{color:#e6edf3;background-color:transparent;font-weight:400;font-style:normal}[data-theme=dark] .chroma .nb{color:#e6edf3;background-color:transparent;font-weight:400;font-style:normal}[data-theme=dark] .chroma .p{color:#e6edf3;background-color:transparent;font-weight:400;font-style:normal}