:root{--bg-primary: #0F172A;--bg-panel: rgba(30, 41, 59, .85);--bg-panel-solid: rgba(30, 41, 59, .9);--bg-option: rgba(15, 23, 42, .4);--bg-option-hover: rgba(0, 212, 230, .1);--bg-option-selected: rgba(0, 212, 230, .2);--bg-overlay: rgba(15, 23, 42, .95);--bg-input: rgba(15, 23, 42, .4);--bg-input-focus: rgba(0, 212, 230, .05);--bg-drawing: rgba(15, 23, 42, .6);--text-primary: #E2E8F0;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-muted: #64748b;--border-primary: rgba(0, 166, 251, .2);--border-secondary: rgba(0, 166, 251, .3);--border-tertiary: rgba(100, 116, 139, .3);--border-input: rgba(100, 116, 139, .3);--grid-color: rgba(0, 166, 251, .05);--gradient-overlay: rgba(15, 23, 42, .6);--streamline-upper: rgba(0, 212, 230, .6);--streamline-lower: rgba(100, 116, 139, .5);--outline-color: #64748b;--accent-primary: #00D4E6;--accent-primary-rgb: 0, 212, 230;--accent-secondary: #00A6FB;--accent-secondary-rgb: 0, 166, 251;--color-success: #00FF88;--color-success-rgb: 0, 255, 136;--color-error: #FF5252;--color-error-rgb: 255, 82, 82;--color-warning: #FF7A59;--color-warning-rgb: 255, 122, 89;--color-lift: #00FF88;--color-drag: #FF3366;--color-velocity: #FF7A59;--color-velocity-rgb: 255, 122, 89;--color-aoa: #00D4E6;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--iphone14-safe-top: 59px;--iphone14-safe-bottom: 34px;--dynamic-island-clearance: 45px;--mobile-question-retracted: 60px;--mobile-question-expanded: 300px;--mobile-velocity-height: 50px;--mobile-top-panel-offset: 20px;--mobile-graph-width: 150px;--mobile-hud-width: 150px;--mobile-panel-tab-width: 15px;--mobile-canvas-padding: 20px}[data-theme=light]{--bg-primary: #F1F5F9;--bg-panel: rgba(255, 255, 255, .9);--bg-panel-solid: rgba(255, 255, 255, .95);--bg-option: rgba(241, 245, 249, .6);--bg-option-hover: rgba(0, 166, 251, .08);--bg-option-selected: rgba(0, 166, 251, .15);--bg-overlay: rgba(241, 245, 249, .98);--bg-input: rgba(255, 255, 255, .6);--bg-input-focus: rgba(0, 212, 230, .08);--bg-drawing: rgba(255, 255, 255, .8);--text-primary: #1E293B;--text-secondary: #334155;--text-tertiary: #64748b;--text-muted: #94A3B8;--border-primary: rgba(0, 166, 251, .3);--border-secondary: rgba(0, 166, 251, .4);--border-tertiary: rgba(148, 163, 184, .4);--border-input: rgba(148, 163, 184, .4);--grid-color: rgba(0, 166, 251, .08);--gradient-overlay: rgba(241, 245, 249, .4);--streamline-upper: rgba(0, 166, 251, .7);--streamline-lower: rgba(100, 116, 139, .6);--outline-color: #475569}*{margin:0;padding:0;box-sizing:border-box}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1;transition:background-image .3s ease}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 0%,var(--gradient-overlay) 100%);pointer-events:none;z-index:1;transition:background .3s ease}