:root{--color-bg: #0a0f1a;--color-surface: rgba(15, 20, 35, .92);--color-surface-solid: #0f1423;--color-border: rgba(100, 180, 255, .15);--color-border-light: rgba(100, 180, 255, .08);--color-text-primary: #e0e6ed;--color-text-secondary: #8899aa;--color-text-tertiary: #5a6a7a;--color-accent: #00b8d4;--color-accent-light: rgba(0, 184, 212, .12);--color-danger: #ff5252;--color-danger-light: rgba(255, 82, 82, .12);--color-warning: #ffab40;--color-success: #69f0ae;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%}::selection{background:var(--color-accent-light);color:var(--color-accent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--color-border);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-surface-solid);box-shadow:var(--shadow-sm)}select{font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);padding:4px 8px;font-size:11px;outline:none;transition:border-color .15s}select:focus{border-color:var(--color-accent)}button{font-family:var(--font-sans)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64b4ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64b4ff59}