*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;transition:background .3s ease;position:relative;overflow:hidden}.app.work{background:#e63946}.app.shortBreak{background:#f1c40f}.app.longBreak{background:#457b9d}.app.dark.work{background:#8b1e1e}.app.dark.shortBreak{background:#9a7d0a}.app.dark.longBreak{background:#1c3d5a}.app.dark .title{color:#f8f8f8}.app.dark .mode-selector{border-color:#f8f8f8}.app.dark .mode-btn{background:#2d2d2d;color:#f8f8f8;border-right-color:#f8f8f8}.app.dark .mode-btn:hover{background:#d7d7d7;color:#1d1d1d}.app.dark .mode-btn.active{background:#f8f8f8;color:#1d1d1d}.app.dark .timer-display{background:#2d2d2d;border-color:#f8f8f8}.app.dark .mode-label,.app.dark .time{color:#f8f8f8}.app.dark .progress-bar{background:#1d1d1d}.app.dark .progress-fill{background:#f8f8f8}.app.dark .control-btn{border-color:#f8f8f8}.app.dark .control-btn{background:#1d1d1d;color:#f8f8f8}.app.dark .control-btn:hover{background:#d7d7d7;color:#1d1d1d}.app.dark .control-btn.pressed{background:#f8f8f8;color:#1d1d1d}.app.dark .sessions{color:#f8f8f8}.app.dark .sessions-count{border-bottom-color:#f8f8f8}.app.dark .dark-mode-toggle{border-color:#f8f8f8}.app.dark .theme-btn{background:#2d2d2d;color:#f8f8f8;border-right-color:#f8f8f8}.app.dark .theme-btn:hover{background:#d7d7d7;color:#1d1d1d}.app.dark .theme-btn.active{background:#f8f8f8;color:#1d1d1d}.container{text-align:center;padding:2rem;max-width:600px;position:relative}.header{margin-bottom:3rem}.title{color:#1d1d1d;font-size:3rem;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:.1em}.dark-mode-toggle{position:fixed;top:2rem;right:2rem;display:grid;grid-template-columns:1fr 1fr;gap:0;border:4px solid #1D1D1D;z-index:1000}.theme-btn{padding:.5rem 1rem;border:none;border-right:4px solid #1D1D1D;background:#f8f8f8;color:#1d1d1d;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.theme-btn:last-child{border-right:none}.theme-btn:hover{background:#464646;color:#f8f8f8}.theme-btn.active{background:#1d1d1d;color:#f8f8f8}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:4rem;border:4px solid #1D1D1D}.mode-btn{padding:1rem;border:none;border-right:4px solid #1D1D1D;background:#f8f8f8;color:#1d1d1d;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.mode-btn:last-child{border-right:none}.mode-btn:hover{background:#464646;color:#f8f8f8}.mode-btn.active,.app .mode-btn.active{background:#1d1d1d;color:#f8f8f8}.timer-display{position:relative;margin-bottom:4rem;background:#f8f8f8;border:6px solid #1D1D1D;padding:3rem 2rem}.mode-label{color:#1d1d1d;font-size:1rem;font-weight:700;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.15em}.time{font-size:7rem;font-weight:900;color:#1d1d1d;line-height:1;margin-bottom:0;font-variant-numeric:tabular-nums}.progress-bar{position:absolute;bottom:0;left:0;width:100%;height:12px;background:#d9d9d9}.progress-fill{height:100%;background:#1d1d1d;transition:width 1s linear}.controls{display:grid;grid-template-columns:2fr 1fr;gap:0;margin-bottom:3rem}.control-btn{padding:1.25rem 2rem;border:4px solid #1D1D1D;border-right:none;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.control-btn:last-child{border-right:4px solid #1D1D1D}.control-btn{background:#f8f8f8;color:#1d1d1d}.control-btn:hover{background:#464646;color:#f8f8f8}.control-btn.pressed{background:#1d1d1d;color:#f8f8f8}.sessions{color:#1d1d1d;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sessions-count{padding:.75rem 0;border-bottom:3px solid #1D1D1D;display:inline-block}@media (max-width: 768px){.title{font-size:2rem;margin-bottom:2rem;padding-right:0}.time{font-size:4.5rem}.timer-display{padding:2rem 1rem}.mode-selector{grid-template-columns:1fr;margin-bottom:3rem}.mode-btn{border-right:none;border-bottom:4px solid}.mode-btn:last-child{border-bottom:none}.controls{grid-template-columns:1fr}.control-btn{border-right:4px solid;border-bottom:none}.control-btn:last-child{border-bottom:4px solid}.container{padding:5rem 1rem 1rem}.dark-mode-toggle{top:1rem;right:1rem;grid-template-columns:auto auto}.theme-btn{padding:.4rem .75rem;font-size:.7rem}}@media (max-width: 480px){.title{font-size:1.5rem}.dark-mode-toggle{top:.75rem;right:.75rem}.theme-btn{padding:.35rem .6rem;font-size:.65rem}}