:root{--bg-canvas:#07080c;--bg-surface:#0c0f16;--bg-elevated:#121722;--bg-subtle:#ffffff08;--bg-glass:#0c0f16b8;--signal-cyan:#00f0ff;--signal-cyan-dim:#00f0ff26;--signal-cyan-glow:#00f0ff59;--signal-emerald:#10b981;--signal-emerald-dim:#10b98126;--signal-amber:#f59e0b;--signal-amber-dim:#f59e0b26;--alert-red:#f34;--alert-red-dim:#ff33442e;--alert-red-glow:#ff334473;--text-high:#f8fafc;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#8494ab;--text-subtle:#64748b;--border-subtle:#ffffff14;--border-active:#00f0ff4d;--border-alert:#f346;--border-highlight:#ffffff29;--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--transition-fast:.16s var(--ease-out-expo);--transition-normal:.32s var(--ease-out-expo);--transition-slow:.6s var(--ease-out-expo)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto;overflow-x:hidden}body{background-color:var(--bg-canvas);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.matrix-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 80%);mask-image:radial-gradient(#000 20%,#0000 80%)}.ambient-vignette{pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 60%,#07080ccc 100%);position:fixed;inset:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:#232938;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--signal-cyan)}.skip-to-content{background:var(--signal-cyan);color:#05070a;font-family:var(--font-mono);z-index:9999;border-radius:2px;padding:.75rem 1.4rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:top .2s cubic-bezier(.16,1,.3,1);position:fixed;top:-120px;left:1.5rem;box-shadow:0 0 20px #00f0ff66}.skip-to-content:focus{outline-offset:3px;outline:3px solid #fff;top:1.5rem}:focus-visible{outline:2px solid var(--signal-cyan)!important;outline-offset:3px!important}@media (width<=768px){button,a.btn-signal,a.btn-secondary,.telemetry-badge,input,select,textarea{touch-action:manipulation;min-height:44px}}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.container-custom{width:100%;max-width:1380px;margin-left:auto;margin-right:auto;padding-left:clamp(1.25rem,5vw,3.5rem);padding-right:clamp(1.25rem,5vw,3.5rem)}.story-panel{border-bottom:1px solid var(--border-subtle);z-index:2;flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(5rem,10vh,8rem) 0;display:flex;position:relative}.panel-index{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:2rem;font-size:.82rem;display:flex}.panel-index .index-num{color:var(--signal-cyan);background:var(--signal-cyan-dim);border:1px solid #00f0ff40;border-radius:2px;padding:.2rem .6rem;font-weight:600}.panel-index .index-status{align-items:center;gap:.4rem;display:inline-flex}.panel-index .index-status:before{content:"";background-color:var(--signal-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--signal-cyan);border-radius:50%}.signal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);transition:border-color var(--transition-normal), background-color var(--transition-normal);border-radius:4px;position:relative}.signal-card:hover{border-color:var(--border-active)}.signal-card.card-alert:hover{border-color:var(--border-alert)}.btn-signal{background:var(--signal-cyan);color:#050608;font-family:var(--font-mono);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border:none;border-radius:2px;align-items:center;gap:.65rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-signal:hover{box-shadow:0 0 24px var(--signal-cyan-glow);background:#38f4ff;transform:translateY(-2px)}.btn-secondary{color:var(--text-high);font-family:var(--font-mono);border:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff0a;border-radius:2px;align-items:center;gap:.65rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--border-highlight);background:#ffffff14;transform:translateY(-2px)}.telemetry-badge{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff08;border-radius:2px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.78rem;display:inline-flex}.telemetry-badge.badge-cyan{color:var(--signal-cyan);background:var(--signal-cyan-dim);border-color:#00f0ff40}.telemetry-badge.badge-alert{color:var(--alert-red);background:var(--alert-red-dim);border-color:#ff33444d}.telemetry-badge.badge-emerald{color:var(--signal-emerald);background:var(--signal-emerald-dim);border-color:#10b98140}@keyframes signalPulse{0%{opacity:.7;transform:scaleX(.96)}50%{opacity:1;transform:scaleX(1.02)}to{opacity:.7;transform:scaleX(.96)}}.signal-live-bar{align-items:center;gap:4px;height:18px;display:flex}.signal-bar-segment{background:var(--signal-cyan);border-radius:1px;width:3px;animation:1.2s ease-in-out infinite alternate pulseBar}@keyframes pulseBar{0%{opacity:.4;height:4px}to{opacity:1;height:16px}}::selection{background:var(--signal-cyan);color:#000}.scroll-reveal{opacity:0;will-change:opacity, transform;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.scroll-reveal.is-revealed{opacity:1;transform:translateY(0)}.scroll-reveal-scale{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(24px)scale(.98)}.scroll-reveal-scale.is-revealed{opacity:1;transform:translateY(0)scale(1)}.scroll-reveal-left{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-24px)}.scroll-reveal-left.is-revealed{opacity:1;transform:translate(0)}.reveal-delay-1{transition-delay:.1s!important}.reveal-delay-2{transition-delay:.2s!important}.reveal-delay-3{transition-delay:.3s!important}.reveal-delay-4{transition-delay:.4s!important}@media (prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal-scale,.scroll-reveal-left{opacity:1!important;transition:none!important;transform:none!important}}