:root{color-scheme:light dark;--color-bg:#fafaf8;--color-surface:#fff;--color-text:#19191b;--color-text-secondary:#5f5f63;--color-text-muted:#7a7a7f;--color-border:#e5e5e1;--color-border-strong:#d4d4cf;--color-accent:#1f3f8f;--color-accent-hover:#17336f;--color-code-bg:#f3f3f0;--font-sans:"Geist", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-display:2.5rem;--fs-title:2rem;--fs-section:1.375rem;--fs-sub:1.0625rem;--fs-body:1rem;--fs-small:.875rem;--fs-meta:.75rem;--fs-micro:.6875rem;--lh-display:1.2;--lh-title:1.25;--lh-section:1.35;--lh-sub:1.45;--lh-body:1.7;--lh-small:1.6;--lh-meta:1.5;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:80px;--s-10:96px;--w-max:1120px;--w-blog:680px;--w-profile:880px;--w-article:720px;--w-toc:200px;--gutter:var(--s-5);--header-h:56px;--border:1px solid var(--color-border);--border-strong:1px solid var(--color-border-strong);--radius:4px}@media (prefers-color-scheme:dark){:root{--color-bg:#121214;--color-surface:#19191c;--color-text:#ececee;--color-text-secondary:#ababb2;--color-text-muted:#8a8a92;--color-border:#29292e;--color-border-strong:#3a3a41;--color-accent:#93abee;--color-accent-hover:#b4c5f4;--color-code-bg:#1c1c20}}@media (width<=640px){:root{--fs-display:2rem;--fs-title:1.625rem;--fs-section:1.25rem;--gutter:var(--s-4)}}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg,video{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}html{-webkit-text-size-adjust:100%;word-break:keep-all;overflow-wrap:break-word}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}main{flex:1}h1,h2,h3,h4{letter-spacing:-.015em;text-wrap:balance;font-weight:600}p{text-wrap:pretty}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}::selection{background:color-mix(in srgb, var(--color-accent) 22%, transparent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}time{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{left:var(--s-4);top:calc(var(--s-10) * -1);z-index:50;padding:var(--s-2) var(--s-3);background:var(--color-text);color:var(--color-bg);font-size:var(--fs-small);position:absolute}.skip-link:focus{top:var(--s-2)}.container{width:100%;max-width:calc(var(--w-max) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.container-blog{max-width:calc(var(--w-blog) + var(--gutter) * 2)}.container-profile{max-width:calc(var(--w-profile) + var(--gutter) * 2)}.page{padding-block:var(--s-8) 0}@media (width<=640px){.page{padding-block:var(--s-7) 0}}.page-title{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:600}.page-intro{margin-top:var(--s-3);color:var(--color-text-secondary)}.meta{font-family:var(--font-mono);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--color-text-muted)}.label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.4;display:block}.secondary{color:var(--color-text-secondary)}.small{font-size:var(--fs-small);line-height:var(--lh-small)}.section{margin-top:var(--s-9)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s-4);padding-top:var(--s-4);border-top:var(--border-strong);margin-bottom:var(--s-6);display:flex}.section-title{font-size:var(--fs-section);line-height:var(--lh-section)}@media (width<=640px){.section{margin-top:var(--s-8)}}.text-link{color:var(--color-accent);text-decoration:none}.text-link:hover{color:var(--color-accent-hover);text-decoration:underline}.link-list{gap:var(--s-2) var(--s-5);font-size:var(--fs-small);flex-wrap:wrap;display:flex}.site-header{border-bottom:var(--border)}.site-header .container{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:var(--header-h);display:flex}.site-brand{font-size:var(--fs-sub);letter-spacing:-.02em;font-weight:600;text-decoration:none}.site-nav{gap:var(--s-5);font-size:var(--fs-small);display:flex}.site-nav a{padding-block:var(--s-3);color:var(--color-text-secondary);text-decoration:none}.site-nav a:hover{color:var(--color-text)}.site-nav a[aria-current]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:6px;text-decoration-thickness:2px}@media (width<=400px){.site-nav{gap:var(--s-4)}}.site-footer{border-top:var(--border);margin-top:var(--s-10)}.site-footer .container{justify-content:space-between;align-items:center;gap:var(--s-3) var(--s-5);padding-block:var(--s-6);font-size:var(--fs-small);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.site-footer a{color:var(--color-text-secondary);text-decoration:none}.site-footer a:hover{color:var(--color-text);text-decoration:underline}.blog-intro{padding-bottom:var(--s-7)}.blog-intro p{margin-top:var(--s-3);color:var(--color-text-secondary)}.index-meta{justify-content:space-between;align-items:baseline;gap:var(--s-2) var(--s-4);padding-block:var(--s-3);border-bottom:var(--border-strong);flex-wrap:wrap;display:flex}.index-meta h2{font-size:var(--fs-small);font-weight:600}.post-list>li{column-gap:var(--s-5);row-gap:var(--s-1);padding-block:var(--s-5);border-bottom:var(--border);grid-template-columns:96px minmax(0,1fr) 160px;align-items:baseline;display:grid}.post-list time{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--color-text-muted)}.post-list .post-title{font-size:var(--fs-sub);line-height:var(--lh-sub);font-weight:600}.post-list .post-title a{text-decoration:none}.post-list .post-title a:hover{color:var(--color-accent);text-decoration:underline}.post-list .post-desc{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--color-text-secondary);grid-column:2}.post-list .post-tags{text-align:right;grid-area:1/3/span 2;justify-self:end}.draft{margin-left:var(--s-2);padding:1px var(--s-1);border:var(--border-strong);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-text-muted);vertical-align:middle;font-weight:400}.tags{gap:var(--s-1) var(--s-3);font-family:var(--font-mono);font-size:var(--fs-meta);line-height:var(--lh-meta);flex-wrap:wrap;display:flex}.tags a{color:var(--color-text-muted);text-decoration:none}.tags a:before{content:"#"}.tags a:hover{color:var(--color-accent)}.post-tags{justify-content:flex-end}@media (width<=720px){.post-list>li{grid-template-columns:minmax(0,1fr)}.post-list .post-desc,.post-list .post-tags{text-align:left;grid-area:auto/1;justify-self:start}.post-tags{margin-top:var(--s-1);justify-content:flex-start}}.breadcrumb{gap:var(--s-2);margin-bottom:var(--s-5);font-size:var(--fs-small);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.crumb-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.breadcrumb{flex-wrap:nowrap}.breadcrumb a:hover{color:var(--color-accent);text-decoration:underline}.post-head{padding-bottom:var(--s-6);border-bottom:var(--border)}.post-head h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:-.025em}.post-meta{gap:var(--s-1) var(--s-4);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.post-head .tags{margin-top:var(--s-2)}.post-lead{margin-top:var(--s-5);font-size:var(--fs-sub);line-height:var(--lh-sub);color:var(--color-text-secondary)}.post-body{margin-top:var(--s-7)}.post-nav{gap:var(--s-5);margin-top:var(--s-8);padding-top:var(--s-4);border-top:var(--border-strong);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.post-nav a{gap:var(--s-1);text-decoration:none;display:grid}.post-nav strong{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:500}.post-nav a:hover strong{color:var(--color-accent);text-decoration:underline}.post-nav .next{text-align:right}@media (width<=640px){.post-nav{grid-template-columns:minmax(0,1fr)}.post-nav .next{text-align:left}}.prose{font-size:var(--fs-body);line-height:1.8}.prose>*+*{margin-top:var(--s-5)}.prose h2{margin-top:var(--s-8);font-size:var(--fs-section);line-height:var(--lh-section)}.prose h3{margin-top:var(--s-7);font-size:var(--fs-sub);line-height:var(--lh-sub)}.prose h2+*,.prose h3+*{margin-top:var(--s-3)}.prose ul,.prose ol{padding-left:1.4em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:var(--s-2)}.prose li::marker{color:var(--color-text-muted)}.prose a{color:var(--color-accent)}.prose a:hover{color:var(--color-accent-hover)}.prose strong{font-weight:600}.prose blockquote{padding-left:var(--s-4);border-left:2px solid var(--color-border-strong);color:var(--color-text-secondary)}.prose hr{border:0;border-top:var(--border);margin-block:var(--s-8)}.prose code{font-family:var(--font-mono);font-size:.875em}.prose :not(pre)>code{padding:1px var(--s-1);border-radius:var(--radius);background:var(--color-code-bg)}.prose pre{padding:var(--s-4) var(--s-5);border:var(--border);border-radius:var(--radius);font-size:var(--fs-small);line-height:var(--lh-small);overflow-x:auto}.prose img{border-radius:var(--radius);height:auto}.prose figure svg{color:currentColor;width:100%;height:auto}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-small);display:block;overflow-x:auto}.prose th,.prose td{padding:var(--s-2) var(--s-3);border-bottom:var(--border);text-align:left;vertical-align:top}.prose th{border-bottom-color:var(--color-border-strong);font-weight:600}@media (prefers-color-scheme:dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.tag-index{column-gap:var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tag-index li{border-bottom:var(--border)}.tag-index a{justify-content:space-between;align-items:baseline;gap:var(--s-4);padding-block:var(--s-3);text-decoration:none;display:flex}.tag-index a:hover span:first-child{color:var(--color-accent);text-decoration:underline}@media (width<=520px){.tag-index{grid-template-columns:minmax(0,1fr)}}.about-section{gap:var(--s-2) var(--s-5);padding-block:var(--s-5);border-top:var(--border);grid-template-columns:160px minmax(0,1fr);display:grid}.about-section h2{font-size:var(--fs-small);font-weight:600;line-height:var(--lh-body)}.about-section p+p{margin-top:var(--s-4)}@media (width<=640px){.about-section{grid-template-columns:minmax(0,1fr)}}