@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Orbitron:wght@400;700;900&family=Rajdhani:wght@500;700&family=Exo+2:wght@400;700;900&family=Space+Grotesk:wght@400;500;600&family=Press+Start+2P&display=swap";:root{--bg: #0E0E10;--bg-card: #19191C;--bg-card-high: #1F1F22;--bg-card-highest: #262528;--bg-sidebar: #131315;--primary: #9146FF;--primary-light: #C19CFF;--primary-dim: #7A27E8;--secondary: #D294FE;--tertiary: #FF8AA5;--cyan: #00F5FF;--on-surface: #F9F5F8;--on-surface-muted: #ADADB8;--outline: #48474A;--error: #FF6E84;--success: #00FF88;--warning: #FFD700;--hype2: #00F5FF;--hype3: #FF7F3F;--shadow-purple: 0 10px 40px -10px rgba(145, 70, 255, .25);--glow-primary: 0 0 20px rgba(145, 70, 255, .4);--glow-primary-sm: 0 0 10px rgba(145, 70, 255, .3);--border-ghost: 1px solid rgba(145, 70, 255, .15);--border-active: 1px solid rgba(145, 70, 255, .5);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--bg);color:var(--on-surface);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}input,button,select,textarea{font-family:inherit}a{color:var(--primary-light);text-decoration:none}h1{font-size:2rem;font-weight:800}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.125rem;font-weight:600}.text-muted{color:var(--on-surface-muted)}.text-primary{color:var(--primary-light)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.label{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-muted)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center}.spinner{width:48px;height:48px;border:3px solid rgba(145,70,255,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--bg-card);border:var(--border-ghost);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:#9146ff4d}.card-elevated{background:var(--bg-card-high);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-purple);border:var(--border-active)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light);box-shadow:var(--glow-primary-sm);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--primary-light);border:var(--border-active)}.btn-ghost:hover:not(:disabled){background:#9146ff1a;border-color:var(--primary)}.btn-danger{background:#ff475726;color:var(--error);border:1px solid rgba(255,71,87,.3)}.btn-danger:hover:not(:disabled){background:#ff475740}.btn-lg{padding:.875rem 1.75rem;font-size:1rem;border-radius:var(--radius-lg)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-icon{padding:.625rem}.input{background:var(--bg-card-highest);border:none;border-bottom:2px solid var(--outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--on-surface);padding:.75rem 1rem;width:100%;font-size:1rem;transition:border-color var(--transition);outline:none}.input:focus{border-bottom-color:var(--primary)}.input::placeholder{color:var(--on-surface-muted)}input[type=number]::-webkit-inner-spin-button{opacity:1}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;color:var(--on-surface-muted);font-weight:500}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem}.section-accent{width:4px;height:1.5rem;background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:2px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .625rem;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:9999px}.badge-success{background:#00ff881f;color:var(--success)}.badge-warning{background:#ffd7001f;color:var(--warning)}.badge-error{background:#ff6e841f;color:var(--error)}.badge-purple{background:#9146ff26;color:var(--primary-light)}.badge-cyan{background:#00f5ff1f;color:var(--cyan)}.toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--outline);border-radius:9999px;transition:background var(--transition)}.toggle-slider:before{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition)}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #9146ff4d}50%{box-shadow:0 0 30px #9146ff99}}@keyframes time-added{0%{opacity:0;transform:translateY(-20px)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-50px)}}.fade-in{animation:fadeIn .3s ease forwards}.slide-in{animation:slideIn .3s ease forwards}.timer-display{font-family:Orbitron,monospace;font-weight:900;font-size:clamp(3rem,8vw,7rem);color:#fff;text-shadow:0 0 30px rgba(145,70,255,.5),0 0 60px rgba(145,70,255,.25);letter-spacing:.05em;line-height:1;-webkit-user-select:none;user-select:none}.color-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all var(--transition)}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary);transform:scale(1.1)}@media (max-width: 768px){.timer-display{font-size:3rem}}