.demo-os{--demo-void:#04070c;--demo-panel-bg:#0d1622b8;--demo-hair:#38bdf824;--demo-hair-strong:#38bdf852;--demo-cyan:#38bdf8;--demo-cyan-dim:#38bdf8a6;--demo-amber:#ffb348;--demo-ink:#d7e3ee;--demo-ink-dim:#7d93a8;--demo-mono:var(--innoval-mono,ui-monospace, Menlo, monospace);background:var(--demo-void);color:var(--demo-ink)}.demo-grid-bg{pointer-events:none;opacity:.5;background-image:linear-gradient(var(--demo-hair) 1px, transparent 1px), linear-gradient(90deg, var(--demo-hair) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 0,#000 30%,#0000 75%)}.demo-panel{border:1px solid var(--demo-hair);background:var(--demo-panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demo-glow{box-shadow:0 0 24px #38bdf814,inset 0 0 24px #38bdf80a}.demo-dot{border-radius:999px;width:7px;height:7px;display:inline-block}.demo-dot--acting{background:var(--demo-cyan);box-shadow:0 0 8px var(--demo-cyan);animation:1.2s ease-in-out infinite demo-pulse}.demo-dot--thinking{background:var(--demo-amber);box-shadow:0 0 8px var(--demo-amber);animation:1.8s ease-in-out infinite demo-pulse}.demo-dot--idle{background:var(--demo-ink-dim)}.demo-caret:after{content:"▍";color:var(--demo-cyan);animation:1s step-end infinite demo-blink}.demo-feed-row{animation:.35s ease-out demo-rise}.demo-tour-target{box-shadow:0 0 0 1px var(--demo-cyan), 0 0 32px #38bdf840;transition:box-shadow .3s}@keyframes demo-pulse{50%{opacity:.35}}@keyframes demo-blink{50%{opacity:0}}@keyframes demo-rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.demo-os *,.demo-os :after{transition:none!important;animation:none!important}.demo-caret:after{content:""}}@keyframes demo-hud-spin{to{transform:rotate(360deg)}}@keyframes demo-hud-spin-rev{to{transform:rotate(-360deg)}}@keyframes demo-hud-core{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes demo-hud-sweep{to{transform:rotate(360deg)}}.demo-hud-ring--slow{transform-origin:50%;animation:14s linear infinite demo-hud-spin}.demo-hud-ring--rev{transform-origin:50%;animation:9s linear infinite demo-hud-spin-rev}.demo-hud-ring--fast{transform-origin:50%;animation:5.5s linear infinite demo-hud-spin}.demo-hud-sweep{transform-origin:50%;animation:3.2s linear infinite demo-hud-sweep}.demo-hud-core{animation:2.2s ease-in-out infinite demo-hud-core}@media (prefers-reduced-motion:reduce){.demo-hud-ring--slow,.demo-hud-ring--rev,.demo-hud-ring--fast,.demo-hud-sweep,.demo-hud-core{animation:none!important}}@keyframes demo-scan{0%{opacity:0;transform:translate(-30%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(130%)}}.demo-scanline{pointer-events:none;background:linear-gradient(90deg,#0000,#38bdf80d,#0000);width:22%;animation:7s ease-in-out infinite demo-scan;position:absolute;top:0;bottom:0}@keyframes demo-spark-draw{0%{stroke-dashoffset:240px}to{stroke-dashoffset:0}}.demo-sparkline{stroke-dasharray:240;animation:1.8s ease-out both demo-spark-draw}@media (prefers-reduced-motion:reduce){.demo-scanline{opacity:0;animation:none}.demo-sparkline{stroke-dashoffset:0;animation:none}}