@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap";:root{--color-cyan: #02e1fc;--color-orange: #ff6600;--color-red: #ff4444;--color-blue-light: #44aaff;--color-bg-deep: #0a0a1a;--color-bg-mid: #141432;--color-bg-card: rgba(20, 20, 50, .5);--color-bg-card-dark: rgba(10, 10, 26, .6);--color-bg-hero: linear-gradient(135deg, #0a0a1a 0%, #141432 50%, #0a0a1a 100%);--color-cyan-dim: rgba(2, 225, 252, .8);--color-cyan-muted: rgba(2, 225, 252, .7);--color-cyan-faint: rgba(2, 225, 252, .4);--color-cyan-ghost: rgba(2, 225, 252, .1);--color-cyan-border: rgba(2, 225, 252, .3);--color-cyan-border-px: rgba(2, 225, 252, .1);--color-orange-ghost: rgba(255, 102, 0, .05);--color-orange-faint: rgba(255, 102, 0, .1);--glow-cyan: 0px 0px 10px 0px rgba(2, 225, 252, .2), inset 0px 0px 10px 2px rgba(2, 225, 252, .07);--glow-cyan-strong: 0px 0px 20px 0px rgba(2, 225, 252, .4), inset 0px 0px 10px 2px rgba(2, 225, 252, .1);--glow-orange: 0px 0px 10px 0px rgba(255, 102, 0, .2), inset 0px 0px 10px 2px rgba(255, 102, 0, .07);--glow-red: 0px 0px 10px rgba(255, 68, 68, .25), inset 0px 0px 10px 2px rgba(255, 68, 68, .08);--glow-blue: 0px 0px 10px rgba(68, 170, 255, .25), inset 0px 0px 10px 2px rgba(68, 170, 255, .08);--font-mono: "IBM Plex Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 28px;--text-3xl: 48px;--text-4xl: 64px;--leading-tight: 1;--leading-snug: 1.25;--leading-base: 1.5;--leading-loose: 1.75;--border-cyan: 2px solid var(--color-cyan);--border-cyan-dim: 1px solid var(--color-cyan-border);--border-orange: 2px solid var(--color-orange);--border-red: 2px solid var(--color-red);--border-blue: 2px solid var(--color-blue-light);--border-left-orange: 3px solid var(--color-orange);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--page-max: 1280px;--frame-max: 900px;--page-gutter: 24px;--tracking-wide: .05em;--tracking-wider: .1em;--transition-fast: .15s ease;--transition-base: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%}body{font-family:var(--font-mono);background:var(--color-bg-deep);color:var(--color-cyan);min-height:100vh}.page-container{max-width:var(--page-container-max, var(--page-max));width:100%;margin-inline:auto;padding-inline:var(--page-gutter)}.layout-frame{--page-container-max: calc(var(--frame-max) + 2 * var(--page-gutter))}@media (max-width: 480px){:root{--page-gutter: 16px}}