:root{--bg-app: #1a1c20;--bg-panel: #232529;--bg-panel-alt: #2b2e33;--bg-viewport: #000000;--border: #393c43;--border-soft: #303338;--text-primary: #e9eaec;--text-secondary: #a3a8b0;--text-muted: #6c7178;--accent: #4f9eff;--accent-hover: #6fb0ff;--accent-soft: rgba(79, 158, 255, .15);--danger: #e5595d;--success: #4fd684;--radius-sm: 4px;--radius-md: 8px;--font-sans: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit}.btn{appearance:none;border:1px solid var(--border);background:var(--bg-panel-alt);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:#34383f;border-color:#4a4e57}.btn:active{background:#3a3f47}.btn--primary{background:var(--accent);border-color:var(--accent);color:#0c1420;font-weight:600}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--bg-panel-alt)}.btn.is-active{border-color:var(--accent);color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:#45494f;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#565b62}