@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-main:#0a0b10;--bg-card:#161825b3;--bg-glass:#0f101a66;--border-glass:#ffffff12;--border-focus:#a855f766;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-purple:#a855f7;--accent-indigo:#6366f1;--accent-orange:#f97316;--accent-crimson:#ef4444;--accent-emerald:#10b981;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 30px #0000004d;--shadow-lg:0 16px 40px #0006;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}:root.light{--bg-main:#f8fafc;--bg-card:#ffffffbf;--bg-glass:#ffffff73;--border-glass:#0000000f;--border-focus:#a855f780;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-purple:#9333ea;--accent-indigo:#4f46e5;--accent-orange:#ea580c;--accent-crimson:#dc2626;--accent-emerald:#059669;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 30px #00000014;--shadow-lg:0 16px 40px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.ambient-glow-wrapper{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-blob{filter:blur(100px);opacity:.15;border-radius:50%;transition:opacity .5s;position:absolute}:root.light .ambient-blob{opacity:.08}.blob-1{background:radial-gradient(circle, var(--accent-purple), var(--accent-indigo));width:50vw;height:50vw;animation:25s ease-in-out infinite alternate float-blob-1;top:-10%;left:15%}.blob-2{background:radial-gradient(circle, var(--accent-indigo), var(--accent-orange));width:45vw;height:45vw;animation:20s ease-in-out infinite alternate float-blob-2;bottom:-15%;right:10%}@keyframes float-blob-1{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,10%)scale(1.1)}to{transform:translate(-5%,-5%)scale(.95)}}@keyframes float-blob-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-8%,-5%)scale(.9)}to{transform:translate(5%,8%)scale(1.05)}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);border-radius:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s}.glass-panel:hover{box-shadow:var(--shadow-lg)}@keyframes pulse-alarm{0%{box-shadow:0 0 0 0 #ef444480, var(--shadow-md);border-color:#ef444466}70%{box-shadow:0 0 0 15px #ef444400, var(--shadow-md);border-color:#ef4444cc}to{box-shadow:0 0 0 0 #ef444400, var(--shadow-md);border-color:#ef444466}}@keyframes enter-scale{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-enter{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards enter-scale}#root{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}.timer-app-container{flex-direction:column;gap:2rem;width:100%;display:flex}.timer-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.logo-section{align-items:center;gap:.75rem;display:flex}.logo-icon{width:36px;height:36px;color:var(--accent-purple)}.logo-title{letter-spacing:-.05rem;background:linear-gradient(135deg, var(--accent-purple), var(--accent-indigo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.theme-toggle-btn{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover{border-color:var(--accent-purple);background:var(--bg-card);transform:rotate(30deg)scale(1.1)}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:.5rem;display:grid}.stats-card{text-align:center;flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}.stats-card .stats-value{font-family:var(--font-mono);color:var(--accent-purple);font-size:2.2rem;font-weight:700;line-height:1.2}.stats-card .stats-label{text-transform:uppercase;letter-spacing:.05rem;color:var(--text-secondary);font-size:.85rem;font-weight:500}.timer-creator-section{grid-template-columns:1fr 1.2fr;align-items:stretch;gap:1.5rem;display:grid}@media (width<=900px){.timer-creator-section{grid-template-columns:1fr}}.timer-creator-card{flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;display:flex}.section-subtitle{color:var(--text-secondary);margin-top:-.75rem;margin-bottom:.5rem;font-size:.85rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.input-custom-title{background:var(--bg-glass);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:12px;outline:none;padding:.8rem 1rem;font-size:.95rem;transition:all .3s}.input-custom-title:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #a855f726}.time-picker-row{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.time-input-box{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;flex-direction:column;align-items:center;padding:.5rem;transition:border-color .3s;display:flex;position:relative}.time-input-box:focus-within{border-color:var(--border-focus)}.time-input-box label{text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.7rem;font-weight:700}.time-picker-digit{width:100%;color:var(--text-primary);font-family:var(--font-mono);text-align:center;background:0 0;border:none;outline:none;font-size:1.5rem;font-weight:600}.time-picker-digit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-picker-digit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-picker-digit{-moz-appearance:textfield}.time-adjust-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:.8rem;transition:color .2s;display:flex}.time-adjust-btn:hover{color:var(--accent-purple)}.form-actions{gap:.75rem;margin-top:.5rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), var(--accent-indigo));color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #a855f740}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);font-family:var(--font-sans);cursor:pointer;border-radius:12px;flex:1;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:var(--bg-card);border-color:var(--text-secondary)}.timer-presets-card{flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.presets-container{flex-direction:column;gap:1.25rem;height:100%;display:flex}.presets-category{flex-direction:column;gap:.5rem;display:flex}.presets-category-title{text-transform:uppercase;letter-spacing:.05rem;color:var(--text-muted);font-size:.8rem;font-weight:700}.presets-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.preset-item{background:var(--bg-glass);border:1px solid var(--border-glass);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:.25rem;padding:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.preset-item:hover{background:var(--bg-card);border-color:var(--accent-purple);transform:translateY(-3px);box-shadow:0 6px 15px #00000026}.preset-item .preset-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.preset-item .preset-duration{font-family:var(--font-mono);color:var(--accent-purple);font-size:.75rem;font-weight:500}.active-timers-section{flex-direction:column;gap:1.25rem;display:flex}.timers-header-row{justify-content:space-between;align-items:center;display:flex}.timers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.timers-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.timers-empty-icon{width:48px;height:48px;color:var(--text-muted)}.timer-card{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;position:relative}.timer-card.alarm-active{background:#ef444414;animation:1.5s infinite pulse-alarm}.timer-card-title-row{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:-.25rem;display:flex}.timer-card-title{color:var(--text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:1.1rem;font-weight:600;overflow:hidden}.timer-card-original{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);margin-top:.1rem}.btn-card-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.btn-card-delete:hover{color:var(--accent-crimson);background:#ef44441a}.timer-progress-container{justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.progress-ring-svg{width:150px;height:150px;transform:rotate(-90deg)}.progress-ring-bg{fill:#0000;stroke:var(--border-glass)}.progress-ring-fill{fill:#0000;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .5s}.timer-time-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.digits-large{font-family:var(--font-mono);color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1}.digits-ms{font-family:var(--font-mono);color:var(--accent-purple);margin-top:.2rem;font-size:.85rem;font-weight:500}.status-badge{text-transform:uppercase;letter-spacing:.05rem;border-radius:99px;margin-top:.4rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.status-badge.running{color:var(--accent-emerald);background:#10b98126}.status-badge.paused{color:var(--accent-orange);background:#f9731626}.status-badge.completed{color:var(--accent-crimson);background:#ef444426;animation:1s infinite alternate flash-badge}.status-badge.idle{background:var(--border-glass);color:var(--text-secondary)}@keyframes flash-badge{0%{opacity:.6}to{opacity:1}}.timer-card-controls{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.btn-control{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-sans);border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;transition:all .2s;display:flex}.btn-control:hover{background:var(--bg-card);border-color:var(--text-secondary)}.btn-control.primary{background:var(--accent-purple);color:#fff;border:none}.btn-control.primary:hover{background:#9333ea;box-shadow:0 0 10px #a855f74d}.btn-control.alarm-dismiss{background:var(--accent-crimson);color:#fff;border:none;width:100%;padding:.65rem;font-weight:600;animation:1s infinite bounce-btn}.btn-control.alarm-dismiss:hover{background:#dc2626}@keyframes bounce-btn{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.control-icon{width:16px;height:16px}.global-controls-bar{gap:.5rem;display:flex}.btn-global-control{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.3rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-global-control:hover{background:var(--bg-card);border-color:var(--text-secondary)}.btn-global-control.danger{color:var(--accent-crimson)}.btn-global-control.danger:hover{border-color:var(--accent-crimson);background:#ef444414}