*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a24;--accent-work:#ff6b35;--accent-break:#00d9a5;--accent-long-break:#7c5cff;--text-primary:#f5f5f7;--text-secondary:#8a8a9a;--text-muted:#4a4a5a;--border-color:#2a2a3a;--font-display:"Syne",sans-serif;--font-mono:"Space Mono",monospace;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:5rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-medium:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--bg-primary);color:#f5f5f7;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);overflow-x:hidden}.app,body{min-height:100vh}.app{background:radial-gradient(ellipse at 20% 0,#ff6b3514 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#7c5cff14 0,#0000 50%),linear-gradient(180deg,#0a0a0f,#12121a);background:radial-gradient(ellipse at 20% 0,#ff6b3514 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#7c5cff14 0,#0000 50%),linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);position:relative}.app:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.03;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:100vh;padding:2rem 1.5rem;padding:var(--space-lg) var(--space-md);position:relative;z-index:1}.header{margin-bottom:3rem;margin-bottom:var(--space-xl);text-align:center}.logo{display:inline-flex;gap:1rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-sm)}.logo,.logo-icon{align-items:center}.logo-icon{background:linear-gradient(135deg,#ff6b35,#7c5cff);background:linear-gradient(135deg,var(--accent-work),var(--accent-long-break));border-radius:12px;box-shadow:0 4px 20px #ff6b354d;display:flex;font-size:1.5rem;height:48px;justify-content:center;transform:rotate(-5deg);width:48px}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f5f5f7,#8a8a9a);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.02em}.tagline{color:#4a4a5a;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.mode-selector{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:.5rem;gap:var(--space-xs);margin-bottom:3rem;margin-bottom:var(--space-xl);padding:6px}.mode-btn{background:#0000;border:none;border-radius:12px;color:#8a8a9a;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.875rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium)}.mode-btn:before{border-radius:12px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-medium)}.mode-btn.work:before{background:linear-gradient(135deg,#ff6b35,#ff6b3580);background:linear-gradient(135deg,var(--accent-work),#ff6b3580)}.mode-btn.break:before{background:linear-gradient(135deg,#00d9a5,#00d9a580);background:linear-gradient(135deg,var(--accent-break),#00d9a580)}.mode-btn.long-break:before{background:linear-gradient(135deg,#7c5cff,#7c5cff80);background:linear-gradient(135deg,var(--accent-long-break),#7c5cff80)}.mode-btn.active{color:#f5f5f7;color:var(--text-primary)}.mode-btn.active:before{opacity:1}.mode-btn span{position:relative;z-index:1}.mode-btn:hover:not(.active){background:#ffffff0d;color:#f5f5f7;color:var(--text-primary)}.timer-section{margin-bottom:3rem;margin-bottom:var(--space-xl);text-align:center}.timer-ring-container{height:320px;margin:0 auto 2rem;margin:0 auto var(--space-lg);position:relative;width:320px}.timer-ring{height:100%;transform:rotate(-90deg);width:100%}.timer-ring-bg{fill:none;stroke:#2a2a3a;stroke:var(--border-color);stroke-width:8}.timer-ring-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s cubic-bezier(.4,0,.2,1);transition:stroke-dashoffset 1s linear,stroke var(--transition-medium)}.timer-ring-progress.work{stroke:url(#gradient-work)}.timer-ring-progress.break{stroke:url(#gradient-break)}.timer-ring-progress.long-break{stroke:url(#gradient-long-break)}.timer-content{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.timer-display{font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:4.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:.5rem;margin-bottom:var(--space-xs);transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-medium)}.timer-display.work{color:#ff6b35;color:var(--accent-work);text-shadow:0 0 60px #ff6b3566}.timer-display.break{color:#00d9a5;color:var(--accent-break);text-shadow:0 0 60px #00d9a566}.timer-display.long-break{color:#7c5cff;color:var(--accent-long-break);text-shadow:0 0 60px #7c5cff66}.timer-label{color:#4a4a5a;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.timer-ring-container.running .timer-content{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.controls{gap:1.5rem;gap:var(--space-md);margin-bottom:3rem;margin-bottom:var(--space-xl)}.control-btn,.controls{display:flex;justify-content:center}.control-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;height:64px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium);width:64px}.control-btn.primary{background:linear-gradient(135deg,#ff6b35,#ff8c5a);background:linear-gradient(135deg,var(--accent-work),#ff8c5a);box-shadow:0 4px 20px #ff6b3566,0 0 0 0 #ff6b3566;height:80px;width:80px}.control-btn.primary.break{background:linear-gradient(135deg,#00d9a5,#33e6b8);background:linear-gradient(135deg,var(--accent-break),#33e6b8);box-shadow:0 4px 20px #00d9a566,0 0 0 0 #00d9a566}.control-btn.primary.long-break{background:linear-gradient(135deg,#7c5cff,#9b7fff);background:linear-gradient(135deg,var(--accent-long-break),#9b7fff);box-shadow:0 4px 20px #7c5cff66,0 0 0 0 #7c5cff66}.control-btn.primary:hover{transform:scale(1.08)}.control-btn.primary:active{transform:scale(.95)}.control-btn.secondary{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);color:#8a8a9a;color:var(--text-secondary)}.control-btn.secondary:hover{background:#12121a;background:var(--bg-secondary);border-color:#4a4a5a;border-color:var(--text-muted);color:#f5f5f7;color:var(--text-primary);transform:scale(1.05)}.control-btn.secondary:active{transform:scale(.95)}.control-btn svg{height:24px;width:24px}.control-btn.primary svg{color:#0a0a0f;color:var(--bg-primary);height:32px;width:32px}.session-info{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:2rem;gap:var(--space-lg);justify-content:center;padding:1.5rem;padding:var(--space-md)}.session-stat{text-align:center}.session-stat-value{color:#f5f5f7;color:var(--text-primary);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.session-stat-label{color:#4a4a5a;color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.settings-toggle{align-items:center;background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:12px;color:#8a8a9a;color:var(--text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:1.5rem;right:var(--space-md);top:1.5rem;top:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium);width:48px;z-index:100}.settings-toggle:hover{color:#f5f5f7;color:var(--text-primary);transform:rotate(45deg)}.settings-panel,.settings-toggle:hover{background:#12121a;background:var(--bg-secondary)}.settings-panel{border-left:1px solid #2a2a3a;border-left:1px solid var(--border-color);height:100vh;max-width:400px;overflow-y:auto;padding:3rem 2rem;padding:var(--space-xl) var(--space-lg);position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow);width:100%;z-index:99}.settings-panel.open{transform:translateX(0)}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;opacity:0;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium);visibility:hidden;z-index:98}.settings-overlay.open{opacity:1;visibility:visible}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--space-xl)}.settings-header h2{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.settings-close{align-items:center;background:#0000;border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:10px;color:#8a8a9a;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.settings-close:hover{background:#1a1a24;background:var(--bg-card);color:#f5f5f7;color:var(--text-primary)}.settings-group{margin-bottom:2rem;margin-bottom:var(--space-lg)}.settings-group-title{color:#4a4a5a;color:var(--text-muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;margin-bottom:1rem;margin-bottom:var(--space-sm);text-transform:uppercase}.setting-item{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 0;padding:var(--space-sm) 0}.setting-item:last-child{border-bottom:none}.setting-label{font-size:.95rem}.setting-input,.setting-label{color:#f5f5f7;color:var(--text-primary)}.setting-input{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:8px;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:.875rem;padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:80px}.setting-input:focus{border-color:#ff6b35;border-color:var(--accent-work);box-shadow:0 0 0 3px #ff6b3533;outline:none}.notification{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:12px;bottom:2rem;bottom:var(--space-lg);box-shadow:0 10px 40px #0000004d;color:#f5f5f7;color:var(--text-primary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.95rem;left:50%;opacity:0;padding:1rem 2rem;padding:var(--space-sm) var(--space-lg);position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-medium);z-index:1000}.notification.show{opacity:1;transform:translateX(-50%) translateY(0)}.notification.work{border-color:#ff6b35;border-color:var(--accent-work);box-shadow:0 10px 40px #ff6b3533}.notification.break{border-color:#00d9a5;border-color:var(--accent-break);box-shadow:0 10px 40px #00d9a533}@media (max-width:480px){.container{padding:1.5rem;padding:var(--space-md)}.logo h1{font-size:1.5rem}.timer-ring-container{height:280px;width:280px}.timer-display{font-size:3.5rem}.mode-btn{font-size:.75rem;padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm)}.control-btn.primary{height:70px;width:70px}.settings-panel{max-width:100%}}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.timer-ring-container.completed{animation:celebrate .5s ease-out}.timer-ring-container.clickable{cursor:pointer}.timer-ring-container.clickable:hover .timer-ring-bg{stroke:#4a4a5a;stroke:var(--text-muted);transition:stroke .3s cubic-bezier(.4,0,.2,1);transition:stroke var(--transition-medium)}.edit-hint{font-size:.65rem;opacity:.6}.duration-picker{animation:fadeInScale .2s ease-out;background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #00000080;left:50%;max-width:360px;padding:2rem;padding:var(--space-lg);position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:50}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.duration-picker-header{align-items:center;color:#f5f5f7;color:var(--text-primary);display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-weight:600;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-md)}.duration-picker-close{align-items:center;background:#0000;border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:8px;color:#8a8a9a;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.duration-picker-close:hover{background:#12121a;background:var(--bg-secondary);color:#f5f5f7;color:var(--text-primary)}.duration-picker-close svg{height:16px;width:16px}.duration-presets{grid-gap:.5rem;grid-gap:var(--space-xs);display:grid;gap:.5rem;gap:var(--space-xs);grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.duration-preset-btn{background:#12121a;background:var(--bg-secondary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:10px;color:#8a8a9a;color:var(--text-secondary);cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:.8rem;padding:1rem;padding:var(--space-sm);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.duration-preset-btn:hover{background:#0a0a0f;background:var(--bg-primary);border-color:#4a4a5a;border-color:var(--text-muted);color:#f5f5f7;color:var(--text-primary)}.duration-preset-btn.active{background:#ff6b35;background:var(--accent-work);border-color:#ff6b35;border-color:var(--accent-work);color:#0a0a0f;color:var(--bg-primary)}.mode-btn.break+.timer-section .duration-preset-btn.active,.timer-section:has(.timer-display.break) .duration-preset-btn.active{background:#00d9a5;background:var(--accent-break);border-color:#00d9a5;border-color:var(--accent-break)}.timer-section:has(.timer-display.long-break) .duration-preset-btn.active{background:#7c5cff;background:var(--accent-long-break);border-color:#7c5cff;border-color:var(--accent-long-break)}.duration-custom{border-top:1px solid #2a2a3a;border-top:1px solid var(--border-color);padding-top:1.5rem;padding-top:var(--space-md)}.duration-custom-label{color:#4a4a5a;color:var(--text-muted);display:block;font-size:.75rem;margin-bottom:1rem;margin-bottom:var(--space-sm)}.duration-custom-form{align-items:center;display:flex;gap:.5rem;gap:var(--space-xs)}.duration-custom-input{background:#12121a;background:var(--bg-secondary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:10px;color:#f5f5f7;color:var(--text-primary);flex:1 1;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:1rem;padding:1rem;padding:var(--space-sm);text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.duration-custom-input:focus{border-color:#ff6b35;border-color:var(--accent-work);box-shadow:0 0 0 3px #ff6b3533;outline:none}.duration-custom-input::placeholder,.duration-custom-unit{color:#4a4a5a;color:var(--text-muted)}.duration-custom-unit{font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:.875rem}.duration-custom-btn{background:linear-gradient(135deg,#ff6b35,#ff8c5a);background:linear-gradient(135deg,var(--accent-work),#ff8c5a);border:none;border-radius:10px;color:#0a0a0f;color:var(--bg-primary);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.875rem;font-weight:600;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.duration-custom-btn:hover{transform:scale(1.05)}.duration-custom-btn:active{transform:scale(.98)}.timer-section{position:relative}
/*# sourceMappingURL=main.47dc1182.css.map*/