:root[data-theme=light]{--bg:#fbfaf7;--surface:#fff;--surface-2:#f4f2ec;--text:#15151a;--muted:#6e6e7a;--line:#e6e4de;--accent:#3d3bd6;--accent-soft:#3d3bd617;--accent-ink:#fff;--shadow:0 1px 2px #15151a0d, 0 12px 32px -18px #15151a59;--grain:#15151a06}:root[data-theme=dark]{--bg:#0d0d10;--surface:#16161c;--surface-2:#1e1e26;--text:#ececf1;--muted:#8a8a97;--line:#24242c;--accent:#9d8cff;--accent-soft:#9d8cff24;--accent-ink:#14121f;--shadow:0 1px 2px #00000080, 0 12px 32px -18px #000000e6;--grain:#ffffff05}:root[data-theme=sepia]{--bg:#f2e7d5;--surface:#faf2e4;--surface-2:#ece0c9;--text:#3a2e1f;--muted:#7c6850;--line:#dfcfb4;--accent:#a8501c;--accent-soft:#a8501c1c;--accent-ink:#faf2e4;--shadow:0 1px 2px #3a2e1f12, 0 12px 32px -18px #3a2e1f66;--grain:#3a2e1f06}:root[data-theme=nord]{--bg:#2e3440;--surface:#3b4252;--surface-2:#434c5e;--text:#eceff4;--muted:#9aa4b6;--line:#4c566a;--accent:#88c0d0;--accent-soft:#88c0d024;--accent-ink:#2e3440;--shadow:0 1px 2px #0000004d, 0 12px 32px -18px #000c;--grain:#ffffff05}.sw-light{--sw-bg:#fbfaf7;--sw-surface:#fff;--sw-text:#15151a;--sw-accent:#3d3bd6;--sw-line:#e6e4de}.sw-dark{--sw-bg:#0d0d10;--sw-surface:#1e1e26;--sw-text:#ececf1;--sw-accent:#9d8cff;--sw-line:#24242c}.sw-sepia{--sw-bg:#f2e7d5;--sw-surface:#faf2e4;--sw-text:#3a2e1f;--sw-accent:#a8501c;--sw-line:#dfcfb4}.sw-nord{--sw-bg:#2e3440;--sw-surface:#434c5e;--sw-text:#eceff4;--sw-accent:#88c0d0;--sw-line:#4c566a}*,:before,:after{box-sizing:border-box}:root{--display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--shell:1140px;--gut:clamp(20px, 5vw, 48px);--radius:14px;--radius-sm:9px;--swap:.26s cubic-bezier(.32, .72, .24, 1)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);transition:background-color var(--swap), color var(--swap);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(var(--grain) 1px, transparent 1px);background-size:4px 4px;position:fixed;inset:0}#root{z-index:1;position:relative}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3{font-family:var(--display);letter-spacing:-.028em;margin:0;font-weight:800;line-height:1.02}p{margin:0}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11px;font-weight:500;display:flex}.eyebrow:after{content:"";background:var(--line);flex:1;height:1px}.lede{color:var(--muted);max-width:62ch;font-size:clamp(16px,1.6vw,18px)}code{font-family:var(--mono);font-size:.88em}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gut);margin-inline:auto}.band{border-top:1px solid var(--line);padding-block:clamp(56px,8vw,92px)}.band-head{flex-direction:column;gap:14px;margin-bottom:34px;display:flex}.band-head h2{font-size:clamp(26px,3.4vw,38px)}.masthead{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--line);transition:background-color var(--swap), border-color var(--swap);position:sticky;top:0}.masthead-inner{justify-content:space-between;align-items:center;gap:18px;height:62px;display:flex}.wordmark{font-family:var(--mono);white-space:nowrap;align-items:center;gap:10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.wordmark .dot{background:linear-gradient(90deg, var(--text) 0 50%, var(--accent) 50% 100%);width:13px;height:13px;transition:background var(--swap);border-radius:50%;flex:none}.tag{font-family:var(--mono);background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:100px;padding:2px 7px;font-size:11px;font-weight:500}.rail{border:1px solid var(--line);background:var(--surface);transition:background-color var(--swap), border-color var(--swap);border-radius:100px;align-items:center;gap:6px;padding:4px;display:flex}.rail-divider{background:var(--line);width:1px;height:18px;margin-inline:2px}.chip{color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:100px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:500;transition:color .14s,background-color .14s;display:inline-flex}.chip:hover{color:var(--text);background:var(--surface-2)}.chip[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.chip .swatch{border:1px solid var(--sw-line,var(--line));background:linear-gradient(135deg, var(--sw-bg) 0 50%, var(--sw-accent) 50% 100%);border-radius:50%;flex:none;width:13px;height:13px}.chip .auto-glyph{color:currentColor;flex:none;width:13px;height:13px}.chip-label{display:inline}.hero{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,5vw,64px);padding-block:clamp(56px,9vw,104px);display:grid}.hero h1{letter-spacing:-.038em;font-size:clamp(38px,5.1vw,64px)}.hero h1 .flip{color:var(--accent);transition:color var(--swap);display:block}.hero-copy{flex-direction:column;gap:26px;display:flex}.stat-row{border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color var(--swap);flex-wrap:wrap;gap:0;display:flex;overflow:hidden}.stat{border-right:1px solid var(--line);flex:1 1 0;min-width:96px;padding:12px 14px}.stat:last-child{border-right:0}.stat b{font-family:var(--display);letter-spacing:-.02em;font-size:19px;font-weight:800;display:block}.stat span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10.5px;display:block}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.install{font-family:var(--mono);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .16s, background-color var(--swap);align-items:center;gap:12px;padding:11px 14px;font-size:13.5px;display:inline-flex}.install:hover{border-color:var(--accent)}.install .prompt{color:var(--accent)}.install .copied{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.ghost-link{color:var(--muted);border-bottom:1px solid #0000;align-items:center;gap:7px;padding:11px 4px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .16s,border-color .16s;display:inline-flex}.ghost-link:hover{color:var(--text);border-bottom-color:var(--accent)}.inspector{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:background-color var(--swap), border-color var(--swap);overflow:hidden}.inspector-bar{border-bottom:1px solid var(--line);background:var(--surface-2);font-family:var(--mono);color:var(--muted);transition:background-color var(--swap), border-color var(--swap);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:11.5px;display:flex}.live-dot{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.live-dot i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.inspector-body{font-family:var(--mono);padding:14px 16px 16px;font-size:13px;line-height:1.85;overflow-x:auto}.ins-row{white-space:nowrap;border-radius:5px;gap:8px;padding-inline:6px;display:flex}.ins-row.flash{animation:.82s ease-out flash}@keyframes flash{0%{background:var(--accent-soft)}to{background:0 0}}.ins-key{color:var(--muted)}.ins-val{color:var(--accent);font-weight:500}.ins-val.bool{color:var(--text);opacity:.75}.ins-punc{color:var(--muted);opacity:.6}.ins-fn{color:var(--muted);font-style:italic}.ins-note{border-top:1px dashed var(--line);font-family:var(--sans);color:var(--muted);white-space:normal;margin-top:10px;padding-top:12px;font-size:12.5px;line-height:1.55}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.theme-card{--sw-line:transparent;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--sw-bg);color:var(--sw-text);cursor:pointer;padding:0;transition:transform .2s cubic-bezier(.32,.72,.24,1),box-shadow .2s,border-color .16s;overflow:hidden}.theme-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.theme-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tc-preview{background:var(--sw-bg);flex-direction:column;justify-content:flex-end;gap:7px;height:92px;padding:12px;display:flex}.tc-bar{background:var(--sw-text);opacity:.16;border-radius:100px;height:7px}.tc-bar.w70{width:70%}.tc-bar.w45{width:45%}.tc-bar.accent{background:var(--sw-accent);opacity:1;width:30%}.tc-foot{background:var(--sw-surface);border-top:1px solid #8080802e;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;display:flex}.tc-name{font-family:var(--mono);font-size:12.5px;font-weight:500}.tc-scheme{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.55;font-size:10px}.features{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);transition:background-color var(--swap), border-color var(--swap);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.feature{background:var(--bg);transition:background-color var(--swap);flex-direction:column;gap:9px;padding:24px 22px;display:flex}.feature:hover{background:var(--surface)}.feature h3{letter-spacing:-.014em;font-size:16.5px;font-weight:700;line-height:1.3}.feature p{color:var(--muted);font-size:14px;line-height:1.6}.feature .fix{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:100px;align-self:flex-start;padding:3px 7px;font-size:10px}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:100px;padding:7px 13px;font-size:12.5px;transition:color .14s,background-color .14s,border-color .14s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 26%, transparent)}.code{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:background-color var(--swap), border-color var(--swap);position:relative;overflow:hidden}.code-bar{border-bottom:1px solid var(--line);background:var(--surface-2);font-family:var(--mono);color:var(--muted);transition:background-color var(--swap), border-color var(--swap);justify-content:space-between;align-items:center;padding:9px 13px;font-size:11.5px;display:flex}.copy-btn{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:100px;padding:4px 9px;font-size:10.5px;transition:color .14s,border-color .14s}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.code pre{font-family:var(--mono);tab-size:2;margin:0;padding:18px;font-size:13px;line-height:1.75;overflow-x:auto}.tok-key{color:var(--accent)}.tok-str{color:color-mix(in srgb, var(--accent) 62%, var(--text))}.tok-com{color:var(--muted);font-style:italic}.tok-fn{font-weight:500}.play{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:background-color var(--swap), border-color var(--swap);flex-direction:column;gap:15px;padding:20px;display:flex}.panel h3{font-size:15.5px;font-weight:700}.panel>p{color:var(--muted);font-size:13.5px}.switch-row{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-top:15px;display:flex}.switch-row:first-of-type{border-top:0;padding-top:0}.switch-copy strong{font-family:var(--mono);font-size:12.5px;font-weight:500;display:block}.switch-copy span{color:var(--muted);font-size:12.5px;line-height:1.5}.switch{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:100px;flex:none;width:42px;height:24px;padding:0;transition:background-color .18s,border-color .18s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.32,.72,.24,1),background-color .18s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--accent-soft);border-color:var(--accent)}.switch[aria-checked=true]:after{background:var(--accent);transform:translate(18px)}.storage-readout{font-family:var(--mono);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);word-break:break-all;transition:background-color var(--swap), border-color var(--swap);padding:13px;font-size:12.5px}.storage-readout .k{color:var(--muted)}.storage-readout .v{color:var(--accent);font-weight:500}.btn-line{flex-wrap:wrap;gap:9px;display:flex}.btn{border:1px solid var(--line);color:var(--text);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:100px;padding:8px 13px;font-size:12px;transition:border-color .15s,color .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.hint{color:var(--muted);font-size:12.5px;line-height:1.55}.migration{border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--swap);overflow:hidden}.mig-row{border-top:1px solid var(--line);grid-template-columns:168px minmax(0,1fr) minmax(0,1fr);display:grid}.mig-row:first-child{background:var(--surface-2);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:background-color var(--swap);border-top:0;font-size:10.5px}.mig-row>div{border-left:1px solid var(--line);padding:13px 16px;font-size:13.5px}.mig-row>div:first-child{font-family:var(--mono);color:var(--muted);border-left:0;font-size:12.5px}.mig-row .v1{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 45%, transparent)}.mig-row .v2{font-weight:500}.foot{border-top:1px solid var(--line);padding-block:36px 44px}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.foot-links{font-family:var(--mono);flex-wrap:wrap;gap:20px;font-size:12.5px;display:flex}.foot-links a{color:var(--muted);text-decoration:none;transition:color .15s}.foot-links a:hover{color:var(--accent)}.foot-note{color:var(--muted);font-size:12.5px}.foot-note a{color:var(--accent);font-weight:500;text-decoration:none}.rise{opacity:0;animation:.62s cubic-bezier(.22,.68,.28,1) forwards rise;transform:translateY(12px)}.rise-1{animation-delay:60ms}.rise-2{animation-delay:.15s}.rise-3{animation-delay:.24s}@keyframes rise{to{opacity:1;transform:none}}@media (width<=980px){.hero{grid-template-columns:minmax(0,1fr)}.gallery,.features{grid-template-columns:repeat(2,minmax(0,1fr))}.play{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.band{padding-block:clamp(44px,11vw,64px)}.masthead-inner{flex-direction:column;align-items:stretch;gap:11px;height:auto;padding-block:11px}.rail{border-radius:var(--radius-sm);justify-content:space-between;overflow-x:auto}.chip-label{display:none}.chip{padding:7px 10px}.features,.mig-row{grid-template-columns:minmax(0,1fr)}.mig-row>div{border-left:0;padding-block:9px}.mig-row>div:first-child{padding-top:14px}.mig-row:first-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.rise{opacity:1;transform:none}}