:root{--ink-950: #0a0a0a;--ink-900: #141414;--ink-850: #1a1a1a;--ink-800: #262626;--ink-700: #333333;--ink-600: #525252;--ink-500: #737373;--ink-400: #a3a3a3;--ink-300: #d4d4d4;--ink-200: #e5e5e5;--ink-100: #f5f5f5;--ink-50: #fafafa;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--terra-300: #f0a58a;--terra-400: #e07b54;--terra-500: #c85a33;--terra-600: #a84a2b;--sand-100: #f7f4ef;--sand-200: #efe9df;--sand-300: #e2d9c8;--amber-400: #fbbf24;--amber-500: #d97706;--amber-600: #b45309;--bg: var(--ink-950);--bg-raised: var(--ink-900);--bg-sunken: #060606;--fg: var(--ink-100);--fg-title: var(--ink-200);--fg-muted: var(--ink-400);--fg-faint: var(--ink-500);--border: var(--ink-800);--border-strong: var(--ink-700);--accent: var(--teal-400);--accent-strong: var(--teal-300);--accent-fg: var(--ink-950);--accent-soft: rgba(45, 212, 191, .12);--warm: var(--terra-400);--warm-soft: rgba(224, 123, 84, .12);--status-shipped: var(--teal-400);--status-shipped-soft: rgba(45, 212, 191, .14);--status-qp: var(--amber-400);--status-qp-soft: rgba(251, 191, 36, .13);--status-roadmap: var(--ink-400);--status-roadmap-soft: rgba(163, 163, 163, .12);--danger: #f87171;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 4px 16px rgba(0, 0, 0, .45);--shadow-3: 0 12px 40px rgba(0, 0, 0, .5);--font-ui: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--dur-1: .12s;--dur-2: .2s;--dur-3: .3s;--dur-4: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-expo: cubic-bezier(.87, 0, .13, 1)}[data-theme=light]{--bg: var(--sand-100);--bg-raised: #ffffff;--bg-sunken: var(--sand-200);--fg: var(--ink-900);--fg-title: var(--ink-800);--fg-muted: var(--ink-600);--fg-faint: var(--ink-500);--border: var(--sand-300);--border-strong: var(--ink-300);--accent: var(--teal-600);--accent-strong: var(--teal-700);--accent-fg: #ffffff;--accent-soft: rgba(13, 148, 136, .1);--warm: var(--terra-600);--warm-soft: rgba(200, 90, 51, .1);--status-shipped: var(--teal-600);--status-shipped-soft: rgba(13, 148, 136, .12);--status-qp: var(--amber-600);--status-qp-soft: rgba(217, 119, 6, .12);--status-roadmap: var(--ink-500);--status-roadmap-soft: rgba(115, 115, 115, .12);--danger: #b91c1c;--shadow-1: 0 1px 2px rgba(26, 20, 12, .08);--shadow-2: 0 4px 16px rgba(26, 20, 12, .1);--shadow-3: 0 12px 40px rgba(26, 20, 12, .14)}:root{--dot-ink: rgba(255, 255, 255, .06)}[data-theme=light]{--dot-ink: rgba(23, 23, 27, .07)}body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,var(--dot-ink) 1.1px,transparent 1.5px);background-size:22px 22px}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}::-moz-selection{background:var(--accent);color:var(--accent-fg)}::selection{background:var(--accent);color:var(--accent-fg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.md-body{max-width:var(--max-w-prose, 68ch);line-height:1.75}.md-body h1{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1rem;color:var(--fg)}.md-body h2{font-size:1.25rem;font-weight:600;margin:2rem 0 .75rem;color:var(--fg)}.md-body p,.md-body li{color:var(--fg-muted);font-size:.9375rem}.md-body p{margin:.75rem 0}.md-body ul,.md-body ol{margin:.75rem 0;padding-left:1.5rem}.md-body ul{list-style:disc}.md-body ol{list-style:decimal}.md-body li{margin:.375rem 0}.md-body strong{color:var(--fg);font-weight:600}.md-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.md-body code{font-family:var(--font-mono);font-size:.85em;background:var(--accent-soft);padding:.1em .35em;border-radius:var(--radius-sm)}.md-body table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem}.md-body th{text-align:left;font-weight:600;color:var(--fg);border-bottom:1px solid var(--border);padding:.5rem .75rem}.md-body td{color:var(--fg-muted);border-bottom:1px solid var(--border);padding:.5rem .75rem}.md-body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.md-body em{color:var(--fg-faint)}.capture-slot{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;margin:1.25rem 0;border:1px dashed var(--border-strong, #333);border-radius:var(--radius-lg, 16px);background:var(--bg-raised, #141414);text-align:center}.capture-slot .capture-slot-label{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint, #737373)}.capture-slot .capture-slot-note{display:block;margin-top:.25rem;font-size:.75rem;color:var(--fg-faint, #737373)}.capture-slot .capture-slot-id{display:block;margin-top:.25rem;font-family:var(--font-mono);font-size:.625rem;opacity:.7;color:var(--fg-faint, #737373)}[data-theme=light] .capture-slot{border-color:#d4d4d4;background:#fff}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:50;transform:translateY(-250%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);font-size:.875rem;font-weight:600;text-decoration:none;transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0);outline-offset:2px}[data-nav]{transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}[data-nav].is-scrolled{border-color:var(--border-strong);box-shadow:var(--shadow-1);background:color-mix(in srgb,var(--bg) 94%,transparent)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:2px;height:2px;border-radius:var(--radius-full);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-out)}.nav-link:hover:after,.nav-link[aria-current=page]:after{transform:scaleX(1)}.nav-link[aria-current=page]{background:var(--accent-soft)}.theme-glyph{width:14px;height:14px;display:inline-block;vertical-align:-2px}.theme-glyph .glyph-moon,.theme-glyph .glyph-sun{display:none}[data-theme=dark] .theme-glyph .glyph-moon,[data-theme=light] .theme-glyph .glyph-sun{display:block}[data-menu]>.menu-panel{transform-origin:top right}[data-menu][open]>.menu-panel{animation:menu-in var(--dur-2) var(--ease-out)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.accent-rule{height:1px;width:100%;background:var(--accent);opacity:.35}.footer-link{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size var(--dur-2) var(--ease-out),color var(--dur-1) var(--ease-out)}.footer-link:hover{background-size:100% 1px}.js [data-reveal=cut]{opacity:0}.js [data-reveal=cut].is-inview{animation:reveal-cut var(--dur-3) var(--ease-expo) forwards}@keyframes reveal-cut{0%{opacity:0;clip-path:inset(0 100% 0 0)}30%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0)}}.js [data-reveal=line]{transform:scaleX(0);transform-origin:left}.js [data-reveal=line].is-inview{transform:scaleX(1);transition:transform var(--dur-4) var(--ease-out)}.verdict-stamp{font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;padding:var(--space-2) var(--space-3);border-left:3px solid var(--status-shipped);background:var(--status-shipped-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.js .verdict-stamp[data-stamp]{animation:stamp-in var(--dur-2) var(--ease-out)}@keyframes stamp-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.hr-frame{margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-2);overflow:hidden}.hr-chrome{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:28px;padding:0 var(--space-3);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint)}.hr-viewport{background:var(--bg-sunken);height:420px}@media (min-width: 768px){.hr-viewport{height:480px}}.hr-footnote{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);font-size:.75rem;line-height:1.5;color:var(--fg-faint)}.hr-replay-btn{display:none;flex-shrink:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.js .hr-replay-btn{display:inline-flex}.hr-replay-btn:hover{border-color:var(--accent)}.hr-scenes{position:relative;height:100%}.hr-scenes>.hr-scene{display:none}.hr-scenes>.hr-scene:last-child{display:block}.js .hr-scenes>.hr-scene{display:none}.js .hr-scenes>.hr-scene.is-active{display:block;animation:hr-scene-cut var(--dur-3) var(--ease-expo)}@keyframes hr-scene-cut{0%{clip-path:inset(0 100% 0 0);opacity:.35}to{clip-path:inset(0 0 0 0);opacity:1}}.js .hr-anim{opacity:0}.js .hr-scene.is-active .hr-anim{animation:hr-fade var(--dur-2) var(--ease-out) both;animation-delay:var(--hr-delay, 0ms)}@keyframes hr-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.hr-dl-1{--hr-delay: var(--dur-1)}.hr-dl-2{--hr-delay: var(--dur-2)}.hr-dl-3{--hr-delay: var(--dur-3)}.hr-dl-4{--hr-delay: var(--dur-4)}.hr-dl-6{--hr-delay: calc(var(--dur-3) * 2)}.hr-dl-8{--hr-delay: calc(var(--dur-4) * 2)}.hr-dl-12{--hr-delay: calc(var(--dur-4) * 3)}.hr-dl-16{--hr-delay: calc(var(--dur-4) * 4)}.hr-dl-20{--hr-delay: calc(var(--dur-4) * 5)}.hr-dl-24{--hr-delay: calc(var(--dur-4) * 6)}.hr-type{display:inline-block;white-space:nowrap;overflow:hidden}.js .hr-type{clip-path:inset(0 100% 0 0)}.js .hr-scene.is-active .hr-type{animation:hr-type var(--dur-4) steps(5,end) forwards;animation-delay:var(--hr-delay, 0ms)}@keyframes hr-type{to{clip-path:inset(0 0 0 0)}}.js .hr-scene.is-active .verdict-stamp[data-stamp]{animation:stamp-in var(--dur-2) var(--ease-out) both;animation-delay:var(--hr-delay, 0ms)}.js .hr-scene.is-active .hr-spotlight{animation:hr-spot var(--dur-4) var(--ease-out) both;animation-delay:var(--hr-delay, 0ms)}@keyframes hr-spot{0%{box-shadow:0 0 0 0 var(--accent-soft)}40%{box-shadow:0 0 0 3px var(--accent-soft)}to{box-shadow:0 0 0 1px var(--border-strong)}}@media (prefers-reduced-motion: reduce){.js .hr-anim,.js .hr-type{opacity:1!important;clip-path:none!important;animation:none!important}.js .hr-scenes>.hr-scene.is-active{animation:none!important}}.stage{background:radial-gradient(1200px 420px at 50% -8%,color-mix(in srgb,var(--bg-raised) 55%,transparent),transparent 70%)}.edge-note{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:var(--bg-raised)}.edge-note--roadmap{border-left-color:var(--status-roadmap);background:var(--status-roadmap-soft)}.edge-note--accent{border-left-color:var(--accent)}.js [data-reveal].reveal-d1{transition-delay:var(--dur-1)}.js [data-reveal].reveal-d2{transition-delay:var(--dur-2)}.js [data-reveal].reveal-d3{transition-delay:var(--dur-3)}.callout{border-left:3px solid var(--callout-bar, var(--accent))}.callout--tip{--callout-bar: var(--status-shipped)}.callout--note{--callout-bar: var(--accent)}.callout--warning{--callout-bar: var(--warm)}.callout--limitation{--callout-bar: var(--status-roadmap)}.callout-label{color:var(--callout-bar, var(--accent))}.hr-hotspot{position:absolute;z-index:3;width:22px;height:22px;border-radius:var(--radius-full);border:2px solid var(--accent);background:color-mix(in srgb,var(--bg) 70%,transparent);cursor:pointer;padding:0;transition:box-shadow var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.hr-hotspot:after{content:"";position:absolute;inset:5px;border-radius:var(--radius-full);background:var(--accent)}.js .hr-hotspot{animation:hotspot-glow calc(var(--dur-4) * 6) var(--ease-out) 2}@keyframes hotspot-glow{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 8px var(--accent-soft)}}.hr-hotspot:hover,.hr-hotspot:focus-visible{transform:scale(1.15);box-shadow:0 0 0 6px var(--accent-soft)}.hr-hotspot-panel{position:absolute;z-index:4;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:240px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-raised);box-shadow:var(--shadow-3);text-align:left;font-size:.8125rem;line-height:1.5;color:var(--fg-muted);visibility:hidden;opacity:0;transition:opacity var(--dur-2) var(--ease-out),visibility var(--dur-2)}.hr-hotspot-panel strong{display:block;color:var(--fg-title);font-size:.875rem;margin-bottom:var(--space-1)}.hr-hotspot:hover .hr-hotspot-panel,.hr-hotspot:focus-visible .hr-hotspot-panel,.hr-hotspot[aria-expanded=true] .hr-hotspot-panel{visibility:visible;opacity:1}.hr-hotspot-panel .badge-row{margin-top:var(--space-2)}@media (prefers-reduced-motion: reduce){.js .hr-hotspot{animation:none!important}.hr-hotspot-panel{transition:none!important}}.hc-frame{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-2)}.hc-frame img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}.hc-label{position:absolute;z-index:2;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:transparent;font:inherit;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.hc-label:hover,.hc-label:focus-visible,.hc-label[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hc-label .hr-hotspot-panel{color:var(--fg-muted)}@media (prefers-reduced-motion: reduce){.hc-label{transition:none!important}}.demo-clip{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-2);overflow:hidden}.demo-clip img{display:block;width:100%;height:auto}.demo-clip-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint)}.demo-replay{font:inherit;color:var(--accent);background:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out)}.demo-replay:hover{border-color:var(--accent)}@media (prefers-reduced-motion: reduce){.demo-replay{display:none}}.portal-main{min-height:60vh;padding-block:var(--space-8) var(--space-16)}.portal-wrap{max-width:72rem;margin-inline:auto;padding-inline:var(--space-5)}.portal-subnav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-end:var(--space-8);border-block-end:1px solid var(--border);padding-block-end:var(--space-4)}.portal-subnav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--fg-muted);text-decoration:none;font-size:.875rem}.portal-subnav a:hover{color:var(--fg);background:var(--bg-raised)}.portal-subnav a[aria-current=page]{color:var(--accent-fg);background:var(--accent-soft)}.portal-subnav a:focus-visible,.portal-card a:focus-visible,.portal-card button:focus-visible,.portal-card input:focus-visible,.portal-card select:focus-visible,.portal-card textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.portal-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-block-end:var(--space-6)}.portal-card h1{font-size:1.75rem;margin-block-end:var(--space-2)}.portal-card h2{font-size:1.25rem;margin-block-end:var(--space-3)}.portal-card h3{font-size:1rem;margin-block-end:var(--space-2)}.portal-muted{color:var(--fg-muted)}.portal-small{font-size:.875rem;color:var(--fg-muted)}.portal-state{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);margin-block:var(--space-4)}.portal-state[data-kind=loading]{color:var(--fg-muted)}.portal-state[data-kind=error]{border-color:var(--danger);color:var(--danger);background:var(--bg-sunken)}.portal-state[data-kind=empty]{border-style:dashed;color:var(--fg-muted)}.portal-state[data-kind=ok]{border-color:var(--accent)}.portal-field{display:grid;gap:var(--space-2);margin-block-end:var(--space-4)}.portal-field label{font-weight:600;font-size:.9375rem}.portal-field input,.portal-field select,.portal-field textarea{background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);padding:var(--space-2) var(--space-3);font:inherit}.portal-field .portal-hint{font-size:.8125rem;color:var(--fg-faint)}.portal-field [data-error-for]{font-size:.8125rem;color:var(--danger)}.portal-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-sunken);color:var(--fg);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:transform var(--dur-1) cubic-bezier(.16,1,.3,1)}.portal-btn:hover{transform:translateY(-1px)}.portal-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.portal-btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}.portal-btn--danger{border-color:var(--danger);color:var(--danger)}.portal-table{width:100%;border-collapse:collapse;font-size:.9375rem}.portal-table caption{text-align:left;font-weight:600;margin-block-end:var(--space-2)}.portal-table th,.portal-table td{text-align:left;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--border)}.portal-table th{color:var(--fg-muted);font-weight:600}.portal-table td code{font-family:var(--font-mono);font-size:.875rem}.portal-badge{display:inline-block;padding:.125rem var(--space-2);border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border-strong)}.portal-badge[data-tone=ok]{color:var(--status-shipped);border-color:var(--status-shipped)}.portal-badge[data-tone=warn]{color:var(--status-qp);border-color:var(--status-qp)}.portal-badge[data-tone=muted]{color:var(--fg-muted)}.portal-badge[data-tone=danger]{color:var(--danger);border-color:var(--danger)}.portal-key{font-family:var(--font-mono);font-size:1.125rem;letter-spacing:.04em;background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);display:inline-block}.portal-grid{display:grid;gap:var(--space-4)}@media (min-width: 768px){.portal-grid--2{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){.portal-btn{transition:none}.portal-btn:hover{transform:none}}