:root{--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-ink: #0f172a;--color-ink-light: #334155;--color-ink-lighter: #64748b;--color-border: #e2e8f0;--color-highlight: rgba(250, 204, 21, .3);--font-serif: "Nanum Myeongjo", "Bitter", Georgia, "Apple SD Gothic Neo", serif;--font-ui: "Pretendard", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", monospace;--maxw: 720px}:root[data-theme=cotton]{--color-bg: #fcfcfc;--color-bg-secondary: #f8f8f8;--color-bg-tertiary: #f2f2f2;--color-ink: #1a1a1a;--color-ink-light: #6b6b6b;--color-ink-lighter: #a0a0a0;--color-border: #eaeaea;--color-highlight: rgba(76, 175, 80, .2)}:root[data-theme=warmth]{--color-bg: #fefcf8;--color-bg-secondary: #faf7f1;--color-bg-tertiary: #f4f0e8;--color-ink: #1c1c1c;--color-ink-light: #5a5a5a;--color-ink-lighter: #9e9e9e;--color-border: #ece6d9;--color-highlight: rgba(234, 150, 60, .25)}*{box-sizing:border-box}html{background-color:var(--color-bg);transition:background-color .3s ease,color .3s ease;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{margin:0;color:var(--color-ink);background-color:var(--color-bg);font-family:var(--font-serif);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}.font-ui{font-family:var(--font-ui)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px 96px}a{color:var(--color-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--color-border)}a:hover{color:var(--color-ink-light);text-decoration-color:var(--color-ink-lighter)}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--color-bg) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:14px;font-family:var(--font-ui)}.brand{font-weight:600;letter-spacing:-.01em;font-size:15px;color:var(--color-ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.brand:hover{color:var(--color-ink-light)}.brand svg{width:18px;height:18px;color:var(--color-ink-lighter)}.spacer{flex:1}.themetoggle{appearance:none;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-ink-lighter);border-radius:8px;height:30px;padding:0 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:12px;transition:border-color .15s,color .15s}.themetoggle:hover{border-color:var(--color-ink-lighter);color:var(--color-ink)}.themetoggle:focus-visible{outline:2px solid var(--color-ink-lighter);outline-offset:2px}.crumb{font-size:13px;color:var(--color-ink-lighter);font-family:var(--font-ui)}.crumb a{color:var(--color-ink-light);text-decoration:none}.crumb a:hover{color:var(--color-ink)}.prose{max-width:none;font-size:17px}.prose h1{font-size:2rem;font-weight:600;margin:2rem 0 1rem;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}.prose h2{font-size:1.5rem;font-weight:600;margin:1.75rem 0 .75rem;line-height:1.4;scroll-margin-top:72px}.prose h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .5rem;scroll-margin-top:72px}.prose p{margin-bottom:1.25rem}.prose ul{margin-bottom:1.25rem;padding-left:1.5rem;list-style-type:disc}.prose ol{margin-bottom:1.25rem;padding-left:1.5rem;list-style-type:decimal}.prose li{margin-bottom:.5rem}.prose li::marker{color:var(--color-ink-lighter)}.prose strong{font-weight:700}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.prose blockquote{position:relative;background-color:color-mix(in srgb,var(--color-bg-tertiary) 50%,transparent);border:none;padding:1.25rem 1.5rem 1.25rem 2.75rem;border-radius:6px;margin:1.5rem 0;color:var(--color-ink-light);font-style:normal}.prose blockquote:before{content:"“";position:absolute;top:.5rem;left:.75rem;font-size:3em;line-height:1;color:var(--color-ink-lighter)}.prose blockquote>:last-child{margin-bottom:0}.prose :not(pre)>code{background-color:color-mix(in srgb,var(--color-ink) 6%,transparent);padding:.2rem .4rem;border-radius:3px;font-size:.9em;font-family:var(--font-mono)}.prose pre{padding:1rem 1.25rem;overflow-x:auto;margin:1.5rem 0;border-left:2px solid color-mix(in srgb,var(--color-ink) 12%,transparent);background:var(--color-bg-secondary);border-radius:0 6px 6px 0}.prose pre code{background:none;padding:0;font-size:.875rem;font-family:var(--font-mono)}.codewrap{position:relative}.copybtn{position:absolute;top:8px;right:8px;appearance:none;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-ink-lighter);border-radius:6px;width:28px;height:26px;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .15s,border-color .15s,color .15s}.codewrap:hover .copybtn{opacity:1}.copybtn:focus-visible{opacity:1;outline:2px solid var(--color-ink-lighter);outline-offset:2px}.copybtn:hover{border-color:var(--color-ink-lighter);color:var(--color-ink)}.copybtn.copied{border-color:#4caf50;color:#4caf50}.copybtn svg{width:13px;height:13px}.prose mark{color:inherit;background:linear-gradient(104deg,transparent .4%,var(--color-highlight) 1.2%,var(--color-highlight) 99.2%,transparent 99.8%);border-radius:.8em .3em;padding:.1em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none}.prose input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--color-ink-lighter);border-radius:5px;background:var(--color-bg);cursor:pointer;display:inline-grid;place-content:center;vertical-align:-4px;margin-right:8px;transition:border-color .15s,background .15s}.prose input[type=checkbox]:hover{border-color:var(--color-ink)}.prose input[type=checkbox]:focus-visible{outline:2px solid var(--color-ink-lighter);outline-offset:2px}.prose input[type=checkbox]:after{content:"";width:9px;height:5px;border:solid var(--color-bg);border-width:0 0 2px 2px;transform:rotate(-45deg) scale(0);margin-top:-2px;transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.prose input[type=checkbox]:checked{background:var(--color-ink);border-color:var(--color-ink)}.prose input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}.prose li:has(>input[type=checkbox]){list-style:none}.prose ul:has(>li>input[type=checkbox]){padding-left:2px}.prose li:has(>input[type=checkbox]:checked){color:var(--color-ink-lighter)}.prose kbd{display:inline-block;font-family:var(--font-ui);font-size:12px;font-weight:600;line-height:1;color:var(--color-ink-light);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:5px;padding:4px 7px;margin:0 1px;white-space:nowrap;vertical-align:middle}.prose .callout{margin:1.5rem 0;padding:1rem 1.25rem;border-radius:6px;border-left:3px solid var(--color-ink-lighter);background:var(--color-bg-secondary);font-size:.95em}.prose .callout.warn{border-left-color:#b7791f;background:color-mix(in srgb,#b7791f 8%,var(--color-bg))}.prose .callout.alert{border-left-color:#d0453f;background:color-mix(in srgb,#d0453f 8%,var(--color-bg))}.prose .callout>:last-child{margin-bottom:0}.prose .callout .callout-label{display:block;font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-lighter);margin-bottom:.4rem}.prose .callout.warn .callout-label{color:#b7791f}.prose .callout.alert .callout-label{color:#d0453f}.prose .tier{margin:1rem 0;padding:.9rem 1.25rem;border-radius:6px;border-left:3px solid var(--color-ink-lighter);background:var(--color-bg-secondary)}.prose .tier>:first-child{margin-top:0}.prose .tier>:last-child{margin-bottom:0}.prose .tier p{margin-bottom:0;font-size:.95em}.prose .tier-ok{border-left-color:#2e9e6b;background:color-mix(in srgb,#2e9e6b 7%,var(--color-bg))}.prose .tier-warn{border-left-color:#c98a1a;background:color-mix(in srgb,#c98a1a 7%,var(--color-bg))}.prose .tier-danger{border-left-color:#d0453f;background:color-mix(in srgb,#d0453f 7%,var(--color-bg))}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95em;display:block;overflow-x:auto;font-family:var(--font-ui)}.prose th,.prose td{border:1px solid var(--color-border);padding:8px 11px;text-align:left}.prose th{background:var(--color-bg-secondary);font-weight:600}.prose img{max-width:100%;height:auto;border-radius:6px;margin:1.5rem 0}footer.foot{margin-top:3rem;padding-top:1.5rem;border-top:1px dashed var(--color-border);color:var(--color-ink-lighter);font-size:.8rem;font-family:var(--font-ui)}