*{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 .5s ease;position:relative;overflow:hidden}.app.work{background:linear-gradient(180deg,#0e1620,#0c141e,#0a121c)}.app.shortBreak{background:linear-gradient(180deg,#0f1a24,#0d1822,#0b1620)}.app.longBreak{background:linear-gradient(180deg,#0b1018,#090e16,#070c14)}.rain-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;opacity:0;transition:opacity .8s ease}.rain-container.active{opacity:1}.raindrop{position:absolute;top:-30px;width:1.5px;background:linear-gradient(to bottom,transparent,rgba(160,190,220,.5));border-radius:0 0 1px 1px;animation:rainFall linear infinite}@keyframes rainFall{0%{transform:translateY(0)}to{transform:translateY(calc(100vh + 30px))}}.window-drops{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1;opacity:0;transition:opacity .8s ease}.window-drops.active{opacity:1}.window-drop{position:absolute;top:-8%;width:4px;height:4px;background:radial-gradient(circle,rgba(180,210,235,.55) 0%,rgba(180,210,235,.25) 40%,transparent 70%);border-radius:50% 50% 50% 40%;animation:windowDrip linear infinite;z-index:1}.window-drop:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:1.5px;height:18px;background:linear-gradient(to top,rgba(180,210,235,.2),transparent);border-radius:1px}@keyframes windowDrip{0%{top:-8%;opacity:0}8%{opacity:1}85%{opacity:.6}to{top:108%;opacity:0}}.container{text-align:center;padding:2rem;max-width:600px;position:relative;z-index:2}.header{margin-bottom:3rem}.title{color:#c8dce8;font-size:3rem;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.theme-toggle{position:fixed;top:2rem;right:2rem;display:grid;grid-template-columns:1fr 1fr;gap:0;border:3px solid #3d5a70;z-index:1000}.theme-btn{padding:.5rem 1rem;border:none;border-right:3px solid #3d5a70;background:#8caac81a;color:#728fa3;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:#8caac833;color:#c8dce8}.theme-btn.active{background:#8caac840;color:#e0eaf2}.sound-toggle{position:fixed;top:2rem;left:2rem;border:3px solid #3d5a70;z-index:1000}.sound-btn{padding:.5rem 1rem;border:none;background:#8caac81a;color:#728fa3;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.sound-btn:hover{background:#8caac833;color:#c8dce8}.sound-icon{display:flex;align-items:center;justify-content:center;position:relative}.sound-btn.playing{color:#c8dce8;background:#8caac826}.sound-btn.playing .sound-icon{filter:drop-shadow(0 0 4px rgba(160,200,230,.5))}.sound-label{font-size:.75rem}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:4rem;border:3px solid #3d5a70}.mode-btn{padding:1rem;border:none;border-right:3px solid #3d5a70;background:#8caac814;color:#728fa3;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:#8caac82e;color:#c8dce8}.mode-btn.active{background:#8caac840;color:#e0eaf2}.timer-display{position:relative;margin-bottom:4rem;background:linear-gradient(180deg,#6491b91f,#507da50f 35%,#46739b0a 60%,#507da51a);border:6px solid #3d5a70;padding:3rem 2rem;overflow:hidden;box-shadow:inset 0 1px #a0bedc14,inset 0 -1px #00000026,0 4px 24px #00000059}.timer-display:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(140,175,210,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(140,175,210,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.mode-label{color:#728fa3;font-size:1rem;font-weight:700;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.15em;position:relative;z-index:2}.time{font-size:7rem;font-weight:900;color:#d0dfe8;line-height:1;margin-bottom:0;font-variant-numeric:tabular-nums;position:relative;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.25)}.progress-bar{position:absolute;bottom:0;left:0;width:100%;height:12px;background:#0000004d;z-index:2}.progress-fill{height:100%;background:linear-gradient(90deg,#4a8ea5,#6ab0c8);transition:width 1s linear}.controls{display:grid;grid-template-columns:2fr 1fr;gap:0;margin-bottom:3rem}.control-btn{padding:1.25rem 2rem;border:3px solid #3d5a70;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;background:#8caac814;color:#728fa3}.control-btn:last-child{border-right:3px solid #3d5a70}.control-btn:hover{background:#8caac82e;color:#c8dce8}.control-btn.pressed{background:#8caac840;color:#e0eaf2}.sessions{color:#728fa3;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sessions-count{padding:.75rem 0;border-bottom:3px solid #3d5a70;display:inline-block}.app.minimal.work{background:#e63946}.app.minimal.shortBreak{background:#f1c40f}.app.minimal.longBreak{background:#457b9d}.app.minimal .title{color:#1d1d1d;text-shadow:none}.app.minimal .theme-toggle,.app.minimal .sound-toggle{border-color:#1d1d1d}.app.minimal .theme-btn{border-right-color:#1d1d1d;background:#f8f8f8;color:#1d1d1d}.app.minimal .theme-btn:last-child{border-right-color:transparent}.app.minimal .theme-btn:hover{background:#464646;color:#f8f8f8}.app.minimal .theme-btn.active{background:#1d1d1d;color:#f8f8f8}.app.minimal .sound-btn{background:#f8f8f8;color:#1d1d1d}.app.minimal .sound-btn:hover{background:#464646;color:#f8f8f8}.app.minimal .mode-selector{border-color:#1d1d1d}.app.minimal .mode-btn{border-right-color:#1d1d1d;background:#f8f8f8;color:#1d1d1d}.app.minimal .mode-btn:last-child{border-right-color:transparent}.app.minimal .mode-btn:hover{background:#464646;color:#f8f8f8}.app.minimal .mode-btn.active{background:#1d1d1d;color:#f8f8f8}.app.minimal .timer-display{background:#f8f8f8;border-color:#1d1d1d;border-width:6px;box-shadow:none}.app.minimal .timer-display:before{display:none}.app.minimal .mode-label{color:#1d1d1d}.app.minimal .time{color:#1d1d1d;text-shadow:none}.app.minimal .progress-bar{background:#d9d9d9}.app.minimal .progress-fill{background:#1d1d1d}.app.minimal .control-btn,.app.minimal .control-btn:last-child{border-color:#1d1d1d;background:#f8f8f8;color:#1d1d1d}.app.minimal .control-btn:hover{background:#464646;color:#f8f8f8}.app.minimal .control-btn.pressed{background:#1d1d1d;color:#f8f8f8}.app.minimal .sessions{color:#1d1d1d}.app.minimal .sessions-count{border-bottom-color:#1d1d1d}@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:3px solid #3d5a70}.mode-btn:last-child{border-bottom:none}.app.minimal .mode-btn{border-bottom-color:#1d1d1d;border-right:none}.app.minimal .mode-btn:last-child{border-bottom-color:transparent}.controls{grid-template-columns:1fr}.control-btn{border-right:3px solid #3d5a70;border-bottom:none}.control-btn:last-child{border-bottom:3px solid #3d5a70}.app.minimal .control-btn{border-color:#1d1d1d}.container{padding:5rem 1rem 1rem}.dark-mode-toggle,.theme-toggle{top:1rem;right:1rem;grid-template-columns:auto auto}.sound-toggle{top:1rem;left:1rem}.sound-btn{padding:.4rem .75rem}.sound-label{font-size:.65rem}.sound-icon svg{width:18px;height:18px}.theme-btn{padding:.4rem .75rem;font-size:.7rem}}@media (max-width: 480px){.title{font-size:1.5rem}.dark-mode-toggle,.theme-toggle{top:.75rem;right:.75rem}.sound-toggle{top:.75rem;left:.75rem}.sound-btn{padding:.35rem .6rem}.sound-label{font-size:.6rem}.sound-icon svg{width:16px;height:16px}.theme-btn{padding:.35rem .6rem;font-size:.65rem}}