:root{--forest-950:#0A1F17;--forest-900:#0F2C20;--forest-800:#163A2A;--forest-700:#184030;--forest-600:#235040;--forest-500:#3E6B5A;--forest-400:#6D9080;--forest-300:#A8C0B4;--forest-200:#D0DED6;--forest-100:#E8F0EC;--forest-50:#F3F7F4;--ink-950:#0B1226;--ink-900:#182038;--ink-800:#232C44;--ink-700:#2E3851;--ink-600:#485060;--ink-500:#607088;--ink-400:#8A96AC;--ink-300:#B4BCCB;--ink-200:#D4D9E0;--ink-100:#E4E8EC;--ink-50:#EFF2F4;--terra-900:#6E4019;--terra-800:#8A5220;--terra-700:#A46328;--terra-600:#B87030;--terra-500:#C58850;--terra-400:#D4A378;--terra-300:#E2BE9E;--terra-200:#EED5BA;--terra-100:#F8F0E0;--terra-50:#FAF5EC;--indigo-700:#1B2A4E;--indigo-500:#303058;--paper:#F8F8F8;--paper-warm:#FBF8F3;--white:#FFFFFF;--cool-100:#E0E8E8;--cool-50:#EEF2F2;--danger-600:#B8412A;--success-600:#2E7A55;--info-600:#2E5A7A;--fg-1: var(--forest-700);--fg-2: var(--ink-600);--fg-3: var(--ink-600);--fg-4: var(--ink-400);--fg-accent: var(--terra-600);--border-subtle: rgba(24,64,48,.12);--border-strong: rgba(24,64,48,.22);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(24,32,56,.05);--shadow-2: 0 4px 14px -4px rgba(24,32,56,.1);--shadow-3: 0 14px 40px -12px rgba(24,32,56,.18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.22, .61, .36, 1);--font-display: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-h1: 24px;--fs-h2: 14px;--fs-row: 13.5px;--fs-body: 13px;--fs-facet: 10.5px;--fs-eyebrow: 10px;--fs-stat: 12px;--fs-btn-sm: 12px;--fs-btn-md: 13px;--fs-btn-lg: 14px;--app-header-h: 60px;--app-rail-h: 48px;--chip-bg: rgba(255,255,255,.08);--chip-border: rgba(255,255,255,.16)}html,body{margin:0;background:var(--paper)}body{font-family:var(--font-display);color:var(--fg-2);font-size:var(--fs-body);text-wrap:pretty}h1,h2{text-wrap:balance}*,*:before,*:after{box-sizing:border-box}.mono,code,pre,time,.tabular{font-feature-settings:"tnum" 1,"lnum" 1;font-family:var(--font-mono)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--terra-600);outline-offset:2px}@media (prefers-reduced-motion: reduce){.pulse{animation:none!important}.chev,.expand-body{transition:none!important}}.chev{transition:transform .16s cubic-bezier(.22,.61,.36,1)}.chev.open{transform:rotate(90deg)}.expand-body{overflow:hidden;transition:max-height .2s cubic-bezier(.22,.61,.36,1),opacity .16s;max-height:0;opacity:0}.expand-body.open{max-height:1200px;opacity:1}.expand-body button,.expand-body a,.expand-body input,.expand-body select,.expand-body textarea{position:relative;z-index:2;pointer-events:auto}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 2s infinite}@media (prefers-reduced-motion: reduce){.pulse{animation:none!important}button,a,.chev,.expand-body{transition:none!important}}a.app-link{color:inherit;text-decoration:none;border-bottom:none}.app-frame{padding:clamp(20px,4vw,40px)!important}@media (max-width: 1024px){.app-frame-grid{grid-template-columns:minmax(0,1fr)!important}.app-frame-aside{position:static!important;top:auto!important}}@media (max-width: 720px){.app-tab-rail{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-tab-rail::-webkit-scrollbar{display:none}.app-tab-rail>a,.app-tab-rail>button{flex-shrink:0}.app-detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.app-row-meta{overflow:hidden;text-overflow:ellipsis;min-width:0}}@media (max-width: 480px){.app-header{padding:0 16px!important;gap:12px!important}.app-header-sub{display:none!important}}.demo-grid{max-width:1080px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.demo-grid h2{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:0 0 8px}