:root{--bg-primary: #111;--bg-secondary: #1a1a2e;--card-bg: #16213e;--card-border: #2a2a4a;--btn-bg: #1a1a2e;--accent-green: #4caf50;--accent-purple: #b388ff;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #777}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-green)}