.pomodoro-card{border-radius:24px;color:#fff;padding:2.5rem;text-align:center;transition:background .5s ease}.pomodoro-card,.pomodoro-card.mode-work{background:linear-gradient(135deg,#eb3349,#f45c43)}.pomodoro-card.mode-short-break{background:linear-gradient(135deg,#11998e,#38ef7d)}.pomodoro-card.mode-long-break{background:linear-gradient(135deg,#667eea,#764ba2)}.mode-tabs{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.mode-tabs .mode-tab{margin-bottom:.5rem;margin-right:.5rem}.mode-tabs .mode-tab:last-child{margin-right:0}.mode-tab{background:hsla(0,0%,100%,.2);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.mode-tab:hover{background:hsla(0,0%,100%,.3)}.mode-tab.active{background:#fff;color:#c9302c}.mode-short-break .mode-tab.active{color:#0e7e75}.mode-long-break .mode-tab.active{color:#4e56d0}.timer-display-section{margin-bottom:2rem}.timer-display{font-family:Courier New,monospace;font-size:8rem;font-weight:700;line-height:1;text-shadow:0 4px 20px rgb(0 0 0/20%)}.timer-label{font-size:1.25rem;margin-top:.5rem;opacity:.9}.session-counter{margin-bottom:2rem}.session-counter span{font-size:.875rem;opacity:.8}.session-dots{display:flex;justify-content:center;margin-top:.75rem}.session-dots .session-dot{margin-right:.5rem}.session-dots .session-dot:last-child{margin-right:0}.session-dot{background:hsla(0,0%,100%,.3);border-radius:50%;height:12px;transition:all .3s ease;width:12px}.session-dot.active{background:#fff;transform:scale(1.2)}.session-dot.completed{background:hsla(0,0%,100%,.7)}.timer-controls{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.timer-controls .btn-pomodoro{margin-bottom:.5rem;margin-right:1rem}.timer-controls .btn-pomodoro:last-child{margin-right:0}.btn-pomodoro{align-items:center;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-weight:600;min-width:100px;padding:1rem 2rem;transition:all .3s ease}.btn-pomodoro span{margin-top:.5rem}.btn-pomodoro i{font-size:1.5rem}.btn-pomodoro:hover{background:hsla(0,0%,100%,.2);transform:translateY(-3px)}.btn-start{background:#fff;border-color:#fff;color:#c9302c}.mode-short-break .btn-start{color:#0e7e75}.mode-long-break .btn-start{color:#4e56d0}.btn-start:hover{background:hsla(0,0%,100%,.9)}.task-section{margin-bottom:1.5rem}.task-input{background:hsla(0,0%,100%,.2);border:none;border-radius:30px;color:#fff;font-size:1rem;max-width:400px;padding:.75rem 1.25rem;text-align:center;width:100%}.task-input::-moz-placeholder{color:hsla(0,0%,100%,.7)}.task-input::placeholder{color:hsla(0,0%,100%,.7)}.task-input:focus{background:hsla(0,0%,100%,.3);outline:none}.btn-settings{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:.875rem;transition:color .3s ease}.btn-settings:hover{color:#fff}.settings-panel{background:rgb(0 0 0/20%);border-radius:16px;margin-top:1.5rem;padding:1.5rem;text-align:left}.settings-panel h5{margin-bottom:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.settings-grid .setting-item{margin-bottom:1rem;margin-right:1rem}.setting-item label{display:block;font-size:.875rem;margin-bottom:.5rem;opacity:.9}.setting-item input[type=number]{background:hsla(0,0%,100%,.2);border:none;border-radius:8px;color:#fff;padding:.5rem;text-align:center;width:100%}.setting-item input[type=checkbox]{height:18px;width:18px}.stats-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgb(0 0 0/10%);padding:1.5rem}.stats-card h5{color:#495057;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stats-grid .stat-item{margin-right:1rem}.stats-grid .stat-item:last-child{margin-right:0}.stat-item{background:#f8f9fa;border-radius:12px;padding:1rem;text-align:center}.stat-value{color:#c9302c;display:block;font-size:2rem;font-weight:700}.stat-label{color:#545b62;font-size:.875rem}.content-section{background:#f8f9fa;border-radius:16px;padding:2rem}.guide-list{font-size:1.05rem;line-height:1.8}.guide-list li{margin-bottom:.75rem}.benefit-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgb(0 0 0/6%);height:100%;padding:1.5rem}.benefit-box h5{color:#c9302c;margin-bottom:.75rem}.benefit-box p{color:#495057;margin:0}@media(width <= 768px){.timer-display{font-size:5rem}.mode-tab{font-size:.875rem;padding:.5rem 1rem}.btn-pomodoro{min-width:80px;padding:.75rem 1.25rem}.stats-grid{grid-template-columns:1fr}.stats-grid .stat-item{margin-bottom:1rem;margin-right:0}.stats-grid .stat-item:last-child{margin-bottom:0}}
/*# sourceMappingURL=pomodoro-timer.min.css.map*/