:root{--sscgram-primary: #2b91bf;--sscgram-primary-rgb: 43, 145, 191}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--accent-color: var(--sscgram-primary);--accent-hover: #1a5f7a;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040;--accent-color: var(--sscgram-primary);--accent-hover: #57c4dc;--success-color: #20c997;--error-color: #e74c3c;--warning-color: #f39c12}[data-theme=purple]{--bg-primary: #f8f6ff;--bg-secondary: #ede7ff;--text-primary: #2d1b69;--text-secondary: #6c5ce7;--border-color: #d1c4e9;--accent-color: #6c5ce7;--accent-hover: #5b4cdb;--success-color: #00b894;--error-color: #e17055;--warning-color: #fdcb6e}[data-theme=ocean-blue]{--bg-primary: #f0f8ff;--bg-secondary: #e6f3ff;--text-primary: #0c4a6e;--text-secondary: #0369a1;--border-color: #bae6fd;--accent-color: #0284c7;--accent-hover: #0369a1;--success-color: #059669;--error-color: #dc2626;--warning-color: #d97706}[data-theme=forest-green]{--bg-primary: #f0fdf4;--bg-secondary: #dcfce7;--text-primary: #14532d;--text-secondary: #166534;--border-color: #bbf7d0;--accent-color: #16a34a;--accent-hover: #15803d;--success-color: #22c55e;--error-color: #ef4444;--warning-color: #eab308}[data-theme=royal-purple]{--bg-primary: #faf5ff;--bg-secondary: #f3e8ff;--text-primary: #581c87;--text-secondary: #7c3aed;--border-color: #ddd6fe;--accent-color: #8b5cf6;--accent-hover: #7c3aed;--success-color: #10b981;--error-color: #f59e0b;--warning-color: #f59e0b}[data-theme=sunset-orange]{--bg-primary: #fff7ed;--bg-secondary: #ffedd5;--text-primary: #9a3412;--text-secondary: #c2410c;--border-color: #fed7aa;--accent-color: #ea580c;--accent-hover: #dc2626;--success-color: #16a34a;--error-color: #dc2626;--warning-color: #ca8a04}body{background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.card{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.card-header{background-color:var(--bg-secondary);border-bottom-color:var(--border-color);color:var(--text-primary)}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.navbar{background-color:var(--accent-color)!important}.sidebar{background-color:var(--bg-secondary)}.nav-link{color:var(--text-secondary)}.nav-link:hover{color:var(--accent-color)}.typing-area{background-color:var(--bg-primary);border-color:var(--accent-color);color:var(--text-primary)}.typing-stats{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-color:var(--border-color)}.wpm-display{color:var(--accent-color)}.accuracy-display{color:var(--text-secondary)}.theme-selector{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.theme-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s ease;position:relative}.theme-option:hover{transform:scale(1.1);border-color:var(--accent-color)}.theme-option.active{border-color:var(--accent-color);box-shadow:0 0 10px rgba(var(--sscgram-primary-rgb),.5)}.theme-light{background:linear-gradient(45deg,#fff,#f8f9fa)}.theme-dark{background:linear-gradient(45deg,#1a1a1a,#2d2d2d)}.theme-purple{background:linear-gradient(45deg,#6c5ce7,#a29bfe)}.theme-ocean-blue{background:linear-gradient(45deg,#0284c7,#38bdf8)}.theme-forest-green{background:linear-gradient(45deg,#16a34a,#4ade80)}.theme-royal-purple{background:linear-gradient(45deg,#8b5cf6,#c084fc)}.theme-sunset-orange{background:linear-gradient(45deg,#ea580c,#fb923c)}@media(max-width:768px){.theme-selector{justify-content:center}.theme-option{width:35px;height:35px}}