:root{--bg-color: #0f172a;--text-color: #e2e8f0;--text-muted: #94a3b8;--border-color: #334155;--primary-color: #22c55e;--primary-color-rgb: 34, 197, 94;--primary-dark: #16a34a;--primary-light: #064e3b;--success: #22c55e;--warning: #fbbf24;--danger: #ef4444;--info: #3b82f6}body.surprise-mode{--primary-color: #f97316;--primary-color-rgb: 249, 115, 22;--primary-dark: #ea580c;--primary-light: #7c2d12;--danger: #dc2626}.text-primary{color:var(--primary-color)}.bg-primary{background-color:var(--primary-color)}.bg-primary-light{background-color:var(--primary-light)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:1200px;margin:0 auto;padding:0 16px}