@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap";body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary: #F5EBE0;--bg-secondary: #E8DFD3;--bg-tertiary: #DED4C6;--bg-card: #FFFCF8;--text-primary: #2C2416;--text-secondary: #6B5E4A;--text-muted: #9A8B76;--accent-work: #D4725F;--accent-work-light: #E89B87;--accent-short-break: #7D9E7E;--accent-long-break: #6B8EAD;--border-color: #D4C9BB;--shadow-soft: 0 4px 20px rgba(44, 36, 22, .08);--shadow-medium: 0 8px 32px rgba(44, 36, 22, .12);--shadow-strong: 0 16px 48px rgba(44, 36, 22, .16);--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#root{max-width:520px;margin:0 auto;padding:1.5rem}.app{min-height:100vh;display:flex;flex-direction:column;gap:1.5rem}.modal-overlay{position:fixed;inset:0;background:#2c241699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:var(--radius-xl);padding:2rem;max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow-strong);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon{font-size:3rem;margin-bottom:1rem}.modal h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.modal p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9375rem}.pricing-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem}.pricing-price{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent-work)}.pricing-price span{font-size:1rem;font-weight:400;color:var(--text-secondary)}.pricing-features{list-style:none;margin:1rem 0;text-align:left}.pricing-features li{padding:.5rem 0;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9375rem}.pricing-features li:before{content:"✓";color:var(--accent-short-break);font-weight:600}.btn-upgrade{display:block;width:100%;background:var(--accent-work);color:#fff;text-decoration:none;padding:1rem;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-display);transition:all .2s ease}.btn-upgrade:hover{background:#c56350;transform:translateY(-2px);box-shadow:0 4px 12px #d4725f4d}.btn-close{background:transparent;border:none;color:var(--text-secondary);font-size:.9375rem;cursor:pointer;padding:.5rem}.btn-close:hover{color:var(--text-primary)}.break-reminder{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--bg-card);border-radius:var(--radius-lg);padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-strong);z-index:100;animation:slideDown .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.reminder-icon{font-size:1.5rem}.reminder-content{display:flex;flex-direction:column;text-align:left}.reminder-content strong{font-family:var(--font-display);font-weight:600;color:var(--accent-short-break)}.reminder-content span{font-size:.875rem;color:var(--text-secondary)}.header{text-align:center;padding:1rem 0}.logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.25rem}.logo-icon{width:32px;height:32px;color:var(--accent-work)}.header h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.subtitle{color:var(--text-muted);font-size:.9375rem;font-weight:400}.stats-bar{background:var(--bg-card);border-radius:var(--radius-lg);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;box-shadow:var(--shadow-soft)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.125rem}.stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:32px;background:var(--border-color)}.quota-badge{margin-left:auto}.quota-warning{font-size:.75rem;color:var(--accent-work);font-weight:600;background:#d4725f1a;padding:.25rem .5rem;border-radius:var(--radius-sm)}.quota-empty{font-size:.75rem;color:#c56350;font-weight:600;background:#c563501a;padding:.25rem .5rem;border-radius:var(--radius-sm)}.timer-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:2rem 1.5rem;text-align:center;box-shadow:var(--shadow-soft)}.mode-tabs{display:flex;gap:.375rem;background:var(--bg-secondary);padding:.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem}.mode-tab{flex:1;padding:.625rem .75rem;background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border-radius:6px;transition:all .2s ease}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #2c241614}.timer-ring{position:relative;width:220px;height:220px;margin:0 auto 1.5rem}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring.work .timer-svg{color:var(--accent-work-light)}.timer-ring.shortBreak .timer-svg{color:var(--accent-short-break)}.timer-ring.longBreak .timer-svg{color:var(--accent-long-break)}.timer-progress{transition:stroke-dashoffset .5s ease}.timer-ring.work .timer-progress{stroke:var(--accent-work)}.timer-ring.shortBreak .timer-progress{stroke:var(--accent-short-break)}.timer-ring.longBreak .timer-progress{stroke:var(--accent-long-break)}.timer-display{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3.25rem;font-weight:600;letter-spacing:-.02em}.timer-ring.work .timer-display{color:var(--accent-work)}.timer-ring.shortBreak .timer-display{color:var(--accent-short-break)}.timer-ring.longBreak .timer-display{color:var(--accent-long-break)}.timer-controls{display:flex;gap:.75rem;justify-content:center}.btn-primary{background:var(--accent-work);color:#fff;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #d4725f40;min-width:140px}.btn-primary:hover{background:#c56350;transform:translateY(-1px);box-shadow:0 6px 16px #d4725f4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:none;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.active-task{margin-top:1.25rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;gap:.5rem;justify-content:center}.active-task-label{font-size:.8125rem;color:var(--text-muted)}.active-task-text{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.tasks-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-soft)}.tasks-section h2{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.add-task{display:flex;gap:.625rem;margin-bottom:1.25rem}.add-task input{flex:1;background:var(--bg-secondary);border:2px solid transparent;color:var(--text-primary);padding:.75rem 1rem;font-size:.9375rem;font-family:var(--font-body);border-radius:var(--radius-md);outline:none;transition:all .2s ease}.add-task input::placeholder{color:var(--text-muted)}.add-task input:focus{border-color:var(--accent-work);background:var(--bg-card)}.btn-add{background:var(--accent-work);color:#fff;border:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-add:hover{background:#c56350;transform:scale(1.05)}.task-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);padding:.75rem 1rem;border-radius:var(--radius-md);border:2px solid transparent;transition:all .2s ease;cursor:pointer}.task-item:hover{background:var(--bg-tertiary)}.task-item.active{border-color:var(--accent-work);background:#d4725f14}.task-item.completed{opacity:.6}.task-item.completed .task-text{text-decoration:line-through;color:var(--text-muted)}.task-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.task-checkbox input{position:absolute;opacity:0;width:0;height:0}.checkmark{width:20px;height:20px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.task-checkbox input:checked+.checkmark{background:var(--accent-short-break);border-color:var(--accent-short-break)}.task-checkbox input:checked+.checkmark:after{content:"";width:6px;height:10px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}.task-text{flex:1;font-size:.9375rem;color:var(--text-primary)}.task-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.pomodoro-count{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--text-muted);min-width:32px}.pomodoro-count svg{color:var(--accent-work)}.btn-pomodoro{background:var(--bg-card);color:var(--accent-work);border:1px solid var(--border-color);width:24px;height:24px;font-size:.875rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-pomodoro:hover{background:var(--accent-work);color:#fff;border-color:var(--accent-work)}.btn-delete{background:transparent;color:var(--text-muted);border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:all .2s ease}.btn-delete:hover{background:#e85a4f;color:#fff}.empty-state{text-align:center;padding:2rem 1rem}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.empty-state p{color:var(--text-muted);font-size:.9375rem}.alltime-stats{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-soft)}.alltime-stats h3{font-family:var(--font-display);font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.alltime-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.alltime-item{display:flex;flex-direction:column;gap:.25rem}.alltime-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.alltime-label{font-size:.8125rem;color:var(--text-muted)}.footer{text-align:center;padding:1rem 0;color:var(--text-muted);font-size:.8125rem}@media(max-width:480px){#root{padding:1rem}.header h1{font-size:1.5rem}.timer-ring{width:180px;height:180px}.timer-display{font-size:2.5rem}.btn-primary{padding:.75rem 1.5rem;font-size:.9375rem;min-width:120px}.stats-bar{padding:.875rem 1rem;gap:1rem}.stat-value{font-size:1.125rem}.mode-tab{padding:.5rem;font-size:.75rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-ring:has(.timer-display){animation:none}.timer-ring:has(.timer-display):focus-within{animation:pulse 2s ease-in-out infinite}