:root{--bg: #0b0c10;--surface: #131519;--surface-2: #191c22;--surface-3: #21252d;--border: #2a2f38;--border-strong: #3a414d;--text: #e8eaed;--text-muted: #9aa1ac;--text-faint: #6b727d;--accent: #f6821f;--accent-soft: rgba(246, 130, 31, .14);--accent-line: rgba(246, 130, 31, .4);--ok: #34d399;--err: #f87171;--info: #60a5fa;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--reading-width: 720px;--toc-width: 240px;--radius: 10px;--radius-sm: 6px;--shadow: 0 8px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;background:#0b0c10d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.wordmark{display:flex;align-items:center;gap:.6rem;font-weight:650;font-size:1.02rem;letter-spacing:-.01em}.wordmark .mark{color:var(--accent);display:inline-flex}.wordmark .sub{color:var(--text-faint);font-weight:400}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.85rem;font-family:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:hover{border-color:var(--border-strong);background:var(--surface-3)}.btn[data-active=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.btn-primary{background:var(--accent);color:#1a1204;border-color:var(--accent);font-weight:600}.btn-primary:hover{background:#ff922e;border-color:#ff922e}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted);padding:.35rem}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.layout{display:grid;grid-template-columns:var(--toc-width) minmax(0,1fr);gap:2.5rem;max-width:1120px;margin:0 auto;padding:2.5rem 1.5rem 6rem}@media(max-width:900px){.layout{grid-template-columns:1fr}.toc{display:none}}.toc{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;font-size:.85rem}.toc-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--text-faint);margin:0 0 .75rem .6rem}.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}.toc li{counter-increment:toc}.toc a{display:block;padding:.32rem .6rem;color:var(--text-muted);border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color .15s,border-color .15s,background .15s}.toc a:before{content:counter(toc) ".";color:var(--text-faint);margin-right:.5rem}.toc a:hover{color:var(--text);text-decoration:none;background:var(--surface)}.toc a[data-active=true]{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.article{max-width:var(--reading-width);min-width:0}.hero{margin-bottom:3rem}.hero h1{font-size:2.4rem;line-height:1.1;letter-spacing:-.02em;margin:0 0 1rem}.hero .lede{font-size:1.15rem;color:var(--text-muted);margin:0}.hero .meta{margin-top:1.25rem;display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.75rem;padding:.25rem .6rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--text-muted)}.section{padding-top:2.5rem;margin-bottom:1rem;scroll-margin-top:84px}.section>h2{font-size:1.6rem;letter-spacing:-.015em;margin:0 0 .35rem;display:flex;align-items:baseline;gap:.6rem}.section>h2 .num{font-size:.95rem;color:var(--accent);font-variant-numeric:tabular-nums}.section .kicker{text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;color:var(--accent);font-weight:600;margin-bottom:.4rem}.prose p{margin:0 0 1.1rem;color:#d5d9df}.prose h3{font-size:1.12rem;margin:1.8rem 0 .6rem}.prose ul{margin:0 0 1.1rem;padding-left:1.2rem;color:#d5d9df}.prose li{margin:.3rem 0}.prose strong{color:var(--text);font-weight:620}.prose code:not(pre code){font-family:var(--font-mono);font-size:.85em;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:.08em .36em;color:#f0d9b5}.prose table{width:100%;border-collapse:collapse;margin:0 0 1.2rem;font-size:.9rem}.prose th,.prose td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--border)}.prose th{color:var(--text-muted);font-weight:600;border-bottom-color:var(--border-strong)}.code{margin:1.4rem 0;background:#0e1014;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;background:var(--surface);border-bottom:1px solid var(--border);font-size:.78rem}.code-file{display:flex;align-items:center;gap:.45rem;color:var(--text-muted);font-family:var(--font-mono)}.code-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.7}.code pre{margin:0;padding:1rem 1.1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.6;color:#d9dee6}.code-caption{padding:.6rem 1.1rem;border-top:1px solid var(--border);color:var(--text-faint);font-size:.8rem;background:var(--surface)}.code-source{color:var(--text-faint);font-size:.72rem;font-family:var(--font-mono)}.demo{margin:1.6rem 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.demo-head{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:linear-gradient(0deg,transparent,var(--accent-soft))}.demo-head .demo-icon{color:var(--accent);display:inline-flex}.demo-head .demo-title{font-weight:600;font-size:.92rem}.demo-head .demo-badge{margin-left:auto;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem}.demo-body{padding:1rem}.demo-note{font-size:.82rem;color:var(--text-faint);margin:0 0 .85rem}.field{width:100%;background:#0e1014;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .7rem;font-family:inherit;font-size:.9rem;resize:vertical}.field:focus{outline:none;border-color:var(--accent-line)}.stat-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);padding:.25rem 0}.stat-row .val{color:var(--text);font-variant-numeric:tabular-nums}.drawer{position:fixed;top:0;right:0;width:min(440px,92vw);height:100vh;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);z-index:200;display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.drawer-tabs{display:flex;gap:.4rem;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.drawer-body{flex:1;overflow:auto;padding:1rem}.xray-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .75rem;margin-bottom:.5rem;font-size:.82rem}.xray-item .row{display:flex;justify-content:space-between;margin-bottom:.25rem}.xray-item .svc{color:var(--accent);font-weight:600}.xray-item pre{margin:.35rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint);white-space:pre-wrap;word-break:break-word}.term{background:#08090c;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;height:320px}.term-out{flex:1;overflow:auto;padding:.75rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.term-line-input{color:var(--accent)}.term-line-error{color:var(--err)}.term-line-output{color:#cfd4dc}.term-in{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--border);padding:.5rem .75rem}.term-in input{flex:1;background:transparent;border:none;color:var(--text);font-family:var(--font-mono);font-size:.8rem;outline:none}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem}.media-fig{margin:0;background:#0e1014;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem}.media-fig img{width:100%;height:auto;border-radius:4px;background:#0b1020}.media-fig figcaption{margin-top:.5rem;font-size:.72rem;color:var(--text-faint)}.rating{display:flex;gap:.2rem;margin-bottom:.75rem}.rating button{background:none;border:none;padding:.1rem;cursor:pointer;color:var(--border-strong);display:inline-flex}.rating button[data-on=true]{color:var(--accent)}.presence-canvas{position:relative;height:220px;background:#0e1014;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;cursor:crosshair}.presence-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-top:.6rem}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.answer{margin-top:.85rem;padding:.75rem .85rem;background:#0e1014;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;color:#d5d9df;max-height:40vh;overflow-y:auto;overscroll-behavior:contain}.answer .sources{margin-top:.6rem;font-size:.75rem;color:var(--text-faint)}.answer.is-error{border-color:#f8717173;color:#e8b7b7}.ask-slow-hint{margin-top:.6rem;font-size:.8rem;color:var(--text-faint)}.switch-row{display:flex;align-items:center;gap:.6rem;font-size:.88rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.switch-row input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:38px;height:22px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-strong);transition:background .15s,border-color .15s;flex:none}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:transform .15s,background .15s}.switch-row input:checked+.switch-track{background:var(--accent-soft);border-color:var(--accent-line)}.switch-row input:checked+.switch-track .switch-thumb{transform:translate(16px);background:var(--accent)}.switch-row input:focus-visible+.switch-track{outline:2px solid var(--accent-line);outline-offset:2px}.flaky{margin-top:.9rem;padding:.75rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0e1014;font-size:.88rem}.flaky p{margin:.5rem 0 0;color:#d5d9df}.flaky-status{display:flex;align-items:center;gap:.45rem;font-weight:600}.flaky.is-ok{border-color:#34d39966}.flaky.is-ok .flaky-status{color:var(--ok)}.flaky.is-degraded{border-color:#f8717173}.flaky.is-degraded .flaky-status{color:var(--err)}.flaky-hint{font-size:.8rem;color:var(--text-faint)!important}.featured-card{margin-top:.6rem;padding:.7rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0a0b0e}.featured-card h4{margin:.35rem 0 .25rem;font-size:.95rem;color:var(--text)}.featured-card p{margin:0!important;font-size:.82rem;color:var(--text-muted)!important}.featured-meta{display:flex;align-items:center;gap:.4rem}.badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.badge-beginner{border-color:#34d39966;color:var(--ok)}.badge-intermediate{border-color:#fbbf2466;color:#fbbf24}.badge-advanced{border-color:#f8717173;color:var(--err)}.featured-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.flaky-contrast{display:flex;align-items:center;gap:.4rem;margin-top:.6rem!important;font-size:.8rem;color:var(--text-faint)!important}.flaky-contrast code{font-family:var(--font-mono);color:var(--err)}.ask-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:150;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;color:#1a1204;background:var(--accent);border:none;border-radius:999px;box-shadow:var(--shadow);cursor:pointer;transition:background .15s,transform .15s}.ask-fab:hover{background:#ff922e;transform:translateY(-1px)}.ask-fab[data-open=true]{background:var(--surface-3);color:var(--text);padding:.7rem}.ask-panel{position:fixed;bottom:5.2rem;right:1.5rem;z-index:150;width:min(400px,calc(100vw - 2rem));max-height:min(85vh,680px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ask-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;border-bottom:1px solid var(--border);background:linear-gradient(0deg,transparent,var(--accent-soft))}.ask-panel-title{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:.9rem;color:var(--accent)}.ask-panel-body{padding:.85rem;overflow-y:auto}.ask-panel-note{margin:0 0 .75rem;font-size:.78rem;line-height:1.5;color:var(--text-faint)}.ask-panel-how{margin-top:.85rem}.ask-panel-how summary{font-size:.78rem;color:var(--text-muted);cursor:pointer}.ask-panel-how summary:hover{color:var(--text)}.ask-panel-how .code{margin:.6rem 0 0}.demo-reveal{margin-top:.9rem}.peek{margin-top:.9rem;border-top:1px dashed var(--border);padding-top:.6rem}.peek>summary{font-size:.78rem;color:var(--text-muted);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.35rem}.peek>summary:before{content:"+";color:var(--accent);font-family:var(--font-mono)}.peek[open]>summary:before{content:"–"}.peek>summary:hover{color:var(--text)}.peek-body{margin-top:.6rem}.peek-hop{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .65rem;margin-bottom:.4rem;font-size:.8rem}.peek-hop-row{display:flex;justify-content:space-between}.peek .svc{color:var(--accent);font-weight:600}.peek-hop-meta{color:var(--text-faint)}.peek-caption{font-size:.75rem;color:var(--text-faint);margin:0 0 .5rem}.peek-meta{margin:.4rem 0 0;display:grid;gap:.15rem}.peek-meta-row{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.72rem}.peek-meta-row dt{color:var(--text-faint)}.peek-meta-row dd{margin:0;color:var(--text-muted);text-align:right;word-break:break-word}.travel-svg{display:block;background:#0e1014;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem}.travel-edge{stroke:#3a414d;stroke-width:1.5;stroke-dasharray:4 4;transition:stroke .2s}.travel-edge.is-active{stroke:var(--accent);stroke-dasharray:none}.travel-packet{fill:var(--accent);filter:drop-shadow(0 0 6px var(--accent));transition:cx .42s ease,cy .42s ease}.travel-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.travel-label{font-size:.82rem;color:var(--text-faint);margin-right:.2rem}.travel-result{display:flex;align-items:center;gap:.45rem;margin:.75rem 0 0;font-size:.85rem;color:var(--ok)}.travel-result.is-fail{color:var(--err)}.bottle-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.bottle-sea{position:relative;height:46px;margin:.9rem 0;background:linear-gradient(180deg,#0e1014,#0b1020);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;overflow:hidden}.bottle-stage{font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;z-index:1}.bottle-token{position:absolute;top:50%;left:6%;color:var(--accent);animation:bottle-float 2.8s linear infinite}@keyframes bottle-float{0%{left:4%;transform:translateY(-50%) rotate(-8deg)}50%{transform:translateY(-70%) rotate(8deg)}to{left:88%;transform:translateY(-50%) rotate(-8deg)}}.bottle-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.bottle-note{margin:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .7rem}.bottle-note blockquote{margin:0;font-size:.85rem;color:#d5d9df}.bottle-note figcaption{margin-top:.4rem;font-size:.72rem;color:var(--text-faint)}.race-lane{margin-bottom:.7rem}.race-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:.3rem}.race-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.race-track{height:14px;background:var(--surface-3);border-radius:999px;overflow:hidden}.race-car{height:100%;width:0;border-radius:999px;transition:width .5s ease}.race-car.is-running{animation:race-pulse .7s ease-in-out infinite}@keyframes race-pulse{0%,to{opacity:.55}50%{opacity:1}}.race-verdict{font-size:.83rem;color:var(--text-muted);margin:.6rem 0 0}.sticker-palette{display:flex;flex-wrap:wrap;gap:.5rem}.sticker-pick{width:46px;height:46px;padding:.35rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,transform .1s}.sticker-pick:hover{border-color:var(--border-strong);transform:translateY(-2px)}.sticker-pick svg{width:100%;height:100%;display:block}.sticker-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.5rem}.sticker-cell{display:block;width:100%;aspect-ratio:1;background:#0e1014;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem}.sticker-cell svg{width:100%;height:100%;display:block}.emoji-palette{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;margin-bottom:.6rem}.emoji-pick{font-size:1.15rem;line-height:1;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:.25rem .35rem;cursor:pointer}.emoji-pick[data-on=true]{background:var(--accent-soft);border-color:var(--accent-line)}.emoji-hint{margin-left:auto;font-size:.75rem;color:var(--text-faint)}.emoji-burst{position:absolute;font-size:1.5rem;pointer-events:none;transform:translate(-50%,-50%);animation:emoji-burst 1.1s ease-out forwards}@keyframes emoji-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1;transform:translate(-50%,-75%) scale(1.25)}to{opacity:0;transform:translate(-50%,-170%) scale(1)}}.lever{display:inline-block}.lever-handle{display:inline-flex;align-items:center;gap:.7rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.6rem .9rem;cursor:pointer;color:var(--text);transition:border-color .15s}.lever.is-down .lever-handle{border-color:#f8717199}.lever-slot{position:relative;width:26px;height:46px;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:999px;flex:none}.lever-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--ok);transition:transform .18s ease,background .18s}.lever.is-down .lever-knob{transform:translateY(22px);background:var(--err)}.lever-label{font-family:var(--font-mono);font-size:.82rem}.magic{position:relative}.magic-switch{display:inline-flex;align-items:center;gap:.7rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.6rem .9rem;cursor:pointer;color:var(--text)}.magic-track{position:relative;width:46px;height:26px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-strong);flex:none;transition:background .15s,border-color .15s}.magic-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-muted);transition:transform .18s ease,background .18s}.magic-switch.is-on .magic-track{background:var(--accent-soft);border-color:var(--accent-line)}.magic-switch.is-on .magic-knob{transform:translate(20px);background:var(--accent)}.magic-text{font-size:.85rem}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.confetti span{position:absolute;top:-12px;width:8px;height:8px;border-radius:2px;animation:confetti-fall 1.5s ease-in forwards}@keyframes confetti-fall{to{top:130%;opacity:0}}.magic-flagship{margin-top:.9rem;border-top:1px solid var(--border);padding-top:.7rem}.magic-flagship-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:.4rem}body[data-party=true] .topbar{border-bottom-color:var(--accent);box-shadow:0 1px 16px var(--accent-line)}