@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400&display=swap);body{-moz-osx-font-smoothing:grayscale;margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--bg-surface:#16213e;--bg-card:#0f3460;--accent:#e85d50;--accent-dim:#e85d5026;--green:#4caf50;--text:#e0e0e0;--text-muted:#8888a0;--text-dim:#555570;--border:#ffffff12;--radius:12px;--font:"Inter","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Mono",monospace}body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#1a1a2e;background:var(--bg);color:#e0e0e0;color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-family:var(--font);font-size:15px;line-height:1.6}.app{display:flex;flex-direction:column;margin:0 auto;max-width:640px;min-height:100vh;padding:0 16px}.app-header{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:28px;padding:20px 0 16px}.app-header,.app-logo{align-items:center;display:flex}.app-logo{gap:10px}.logo-dot{background:#e85d50;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #e85d50;box-shadow:0 0 8px var(--accent);height:10px;width:10px}.app-title{color:#e0e0e0;color:var(--text);font-size:20px;font-weight:600;letter-spacing:.02em}.app-nav{background:#ffffff0a;border-radius:8px;display:flex;gap:4px;padding:3px}.nav-btn{align-items:center;background:none;border:none;border-radius:6px;color:#8888a0;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:5px 14px;transition:all .15s}.nav-btn:hover{color:#e0e0e0;color:var(--text)}.nav-active{background:#ffffff14!important;color:#e0e0e0!important;color:var(--text)!important}.nav-badge{background:#e85d50;background:var(--accent);border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:1.4;padding:1px 5px}.app-main{flex:1 1}.app-footer{border-top:1px solid #ffffff12;border-top:1px solid var(--border);color:#555570;color:var(--text-dim);font-size:12px;margin-top:28px;padding:20px 0;text-align:center}.timer-page{align-items:center;gap:24px}.session-config,.timer-page{display:flex;flex-direction:column}.session-config{background:#16213e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);gap:14px;padding:18px 20px;width:100%}.config-row{align-items:center;display:flex;gap:12px}.config-label{color:#8888a0;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.08em;min-width:60px;text-transform:uppercase}.duration-pills{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pill{background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;color:#8888a0;color:var(--text-muted);cursor:pointer;font-size:13px;padding:4px 12px;transition:all .15s}.pill:hover:not(:disabled){border-color:#e85d50;border-color:var(--accent);color:#e0e0e0;color:var(--text)}.pill-active{background:#e85d5026!important;background:var(--accent-dim)!important;border-color:#e85d50!important;border-color:var(--accent)!important;color:#e85d50!important;color:var(--accent)!important}.pill:disabled{cursor:not-allowed;opacity:.4}.duration-custom{-moz-appearance:textfield;background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;color:#e0e0e0;color:var(--text);font-size:13px;padding:4px 8px;text-align:center;width:56px}.duration-custom::-webkit-inner-spin-button,.duration-custom::-webkit-outer-spin-button{-webkit-appearance:none}.duration-custom:disabled{cursor:not-allowed;opacity:.4}.duration-custom:focus{border-color:#e85d50;border-color:var(--accent);outline:none}.task-input{background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;color:#e0e0e0;color:var(--text);flex:1 1;font-size:14px;padding:6px 12px;transition:border-color .15s}.task-input::placeholder{color:#555570;color:var(--text-dim)}.task-input:focus{border-color:#e85d50;border-color:var(--accent);outline:none}.task-input:disabled{cursor:not-allowed;opacity:.4}.timer-container{gap:24px}.timer-container,.timer-display{align-items:center;display:flex;flex-direction:column}.timer-display{gap:4px}.timer-time{color:#e0e0e0;color:var(--text);font-family:JetBrains Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:56px;font-weight:300;letter-spacing:.05em;line-height:1}.timer-running{color:#fff}.timer-state-label{color:#8888a0;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.timer-done-label{color:#4caf50;color:var(--green);font-size:13px;font-weight:600;letter-spacing:.05em}.timer-controls{display:flex;gap:10px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.02em;padding:9px 24px;transition:all .15s}.btn-primary{background:#e85d50;background:var(--accent);color:#fff}.btn-primary:hover{background:#d44d40;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff14;border:1px solid #ffffff12;border:1px solid var(--border);color:#e0e0e0;color:var(--text)}.btn-secondary:hover{background:#ffffff1f}.btn-ghost{background:#0000;border:1px solid #ffffff12;border:1px solid var(--border);color:#8888a0;color:var(--text-muted)}.btn-ghost:hover{border-color:#fff3;color:#e0e0e0;color:var(--text)}.btn-sm{font-size:13px;padding:5px 14px}.sound-panel{background:#16213e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;padding:18px 20px;width:100%}.panel-title{color:#8888a0;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sound-options{display:flex;flex-wrap:wrap;gap:8px}.sound-controls{flex-wrap:wrap;gap:10px}.sound-controls,.volume-row{align-items:center;display:flex}.volume-row{gap:6px;margin-left:auto}.volume-icon{font-size:13px}.volume-slider{appearance:none;background:#ffffff1f;border-radius:4px;cursor:pointer;height:4px;outline:none;width:90px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#e85d50;background:var(--accent);border-radius:50%;cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-thumb{background:#e85d50;background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.stats-panel{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:480px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{align-items:center;background:#16213e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:4px;padding:20px 16px;text-align:center}.stat-value{color:#e85d50;color:var(--accent);font-family:JetBrains Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:36px;font-weight:300;line-height:1}.stat-label{color:#8888a0;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.recent-list{background:#16213e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden}.recent-title{color:#8888a0;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.08em;padding:14px 18px 12px;text-transform:uppercase}.recent-item,.recent-title{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border)}.recent-item{align-items:center;display:flex;font-size:13px;gap:12px;padding:10px 18px}.recent-item:last-child{border-bottom:none}.recent-time{font-feature-settings:"tnum";color:#8888a0;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:96px}.recent-reason{color:#e0e0e0;color:var(--text);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-reason em{font-style:italic}.recent-duration,.recent-reason em{color:#555570;color:var(--text-dim)}.recent-duration{font-family:JetBrains Mono,Fira Mono,monospace;font-family:var(--font-mono);font-size:12px}.empty-state{background:#16213e;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#555570;color:var(--text-dim);font-size:14px;padding:24px;text-align:center}
/*# sourceMappingURL=main.372a51c1.css.map*/