:root{--nova-color-background: oklch(14% .015 260);--nova-color-surface: oklch(19% .02 260 / .65);--nova-color-surface-hover: oklch(25% .03 260 / .85);--nova-color-border: oklch(100% 0 0 / .08);--nova-color-glyph: oklch(78% .015 260);--nova-color-glyph-active: oklch(98% .01 260);--nova-color-accent: oklch(75% .18 190);--nova-color-accent-glow: oklch(75% .18 190 / .25);--nova-radius-squircle: 14px}@view-transition{navigation:auto}:root{--zuari-elevation-flat: 0 1px 2px oklch(0% 0 0 / .14), 0 0 0 1px oklch(100% 0 0 / .06);--zuari-elevation-soft: 0 4px 14px -2px oklch(0% 0 0 / .22), 0 0 0 1px oklch(100% 0 0 / .08);--zuari-elevation-float: 0 10px 28px -6px oklch(0% 0 0 / .28), 0 2px 6px oklch(0% 0 0 / .12);--zuari-elevation-halo: 0 20px 44px -10px oklch(0% 0 0 / .36), 0 0 24px oklch(75% .15 200 / .12);--zuari-motion-crisp: cubic-bezier(.22, 1, .36, 1);--zuari-motion-smooth: cubic-bezier(.16, 1, .3, 1);--zuari-motion-calm: cubic-bezier(.33, 1, .68, 1);--zuari-motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--zuari-layout-gap: 16px;--zuari-layout-pad: 24px;--zuari-layout-line-height: 1.65}[data-zuari-theme=paper]{--nova-color-background: oklch(97% .012 85);--nova-color-surface: oklch(99% .008 85 / .84);--nova-color-surface-hover: oklch(95% .016 85 / .94);--nova-color-border: oklch(25% .02 70 / .11);--nova-color-glyph: oklch(38% .02 70);--nova-color-glyph-active: oklch(18% .015 70);--nova-color-accent: oklch(58% .21 32);--nova-color-accent-glow: oklch(58% .21 32 / .18);--zuari-elevation-flat: 0 1px 2px oklch(20% .02 60 / .04), 0 0 0 1px oklch(20% .02 60 / .07);--zuari-elevation-soft: 0 4px 12px -2px oklch(20% .02 60 / .06), 0 1px 3px oklch(20% .02 60 / .04);--zuari-elevation-float: 0 10px 24px -6px oklch(20% .02 60 / .08), 0 2px 6px oklch(20% .02 60 / .04);--zuari-elevation-halo: 0 18px 40px -8px oklch(20% .02 60 / .11), 0 4px 12px oklch(20% .02 60 / .05)}[data-zuari-theme=blossom]{--nova-color-background: oklch(98% .01 350);--nova-color-surface: oklch(99% .008 350 / .8);--nova-color-surface-hover: oklch(96% .02 350 / .92);--nova-color-border: oklch(45% .08 350 / .12);--nova-color-glyph: oklch(42% .035 340);--nova-color-glyph-active: oklch(22% .04 340);--nova-color-accent: oklch(70% .17 352);--nova-color-accent-glow: oklch(70% .17 352 / .2)}[data-zuari-theme=matcha]{--nova-color-background: oklch(97% .014 135);--nova-color-surface: oklch(99% .01 135 / .82);--nova-color-surface-hover: oklch(94% .022 135 / .92);--nova-color-border: oklch(30% .04 145 / .11);--nova-color-glyph: oklch(38% .04 145);--nova-color-glyph-active: oklch(20% .04 145);--nova-color-accent: oklch(62% .15 148);--nova-color-accent-glow: oklch(62% .15 148 / .18)}[data-zuari-theme=twilight]{--nova-color-background: oklch(17% .035 275);--nova-color-surface: oklch(23% .04 275 / .72);--nova-color-surface-hover: oklch(29% .05 275 / .86);--nova-color-border: oklch(90% .06 55 / .14);--nova-color-glyph: oklch(82% .03 275);--nova-color-glyph-active: oklch(98% .015 65);--nova-color-accent: oklch(76% .17 55);--nova-color-accent-glow: oklch(76% .17 55 / .24)}[data-zuari-theme=midnight]{--nova-color-background: oklch(14% .015 260);--nova-color-surface: oklch(19% .02 260 / .7);--nova-color-surface-hover: oklch(25% .03 260 / .85);--nova-color-border: oklch(100% 0 0 / .09);--nova-color-glyph: oklch(78% .015 260);--nova-color-glyph-active: oklch(96% .01 260);--nova-color-accent: oklch(75% .18 190)}.zuari-elevation-flat,[data-zuari-elevation=flat]{box-shadow:var(--zuari-elevation-flat)}.zuari-elevation-soft,[data-zuari-elevation=soft]{box-shadow:var(--zuari-elevation-soft)}.zuari-elevation-float,[data-zuari-elevation=float]{box-shadow:var(--zuari-elevation-float)}.zuari-elevation-halo,[data-zuari-elevation=halo]{box-shadow:var(--zuari-elevation-halo)}.zuari-surface-paper,[data-zuari-surface=paper]{background:var(--nova-color-surface);border:1px solid var(--nova-color-border);border-radius:var(--nova-radius-squircle)}.zuari-surface-frosted,[data-zuari-surface=frosted]{background:var(--nova-color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--nova-color-border);border-radius:var(--nova-radius-squircle)}.zuari-surface-canvas,[data-zuari-surface=canvas]{background:transparent;border:1px dashed var(--nova-color-border);border-radius:var(--nova-radius-squircle)}.zuari-surface-cel,[data-zuari-surface=cel]{background:var(--nova-color-surface);border:1.5px solid var(--nova-color-glyph-active);border-radius:10px}.zuari-story-card{display:flex;flex-direction:column;gap:10px;padding:var(--zuari-layout-pad, 24px);line-height:var(--zuari-layout-line-height, 1.65);transition:transform .2s var(--zuari-motion-crisp),box-shadow .2s var(--zuari-motion-crisp)}.zuari-story-card:hover{transform:translateY(-2px);box-shadow:var(--zuari-elevation-float)}.zuari-story-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.zuari-tag-pill{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:.72rem;font-weight:500;color:var(--nova-color-accent);border:1px solid var(--nova-color-border)}.zuari-stamp-badge{display:inline-grid;place-items:center;padding:2px 7px;border:1.5px solid oklch(58% .21 32 / .85);border-radius:4px;color:#db3012;font-size:.68rem;font-weight:700;letter-spacing:.08em;line-height:1.2;transform:rotate(-2deg);transition:transform var(--zuari-motion-crisp) .18s}.zuari-stamp-badge:hover{transform:rotate(0) scale(1.05)}@keyframes zuari-float-up{0%{opacity:0;transform:translate3d(0,10px,0) scale(.97)}70%{opacity:1;transform:translate3d(0,-1px,0) scale(1.005)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes zuari-pop-in{0%{opacity:0;transform:scale(.86) translateY(6px)}62%{opacity:1;transform:scale(1.035) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes zuari-slide-in{0%{opacity:0;transform:translate3d(-14px,0,0)}to{opacity:1;transform:translateZ(0)}}.zuari-anim-float{animation:zuari-float-up .32s var(--zuari-motion-crisp) both}.zuari-anim-pop{animation:zuari-pop-in .22s var(--zuari-motion-bounce) both}.zuari-anim-slide{animation:zuari-slide-in .24s var(--zuari-motion-crisp) both}@scope (.nova-glyph-dock){:scope{display:inline-flex;align-items:center;reading-flow:flex-visual;gap:8px;padding:6px;background:var(--nova-color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--nova-color-border);border-radius:18px;box-shadow:0 16px 36px -8px #00000059}}@scope (.nova-glyph-tile){:scope{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--nova-radius-squircle);background:transparent;border:1px solid transparent;color:var(--nova-color-glyph);cursor:pointer;outline:none;transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}:scope:hover{background:var(--nova-color-surface-hover);color:var(--nova-color-glyph-active);border-color:var(--nova-color-border);transform:translateY(-2px)}:scope:active{transform:scale(.92)}:scope[data-active=true]{background:var(--nova-color-surface-hover);color:var(--nova-color-accent);border-color:var(--nova-color-accent-glow);box-shadow:0 0 16px var(--nova-color-accent-glow)}:scope[data-badge=true]:after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--nova-color-accent);box-shadow:0 0 8px var(--nova-color-accent)}}@scope (.nova-glyph-tooltip){:scope{position:fixed;bottom:anchor(top);left:anchor(center);transform:translate(-50%) translateY(-6px);padding:4px 10px;border-radius:6px;font-family:system-ui,-apple-system,sans-serif;font-size:.725rem;font-weight:500;letter-spacing:.03em;white-space:nowrap;background:#0c121af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--nova-color-border);color:#f2f2f2;box-shadow:0 6px 18px #00000040;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease}}.nova-glyph-tile:hover+.nova-glyph-tooltip,.nova-glyph-tile:focus-visible+.nova-glyph-tooltip{opacity:1;transform:translate(-50%) translateY(-10px)}@scope (.zuari-dialog){:scope{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:24px;border-radius:var(--nova-radius-squircle);background:var(--nova-color-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--nova-color-border);color:#f8f8f8;box-shadow:0 24px 48px -12px #00000080;max-width:480px;width:90vw;outline:none;transition:opacity .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}:scope::backdrop{background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .18s ease}}@scope (.zuari-command-palette){:scope{position:fixed;top:20%;left:50%;transform:translate(-50%);width:90vw;max-width:540px;display:flex;flex-direction:column;border-radius:var(--nova-radius-squircle);background:var(--nova-color-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--nova-color-border);box-shadow:0 32px 64px -16px #0009;overflow:hidden;z-index:9999}input[role=searchbox]{width:100%;padding:16px 20px;background:transparent;border:none;border-bottom:1px solid var(--nova-color-border);color:#f8f8f8;font-size:1rem;font-family:inherit;outline:none}input[role=searchbox]::placeholder{color:#5d646f}ul[role=listbox]{list-style:none;max-height:320px;overflow-y:auto;padding:8px;margin:0}ul[role=listbox] li{padding:10px 14px;border-radius:8px;color:var(--nova-color-glyph);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .1s ease}ul[role=listbox] li[data-selected=true],ul[role=listbox] li:hover{background:var(--nova-color-surface-hover);color:var(--nova-color-glyph-active)}}@scope (.zuari-switch){:scope{position:relative;width:44px;height:24px;border-radius:9999px;background:#1c222b;border:1px solid var(--nova-color-border);cursor:pointer;outline:none;transition:background-color .18s ease,border-color .18s ease;padding:2px;display:inline-flex;align-items:center}:scope[aria-checked=true]{background:var(--nova-color-accent);border-color:var(--nova-color-accent)}:scope[disabled]{opacity:.4;cursor:not-allowed}.zuari-switch-thumb{width:18px;height:18px;border-radius:50%;background:#f8f8f8;box-shadow:0 2px 6px #0006;transform:translate(0);transition:transform .18s cubic-bezier(.16,1,.3,1)}:scope[aria-checked=true] .zuari-switch-thumb{transform:translate(20px);background:#06090f}}@scope (.zuari-badge){:scope{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0d;border:1px solid var(--nova-color-border);color:var(--nova-color-glyph)}:scope[data-variant=accent]{color:var(--nova-color-accent);border-color:var(--nova-color-accent-glow);background:#00c7c014;background:oklch(75% .18 190 / .08)}:scope[data-variant=danger]{color:#ee343b;border-color:#ee343b4d;background:#ee343b14}.zuari-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}}@scope (.zuari-card){:scope{padding:24px;border-radius:var(--nova-radius-squircle);background:var(--nova-color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--nova-color-border);color:#f8f8f8;box-shadow:0 12px 32px -8px #0000004d;display:flex;flex-direction:column;reading-flow:flex-visual;gap:16px;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease}:scope:hover{border-color:#ffffff29;transform:translateY(-2px)}.zuari-card-header{display:flex;flex-direction:column;gap:4px}.zuari-card-header h3{font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.zuari-card-header p{font-size:.85rem;color:#88909c}}@scope (.zuari-slider){:scope{position:relative;width:100%;display:flex;align-items:center;padding:6px 0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:9999px;background:#1c222b;outline:none;transition:background-color .15s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--nova-color-accent);box-shadow:0 0 12px var(--nova-color-accent-glow),0 2px 6px #00000080;cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s ease}:is():hover{transform:scale(1.15);box-shadow:0 0 16px var(--nova-color-accent)}:is():active{transform:scale(.95)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:none;background:var(--nova-color-accent);box-shadow:0 0 12px var(--nova-color-accent-glow);cursor:pointer}}@scope (.zuari-tabs){:scope{display:inline-flex;align-items:center;reading-flow:flex-visual;gap:4px;padding:4px;border-radius:var(--nova-radius-squircle);background:var(--nova-color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--nova-color-border)}button[role=tab]{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;background:transparent;border:none;color:var(--nova-color-glyph);font-size:.85rem;font-weight:500;cursor:pointer;outline:none;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}button[role=tab]:hover{color:var(--nova-color-glyph-active)}button[role=tab][aria-selected=true]{background:var(--nova-color-surface-hover);color:var(--nova-color-accent);box-shadow:0 2px 8px #00000040}}@scope (.zuari-popover){:scope{position:fixed;top:anchor(bottom);left:anchor(center);transform:translate(-50%) translateY(8px);margin:0;padding:16px;border-radius:var(--nova-radius-squircle);background:var(--nova-color-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--nova-color-border);color:#f8f8f8;box-shadow:0 16px 36px -8px #00000080;outline:none;z-index:10000}}@scope (.zuari-drawer){:scope{position:fixed;margin:0;padding:24px;background:var(--nova-color-surface, oklch(16% .02 260 / .85));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--nova-color-border, oklch(100% 0 0 / .12));color:#f8f8f8;box-shadow:0 24px 64px -12px #000000a6;outline:none;will-change:transform;touch-action:pan-y;z-index:9999}:scope[data-placement=right]{top:0;right:0;bottom:0;left:auto;width:min(420px,90vw);height:100vh;height:100dvh;border-left:1px solid var(--nova-color-border, oklch(100% 0 0 / .12));border-right:none;border-radius:20px 0 0 20px}:scope[data-placement=left]{top:0;left:0;bottom:0;right:auto;width:min(420px,90vw);height:100vh;height:100dvh;border-right:1px solid var(--nova-color-border, oklch(100% 0 0 / .12));border-left:none;border-radius:0 20px 20px 0}:scope[data-placement=bottom]{left:0;right:0;bottom:0;top:auto;width:100vw;max-height:85vh;border-top:1px solid var(--nova-color-border, oklch(100% 0 0 / .12));border-bottom:none;border-radius:24px 24px 0 0}:scope[data-placement=top]{left:0;right:0;top:0;bottom:auto;width:100vw;max-height:85vh;border-bottom:1px solid var(--nova-color-border, oklch(100% 0 0 / .12));border-top:none;border-radius:0 0 24px 24px}:scope::backdrop{background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:1;transition:opacity .24s ease}}:root{--bg: oklch(11% .015 260);--surface-box: oklch(17% .02 260);--surface-box-elevated: oklch(21% .025 260);--glass: oklch(18% .02 260 / .9);--glass-hover: oklch(24% .03 260 / .95);--border: oklch(100% 0 0 / .18);--border-subtle: oklch(100% 0 0 / .09);--border-glow: oklch(75% .18 190 / .45);--accent: oklch(75% .18 190);--accent-soft: oklch(75% .18 190 / .18);--text: oklch(98% 0 0);--muted: oklch(72% .02 260)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{min-height:100vh;background-color:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;position:relative;-webkit-user-select:none;user-select:none;padding:24px 0}#ambient-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 25%,oklch(75% .18 190 / .12) 0%,transparent 55%),radial-gradient(circle at 80% 85%,oklch(65% .22 280 / .08) 0%,transparent 50%),radial-gradient(circle at 20% 75%,oklch(60% .2 25 / .05) 0%,transparent 45%);z-index:0}#app{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:980px;width:94vw}.spatial-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;width:100%;padding:24px;border-radius:18px;background:var(--surface-box);border:1px solid var(--border);box-shadow:0 12px 32px -8px #00000073}.logo-glow-wrapper{position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 24px oklch(75% .18 190 / .4))}.brand-title{font-size:1.75rem;font-weight:700;letter-spacing:.24em;color:var(--text);margin-top:4px}.brand-subtitle{font-size:.8rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.spatial-dock{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--surface-box-elevated);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border);box-shadow:0 16px 40px -8px #0009}.dock-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:transparent;border:1px solid transparent;color:#999fa8;cursor:pointer;outline:none;transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.dock-btn:hover{background:var(--glass-hover);color:var(--text);border-color:var(--border);transform:translateY(-2px)}.dock-btn:active{transform:scale(.92)}.dock-btn[data-active=true]{background:var(--glass-hover);color:var(--accent);border-color:var(--border-glow);box-shadow:0 0 20px var(--accent-soft)}.spatial-tip{position:fixed;bottom:anchor(top);left:anchor(center);transform:translate(-50%) translateY(-6px);padding:4px 10px;border-radius:8px;font-size:.725rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#080d16f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);color:#dedede;box-shadow:0 8px 24px #0000004d;pointer-events:none;opacity:0;transition:opacity .14s ease,transform .14s ease}.dock-btn:hover+.spatial-tip,.dock-btn:focus-visible+.spatial-tip{opacity:1;transform:translate(-50%) translateY(-10px)}.showcase-stage{width:100%}.feature-card{width:100%;padding:28px;border-radius:16px;background:var(--surface-box);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border);box-shadow:0 16px 48px -12px #0000008c;display:flex;flex-direction:column;align-items:center;gap:18px}.kinetic-stage-box{width:120px;height:120px;display:grid;place-items:center;border-radius:32px;background:#11161f99;border:1px solid var(--border-glow);box-shadow:0 16px 36px -8px #00c7c033;box-shadow:0 16px 36px -8px oklch(75% .18 190 / .2);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.kinetic-stage-box:hover{transform:scale(1.04);box-shadow:0 20px 48px -8px #00c7c059;box-shadow:0 20px 48px -8px oklch(75% .18 190 / .35)}.card-desc{text-align:center;font-size:.825rem;color:var(--muted);line-height:1.5}.card-desc strong{color:var(--text)}.badge-pill{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:.725rem;letter-spacing:.05em;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border-glow)}.spatial-radar-preview{position:relative;width:160px;height:160px;border-radius:50%;border:1px solid var(--border-glow);background:radial-gradient(circle,oklch(75% .18 190 / .05) 0%,transparent 70%);margin-top:12px;overflow:hidden}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,oklch(75% .18 190 / .3) 60deg,transparent 90deg);animation:radarRotate 4s linear infinite}.radar-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}@keyframes radarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.memory-buffer-bar{display:flex;gap:8px;margin-top:14px}.memory-slot{padding:8px 14px;border-radius:8px;font-family:monospace;font-size:.75rem;background:#080b12;border:1px solid var(--border);color:var(--muted)}.memory-slot.filled{background:#00c7c026;background:oklch(75% .18 190 / .15);border-color:var(--accent);color:var(--accent)}.alliances-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:14px}.alliance-item{display:flex;flex-direction:column;padding:12px;border-radius:12px;background:#06090fb3;border:1px solid var(--border)}.alliance-item strong{font-size:.85rem;color:var(--text)}.alliance-item span{font-size:.725rem;color:var(--muted);margin-top:2px}.zuari-slider{width:100%;accent-color:var(--accent);cursor:pointer}.spatial-metrics{display:flex;align-items:center;gap:16px;padding:6px 16px;border-radius:9999px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border)}.metric-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#79818d;letter-spacing:.04em}.metric-item strong{color:var(--text);font-weight:600}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.cli-scaffolder-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:6px 10px;border-radius:16px;background:#050911d9;border:1px solid var(--border);box-shadow:0 12px 32px #00000059}.cli-preset-pills{display:flex;gap:4px}.cli-pill{padding:4px 10px;border-radius:10px;font-size:.72rem;font-weight:500;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;transition:all .14s ease}.cli-pill:hover{color:var(--text);background:#11161f}.cli-pill[data-active=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--border-glow)}.cli-cmd-box{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:10px;background:#020307;border:1px solid var(--border)}.cli-cmd-box code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;color:#d0e3e1;-webkit-user-select:all;user-select:all}.cli-copy-btn{padding:3px 8px;border-radius:6px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border-glow);cursor:pointer;transition:all .14s ease}.cli-copy-btn:hover{background:var(--accent);color:#03060d}.repl-shell{width:100%;border-radius:16px;background:var(--surface-box);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border);box-shadow:0 16px 48px -12px #0000008c;overflow:hidden;display:flex;flex-direction:column}.repl-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#04070fe6;border-bottom:1px solid var(--border)}.repl-preset-tabs{display:flex;flex-wrap:wrap;gap:6px}.repl-preset-btn{padding:6px 12px;border-radius:10px;font-size:.76rem;font-weight:500;background:#0c121a99;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .15s ease}.repl-preset-btn:hover{color:var(--text);border-color:#ffffff2e}.repl-preset-btn[data-active=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--border-glow);box-shadow:0 0 14px #00c7c02e;box-shadow:0 0 14px oklch(75% .18 190 / .18)}.repl-workbench{display:grid;grid-template-columns:1.15fr .85fr;min-height:360px}@media(max-width:780px){.repl-workbench{grid-template-columns:1fr}}.repl-editor-pane{display:flex;flex-direction:column;border-right:1px solid var(--border);background:#030409d9}.repl-output-pane{display:flex;flex-direction:column;background:#0509118c}.repl-pane-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:.68rem;font-weight:600;letter-spacing:.08em;color:var(--muted);background:#05091199;border-bottom:1px solid var(--border)}.repl-kbd-hint{color:var(--accent);font-weight:500}.repl-editor{flex:1;width:100%;min-height:310px;padding:14px 16px;background:transparent;border:none;outline:none;resize:vertical;color:#daeceb;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.55;-webkit-user-select:text;user-select:text}.repl-preview-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px}.repl-demo-card{width:100%;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:18px;background:#080d16bf;border:1px solid var(--border)}.repl-demo-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.repl-muted{font-size:.72rem;color:var(--muted)}.repl-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.repl-stat-box{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:12px;background:#03060bcc;border:1px solid var(--border)}.repl-stat-box small{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.repl-big-num{font-size:1.45rem;font-weight:700;color:var(--accent);margin-top:4px}.repl-btn-row{display:flex;gap:8px;flex-wrap:wrap}.repl-action-btn{flex:1;padding:9px 14px;border-radius:10px;font-size:.78rem;font-weight:600;background:var(--accent);color:#03060d;border:none;cursor:pointer;transition:transform .12s ease,filter .12s ease}.repl-action-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.repl-action-btn.secondary{background:#151b24;color:var(--text);border:1px solid var(--border)}.repl-spatial-viewport{height:140px;display:grid;place-items:center;perspective:600px;border-radius:14px;background:radial-gradient(circle,#00c7c01f,#00303257,#0314198f 37.5%,#030409 75%);background:radial-gradient(circle,color(xyz 0.266 0.459 0.615 / 0.122),color(xyz 0.016 0.024 0.036 / 0.341),#0314198f 37.5%,#030409 75%);border:1px solid var(--border)}.repl-spatial-hud{padding:14px 20px;border-radius:14px;background:#0a121fd9;border:1px solid var(--border-glow);box-shadow:0 12px 30px #00c7c038;box-shadow:0 12px 30px oklch(75% .18 190 / .22);text-align:center;transition:transform 60ms linear}.repl-spatial-hud h4{font-size:.88rem;margin-top:6px}.repl-mono{font-family:monospace;font-size:.72rem;color:var(--accent);margin-top:2px}.repl-controls-stack{display:flex;flex-direction:column;gap:8px}.repl-slider-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--muted)}.repl-slider-row input[type=range]{flex:1;accent-color:var(--accent)}.repl-hex-bar{padding:8px 10px;border-radius:8px;background:#020307;border:1px solid var(--border-glow);font-family:monospace;font-size:.72rem;color:var(--accent);text-align:center;letter-spacing:.04em}.repl-status-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 16px;font-size:.74rem;background:#03060df2;border-top:1px solid var(--border)}.repl-status-ok{color:#30d882;font-weight:600}.repl-status-time{color:var(--muted)}.repl-status-time strong{color:var(--text)}.repl-status-err{color:#ff625e;color:oklch(70% .2 25);font-family:monospace}.proof-bench-shell{width:100%}.proof-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}@media(max-width:780px){.proof-grid{grid-template-columns:1fr}}.proof-card{padding:20px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.flame-comparison{display:flex;flex-direction:column;gap:12px}.flame-row{display:flex;flex-direction:column;gap:5px}.flame-meta{display:flex;justify-content:space-between;font-size:.76rem}.flame-score.accent{color:var(--accent);font-weight:600}.flame-score.warn{color:#ff7452;color:oklch(72% .19 35);font-weight:600}.flame-track{height:10px;border-radius:999px;background:#03060b;overflow:hidden;border:1px solid var(--border)}.flame-bar{height:100%;border-radius:999px}.zuari-bar{background:var(--accent);box-shadow:0 0 10px var(--accent)}.vdom-bar{background:linear-gradient(90deg,#f9601f,#ee343b)}.proof-node-strip{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;padding:8px;border-radius:10px;background:#030409;border:1px solid var(--border)}.proof-node-cell{font-family:monospace;font-size:.62rem;text-align:center;padding:2px 0;border-radius:4px;background:#0a1018;color:var(--accent)}.proof-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.proof-speedup-pill{font-size:.78rem;color:var(--muted)}.proof-speedup-pill strong{color:var(--accent);font-size:.92rem}.bundle-bars{display:flex;flex-direction:column;gap:10px}.bundle-row{display:flex;flex-direction:column;gap:4px}.bundle-row-top{display:flex;justify-content:space-between;font-size:.74rem}.bundle-row-top code{color:var(--text);font-weight:600}.bundle-row-top span{color:var(--muted)}.bundle-track{height:7px;border-radius:999px;background:#03060b;overflow:hidden}.bundle-fill{height:100%;border-radius:999px}.hw-lab-shell{width:100%;border-radius:24px;background:var(--hw-bg, var(--glass));color:var(--hw-fg, var(--text));border:1px solid var(--hw-border, var(--border));box-shadow:0 24px 64px -16px #0000008c;overflow:hidden;display:flex;flex-direction:column;transition:background-color var(--hw-transition, .16s ease),color var(--hw-transition, .16s ease)}.hw-lab-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--hw-border, var(--border));background:#04070fb3}.hw-display-select{padding:6px 12px;border-radius:10px;font-size:.75rem;font-weight:600;background:#080d16;color:var(--hw-accent, var(--accent));border:1px solid var(--hw-border, var(--border-glow));outline:none;cursor:pointer}.hw-lab-stage{padding:20px}.hw-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}@media(max-width:780px){.hw-panel-grid{grid-template-columns:1fr}}.hw-visor-box,.hw-osd-screen,.hw-kaios-phone,.hw-rotary-dial-box,.hw-appliance-screen{position:relative;min-height:220px;padding:16px;border-radius:18px;border:1px solid var(--hw-border, var(--border-glow));background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden}.hw-reticle-svg{width:155px;height:155px;color:var(--hw-accent, var(--accent))}.hw-visor-telemetry,.hw-osd-row{width:100%;display:flex;justify-content:space-between;font-family:monospace;font-size:.72rem;color:var(--hw-fg, var(--text))}.hw-visor-telemetry strong,.hw-osd-row strong{color:var(--hw-accent, var(--accent))}.hw-osd-horizon{width:160px;height:90px;display:grid;place-items:center;border-left:1px dashed var(--hw-accent, var(--accent));border-right:1px dashed var(--hw-accent, var(--accent))}.hw-horizon-bar{width:120px;height:2px;background:var(--hw-accent, var(--accent));box-shadow:0 0 8px var(--hw-accent, var(--accent))}.hw-kaios-phone{max-width:280px;width:100%;margin:0 auto;align-items:stretch;gap:8px;font-family:monospace}.hw-kaios-statusbar,.hw-kaios-softkeys{display:flex;justify-content:space-between;font-size:.68rem;padding:4px 8px;background:#ffffff0f;border-radius:6px}.hw-kaios-list{display:flex;flex-direction:column;gap:3px}.hw-kaios-item{padding:5px 8px;border-radius:6px;font-size:.74rem;border:1px solid transparent}.hw-kaios-item[data-focused=true]{background:var(--hw-accent, var(--accent));color:#05080d;font-weight:700}.hw-kaios-t9bar{font-size:.72rem;padding:4px 8px;border-top:1px dashed var(--hw-border, var(--border))}.hw-controls-col{display:flex;flex-direction:column;gap:12px}.hw-dpad-cluster{display:flex;gap:8px}.hw-t9-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hw-wheel-gauge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;border:2px dashed var(--hw-accent, var(--accent))}.zuari-community-widget{display:flex;justify-content:center;margin-top:12px;margin-bottom:4px}.community-trigger-row{display:flex;align-items:center;gap:10px}.community-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.76rem;font-weight:500;cursor:pointer;background:#ffffff0d;border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .16s cubic-bezier(.16,1,.3,1)}.community-pill-btn:hover{background:#ffffff1a;border-color:var(--accent);transform:translateY(-1px)}.community-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:16px}.community-modal-card{width:100%;max-width:520px;background:var(--surface-card, #13151b);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 64px #0009;overflow:hidden;animation:popIn .2s cubic-bezier(.16,1,.3,1)}.community-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border);background:#ffffff05}.modal-tab-pills{display:flex;gap:6px}.modal-tab-btn{background:transparent;border:none;font-size:.8rem;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .14s ease}.modal-tab-btn[data-active=true]{background:var(--accent-soft);color:var(--accent)}.modal-close-btn{background:transparent;border:none;color:var(--muted);font-size:1.25rem;cursor:pointer;padding:2px 8px;line-height:1}.modal-close-btn:hover{color:var(--text)}.community-modal-body{padding:20px}.share-tab-content{text-align:center}.share-title{font-size:1.1rem;font-weight:600;margin-bottom:4px}.share-desc{font-size:.82rem;color:var(--muted);margin-bottom:20px}.social-share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:.8rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .14s ease;border:1px solid var(--border)}.social-x{background:#000;color:#fff;border-color:#333}.social-linkedin{background:#0077b5;color:#fff;border-color:#00669c}.social-reddit{background:#ff4500;color:#fff;border-color:#e03d00}.social-copy{background:#ffffff0f;color:var(--text)}.feedback-form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;flex-direction:column;gap:4px}.form-label{font-size:.76rem;font-weight:500;color:var(--muted)}.form-select,.form-input,.form-textarea{background:#00000059;border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-family:inherit;font-size:.82rem;outline:none;transition:border-color .14s ease}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:var(--accent)}.form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.submit-email-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:var(--accent);color:#000;font-weight:600;font-size:.8rem;border:none;cursor:pointer;transition:opacity .14s ease}.submit-email-btn:hover{opacity:.9}.github-issue-link{font-size:.78rem;color:var(--muted);text-decoration:none}.github-issue-link:hover{color:var(--accent);text-decoration:underline}