:root{color-scheme:light dark;--paper:#FCFCFB;--paper-2:#F4F4F2;--ink:#32302C;--ink-2:#4A4742;--muted:#5E5A54;--line:#DFDCD6;--stamp:#B4291F;--sans:-apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "D2Coding", "Nanum Gothic Coding", monospace;--fs-hero:clamp(1.94em, 5vw, 3.05em);--fs-h1:1.94em;--fs-h2:1.55em;--fs-h3:1.24em;--fs-body:1em;--fs-meta:0.82em;--s1:.5rem;--s2:1rem;--s3:1.6rem;--s4:2.6rem;--s5:3rem;--s6:4.5rem;--r-sm:5px;--r-md:10px;--gutter:1.25rem;--w-wide:44rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1C1B18;--paper-2:#242320;--ink:#E5E2DB;--ink-2:#CFC9BC;--muted:#AAA396;--line:#3A3833;--stamp:#EC705A}}:root[data-theme=dark]{--paper:#1C1B18;--paper-2:#242320;--ink:#E5E2DB;--ink-2:#CFC9BC;--muted:#AAA396;--line:#3A3833;--stamp:#EC705A}*{box-sizing:border-box}html{background:var(--paper);word-break:keep-all;overflow-wrap:break-word;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;font-weight:400;line-height:1.8}button,input{font:inherit}a{color:var(--ink);text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);text-underline-offset:.16em}a:hover{color:var(--stamp)}:where(h1,h2,h3){text-wrap:balance}:focus-visible{outline:2px solid var(--stamp);outline-offset:3px}.container{width:min(100% - var(--gutter) * 2,var(--w-wide));margin-inline:auto}.skip{position:absolute;left:var(--s2);top:var(--s2);z-index:1;padding:var(--s1)var(--s2);border-radius:var(--r-sm);background:var(--ink);color:var(--paper);transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}header.site{padding-block:var(--s1);border-bottom:1px solid var(--line)}header.site .container{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.brand{min-height:44px;display:inline-flex;align-items:center;color:var(--ink);font-size:var(--fs-meta);font-weight:700;letter-spacing:0;text-decoration:none}header.site nav{display:flex;flex-wrap:wrap;gap:var(--s1)var(--s2)}header.site nav a,footer.site a,ul.posts a{min-height:44px;display:inline-flex;align-items:center;padding-block:var(--s1);font-size:var(--fs-meta)}header.site nav a{font-weight:400;text-decoration:none}footer.site{margin-top:var(--s6);padding-block:var(--s4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-meta);line-height:1.6}footer.site .biz{margin:var(--s1)0}footer.site .container{display:grid;gap:var(--s1)}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1)var(--s2)}.theme-toggle{min-height:44px;padding:var(--s1)0;border:0;background:0 0;color:var(--muted);font-family:var(--mono);font-size:var(--fs-meta);font-weight:400;cursor:pointer}[data-theme-label]::after{content:"어둡게"}:root[data-theme=dark] [data-theme-label]::after{content:"밝게"}.hero{padding-block:var(--s5)var(--s4);text-align:center}.hero-copy{max-width:30.5em;margin-inline:auto}.hero h1{margin:0;font-size:var(--fs-hero);font-weight:700;line-height:1.25;letter-spacing:-.03em}.hero .lede{margin:var(--s2)auto var(--s4);color:var(--ink-2);font-size:var(--fs-body);line-height:1.8}.hero .cta-note{display:block;margin-top:var(--s1);color:var(--muted);font-size:var(--fs-meta);line-height:1.5}.cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-width:200px;min-height:48px;padding:var(--s1)var(--s2);border:1px solid var(--ink);border-radius:var(--r-md);background:var(--ink);color:var(--paper);font-size:var(--fs-body);font-weight:700;letter-spacing:0;text-decoration:none;transition:background .18s ease,color .18s ease}.cta:hover{border-color:var(--ink-2);background:var(--ink-2);color:var(--paper)}.hero .proof{max-width:30.5em;margin:var(--s4)auto 0;color:var(--muted);font-size:var(--fs-meta);line-height:1.6}.flow{margin-bottom:var(--s6)}.flow ol{display:inline;margin:0;padding:0;list-style:none}.flow li{display:inline}.flow strong{color:var(--ink);font-size:var(--fs-h3);font-weight:700;letter-spacing:0}.flow small{display:none;color:var(--muted);font-size:var(--fs-meta)}.flow-arrow{margin-inline:var(--s1);color:var(--stamp);font-family:var(--mono)}.flow-caption{margin:var(--s3)0 0;color:var(--muted);font-size:var(--fs-meta)}.prose{max-width:30.5em;margin-inline:auto}.prose>*{margin-block:0 var(--s3)}.prose h1,.prose h2,.prose h3{color:var(--ink);font-weight:700}.prose h1{margin-top:var(--s5);font-size:var(--fs-h1);line-height:1.3;letter-spacing:-.03em}.prose h2{margin-top:var(--s6);font-size:var(--fs-h2);line-height:1.4;letter-spacing:-.03em}.prose h3{margin-top:var(--s4);font-size:var(--fs-h3);line-height:1.5}.prose>p:first-of-type{color:var(--ink-2)}.prose blockquote{margin-inline:0;padding-left:var(--s2);border-left:3px solid var(--line);color:var(--ink-2)}.prose strong{font-weight:700}.prose code{padding:.12em .4em;border-radius:var(--r-sm);background:var(--paper-2);font-family:var(--mono);font-size:.92em}.prose pre{overflow-x:auto;padding:var(--s2);border-radius:var(--r-md);background:var(--paper-2)}.prose pre code{padding:0;background:0 0}.prose hr{margin-block:var(--s5);border:0}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin-block:var(--s1)}.prose table{width:100%;border-collapse:collapse;font-size:.92em}.prose th{background:var(--paper-2);color:var(--ink);font-weight:700;text-align:left}.prose th,.prose td{padding:var(--s1);border-bottom:1px solid var(--line)}.prose time,.posts time{color:var(--muted);font-family:var(--mono);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}.prose del{color:var(--muted);text-decoration-color:var(--stamp);text-decoration-thickness:1px}.prose ins{color:var(--ink);text-decoration:none}.fix-arrow{color:var(--stamp);font-family:var(--mono)}.posts{padding:0;list-style:none}.posts li{margin-block:var(--s2)}.posts li>p{margin:0;color:var(--muted);font-size:var(--fs-meta)}.posts a{font-size:var(--fs-body);font-weight:700}.home-content{padding-bottom:var(--s2)}.home-content>h2:first-child{margin-top:0}.auth-panel{margin-block:var(--s5)}.auth-panel form{display:grid;gap:var(--s2)}.auth-panel input,.auth-panel button{min-height:44px;padding:var(--s1)var(--s2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink)}.auth-panel button{cursor:pointer}.auth-panel button:disabled{cursor:not-allowed;opacity:.6}.auth-status{color:var(--muted)}.auth-error{color:var(--stamp)}@media(max-width:23.4375rem){:root{--gutter:1rem}}@media(min-width:48rem){:root{--gutter:2rem;--s5:4.2rem;--s6:6.8rem}body{font-size:18px}.flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}.flow li{display:block}.flow small{display:block;margin-top:var(--s1)}.flow-arrow{display:none}}@media(min-width:64rem){:root{--gutter:3rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}