:root{--bg-base:#0a0908;--bg-surface:#141210;--bg-elevated:#1e1a18;--bg-sidebar:#08070c;--border:#2a2523;--accent:#f0c040;--accent-dim:#2c2010;--accent-surface:#18150e;--accent-border:#403510;--accent-hover:#f5cf60;--gem-color:#f0c040;--streak-color:#e88030;--success:#10b981;--warning-accent:#f0c040;--danger:#ef4444;--warning-gold:#d4a017;--stripe-goal-percentage:#a78bfa;--stripe-goal-checklist:#60a5fa;--text-primary:#f5efe6;--text-secondary:#a09494;--text-muted:#565050;--sidebar-width:200px;--scrollbar-handle:#2a2523;--scrollbar-hover:#403838;--btn-hover-bg:#2a2520;--card-gradient-top:#1a1816;--sidebar-gradient-top:#0c0b10;--sidebar-gradient-bot:#050408;--font-family:"Segoe UI", "Inter", sans-serif;--font-size-base:13px;--radius:6px;--radius-sm:4px}*{box-sizing:border-box}html,body{background:var(--bg-base);height:100%;color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-base);margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--scrollbar-hover), var(--scrollbar-handle));border-radius:4px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}input,textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:6px 10px}input:focus,textarea:focus{border-color:var(--accent);outline:none}input::selection{background:var(--accent-dim)}textarea::selection{background:var(--accent-dim)}button{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;padding:6px 14px}button:hover{background:var(--btn-hover-bg)}button.accent{background:var(--accent);color:#000;border-color:var(--accent)}button.accent:hover{background:var(--accent-hover)}