:root{--bg: #faf9f6;--bg2: #f2ede4;--surface: #ffffff;--border: #e5dfd3;--text: #1c1917;--muted: #78716c;--teal: #0f766e;--teal-lt: #ccfbf1;--amber: #b45309;--amber-lt: #fef3c7;--rose: #be123c;--rose-lt: #ffe4e6;--violet: #6d28d9;--violet-lt: #ede9fe;--display: "Fraunces", serif;--body: "Plus Jakarta Sans", sans-serif;--mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.75}.topbar{background:var(--bg);border-bottom:1px solid var(--border);padding:.85rem 2rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.level-pill{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .75rem;border-radius:999px;background:var(--teal-lt);color:var(--teal);border:1px solid rgba(15,118,110,.2)}.topbar-title{font-family:var(--body);font-size:.9rem;color:var(--muted);font-weight:500}.hero{max-width:720px;margin:0 auto;padding:5rem 2rem 3.5rem;text-align:center;opacity:0;animation:fade-up .7s ease forwards .1s}.hero-eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:1.25rem}.hero h1{font-family:var(--display);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--text);margin-bottom:1.5rem}.hero h1 em{font-style:italic;color:var(--teal)}.hero-sub{font-size:1.1rem;color:var(--muted);max-width:520px;margin:0 auto;line-height:1.65}.divider{max-width:720px;margin:0 auto;border:none;border-top:1px solid var(--border)}.content{max-width:720px;margin:0 auto;padding:0 2rem}.block{padding:3rem 0;border-bottom:1px solid var(--border);opacity:0;animation:fade-up .6s ease forwards}.block:last-of-type{border-bottom:none}.block-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:.75rem}.block h2{font-family:var(--display);font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--text);margin-bottom:1.25rem}.block p{color:var(--text);margin-bottom:1.15rem}.block p:last-child{margin-bottom:0}strong{font-weight:600;color:var(--text)}.callout{border-radius:10px;padding:1.15rem 1.4rem;margin:1.5rem 0;border-left:3px solid}.callout-why{background:var(--teal-lt);border-left-color:var(--teal)}.callout-model{background:var(--violet-lt);border-left-color:var(--violet)}.callout-tip{background:var(--amber-lt);border-left-color:var(--amber)}.callout-warn{background:var(--rose-lt);border-left-color:var(--rose)}.callout-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin-bottom:.45rem}.callout-why .callout-label{color:var(--teal)}.callout-model .callout-label{color:var(--violet)}.callout-tip .callout-label{color:var(--amber)}.callout-warn .callout-label{color:var(--rose)}.callout p{font-size:.96rem;margin:0;color:var(--text)}.analogy{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.75rem;margin:1.5rem 0}.analogy-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.analogy p{font-size:1rem;color:var(--text);margin:0;line-height:1.65}.analogy p+p{margin-top:.75rem}code{font-family:var(--mono);font-size:.875em;background:var(--bg2);color:var(--teal);padding:.1em .45em;border-radius:5px;border:1px solid var(--border)}.code-block{background:#1c1917;border-radius:10px;overflow:hidden;margin:1.5rem 0}.code-header{display:flex;align-items:center;gap:.45rem;padding:.6rem 1rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.dot{width:10px;height:10px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.code-file{font-family:var(--mono);font-size:.68rem;color:#a8a29e;margin-left:auto;letter-spacing:.05em}.code-block pre{padding:1.25rem 1.5rem;overflow-x:auto;font-family:var(--mono);font-size:.82rem;line-height:1.75;color:#e7e5e0;tab-size:2}.hi-teal{color:#5eead4}.hi-amber{color:#fcd34d}.hi-violet{color:#c4b5fd}.hi-green{color:#86efac}.hi-dim{color:#78716c;font-style:italic}.hi-rose{color:#fda4af}.anatomy{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:1.5rem 0}.anatomy-row{display:flex;gap:0;border-bottom:1px solid var(--border)}.anatomy-row:last-child{border-bottom:none}.anatomy-marker{width:4px;flex-shrink:0}.am-teal{background:var(--teal)}.am-amber{background:var(--amber)}.am-violet{background:var(--violet)}.am-rose{background:var(--rose)}.anatomy-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.anatomy-name{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.at-teal{color:var(--teal)}.at-amber{color:var(--amber)}.at-violet{color:var(--violet)}.at-rose{color:var(--rose)}.anatomy-desc{font-size:.92rem;color:var(--muted);line-height:1.55}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}@media(max-width:580px){.two-col{grid-template-columns:1fr}}.yes-no-card{border-radius:10px;padding:1.15rem 1.25rem;border:1px solid var(--border)}.yes-no-card.yes{background:var(--teal-lt);border-color:#0f766e33}.yes-no-card.no{background:#fff7ed;border-color:#b4530933}.yes-no-card h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem}.yes-no-card.yes h4{color:var(--teal)}.yes-no-card.no h4{color:var(--amber)}.yes-no-card ul{list-style:none;display:flex;flex-direction:column;gap:.45rem}.yes-no-card ul li{font-size:.9rem;color:var(--text);padding-left:1.1rem;position:relative;line-height:1.5}.yes-no-card.yes li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:600;font-size:.8rem;top:.1em}.yes-no-card.no li:before{content:"→";position:absolute;left:0;color:var(--amber);font-size:.75rem;top:.15em}.cheatsheet{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:1.5rem 0;background:var(--surface)}.cheatsheet-header{background:var(--bg2);padding:.85rem 1.4rem;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--teal)}.cs-row{display:flex;align-items:baseline;gap:1.25rem;padding:.8rem 1.4rem;border-bottom:1px solid var(--border)}.cs-row:last-child{border-bottom:none}.cs-term{font-family:var(--mono);font-size:.8rem;color:var(--teal);white-space:nowrap;flex-shrink:0;min-width:140px}.cs-def{font-size:.875rem;color:var(--muted);line-height:1.5}.footer{background:var(--bg2);border-top:1px solid var(--border);text-align:center;padding:3.5rem 2rem}.footer-headline{font-family:var(--display);font-size:1.5rem;font-weight:600;font-style:italic;color:var(--text);margin-bottom:.6rem}.footer p{color:var(--muted);font-size:.9rem}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.b1{animation-delay:.15s}.b2{animation-delay:.2s}.b3{animation-delay:.25s}.b4{animation-delay:.3s}.b5{animation-delay:.35s}.b6{animation-delay:.4s}.b7{animation-delay:.45s}@media(max-width:600px){.hero{padding:3.5rem 1.5rem 2.5rem}.content{padding:0 1.5rem}}.theme-toggle{position:fixed;top:14px;right:16px;z-index:1000;background:#00000012;border:1px solid rgba(0,0,0,.14);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:background .2s,border-color .2s,color .2s;padding:0}.theme-toggle:hover{background:#0000001f}.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-moon{display:none}[data-dark] .theme-toggle{background:#ffffff14;border-color:#ffffff2e;color:#ffffffb3}[data-dark] .icon-sun{display:none}[data-dark] .icon-moon{display:block}:root[data-dark]{--bg: #050f0e;--bg2: #091716;--surface: #0d2220;--border: rgba(255,255,255,.1);--text: #e4f5f4;--muted: #8abfbb;--teal: #14b8a6;--teal-lt: rgba(20,184,166,.15);--amber: #f59e0b;--amber-lt: rgba(245,158,11,.12);--rose: #fb7185;--rose-lt: rgba(251,113,133,.12);--violet: #a78bfa;--violet-lt: rgba(167,139,250,.12)}[data-dark] body{background:#050f0e;color:#e4f5f4}[data-dark] .topbar{background:#050f0e;border-bottom-color:#ffffff1a}[data-dark] .topbar-title{color:#8abfbb}[data-dark] .hero h1{color:#e4f5f4}[data-dark] .hero-sub{color:#8abfbb}[data-dark] .divider{border-top-color:#ffffff1a}[data-dark] .block{border-bottom-color:#ffffff1a}[data-dark] .block h2,[data-dark] .block p,[data-dark] strong{color:#e4f5f4}[data-dark] code{background:#14b8a626;border-color:#14b8a640;color:#14b8a6}[data-dark] .callout-why{background:#14b8a61f;border-left-color:#14b8a6}[data-dark] .callout-model{background:#a78bfa1a;border-left-color:#a78bfa}[data-dark] .callout-tip{background:#f59e0b1a;border-left-color:#f59e0b}[data-dark] .callout-warn{background:#fb71851a;border-left-color:#fb7185}[data-dark] .callout p{color:#e4f5f4}[data-dark] .analogy{background:#091716;border-color:#ffffff1a}[data-dark] .analogy p{color:#e4f5f4}[data-dark] .anatomy{border-color:#ffffff1a}[data-dark] .anatomy-row{border-bottom-color:#ffffff14}[data-dark] .anatomy-desc{color:#8abfbb}[data-dark] .yes-no-card{background:#0d2220;border-color:#ffffff1a}[data-dark] .yes-no-card.yes{background:#14b8a61a;border-color:#14b8a633}[data-dark] .yes-no-card.no{background:#f59e0b14;border-color:#f59e0b33}[data-dark] .yes-no-card ul li{color:#e4f5f4}[data-dark] .cheatsheet{background:#0d2220;border-color:#ffffff1a}[data-dark] .cheatsheet-header{background:#091716;border-bottom-color:#ffffff1a;color:#14b8a6}[data-dark] .cs-row{border-bottom-color:#ffffff14}[data-dark] .cs-def{color:#8abfbb}[data-dark] .footer{background:#091716;border-top-color:#ffffff1a}[data-dark] .footer-headline{color:#e4f5f4}[data-dark] .footer p{color:#8abfbb}