:root{--bg-color-top:#eaf9f5;--bg-color-bottom:#dcecf9;--primary:#52b7c7;--primary-light:#8cd6e2;--text-dark:#375357;--text-muted:#799c9f;--glass-bg:#fff9;--glass-border:#fffc;--glass-shadow:#0000000d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:linear-gradient(135deg, var(--bg-color-top), var(--bg-color-bottom));min-width:320px;min-height:100vh;color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;place-items:center;margin:0;display:flex}#root{width:100%;max-width:1280px;margin:0 auto}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}button{cursor:pointer;border:none;border-radius:9999px;font-family:inherit;transition:all .3s}button:focus{outline:2px solid var(--primary-light);outline-offset:2px}.app-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow);border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:2.5rem;display:flex;position:relative;overflow:hidden}.header{text-align:center;margin-bottom:2rem}.time-display{letter-spacing:-1px;color:var(--primary);margin-bottom:.5rem;font-size:3.5rem;font-weight:700;line-height:1}.subtitle{color:var(--text-muted);font-size:1rem;font-weight:500}.next-drink{background:#fff;border-radius:20px;align-items:center;gap:1rem;width:100%;margin-bottom:2rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 12px #00000005}.countdown-wrapper{flex-grow:1}.countdown-label{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;display:flex}.next-time-exact{opacity:.8;font-size:.8rem;font-weight:500}.countdown-value{color:var(--text-dark);font-size:1.5rem;font-weight:600}.time-remaining{color:var(--primary)}.cup-container{cursor:pointer;z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:2.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 12px 24px #52b7c726}.cup-container:hover{transform:scale(1.05)}.cup-container:active{transform:scale(.95)}.cup-icon{color:var(--primary);z-index:2;width:56px;height:56px;position:relative}.water-wave{background:var(--primary-light);opacity:.2;border-radius:0 0 50% 50%;transition:height .5s ease-in-out;position:absolute;bottom:0;left:0;right:0}.drinking-animation{animation:.6s ease-in-out drinkBounce}@keyframes drinkBounce{0%{transform:scale(1)}40%{transform:scale(.85)rotate(-10deg)}60%{transform:scale(1.1)rotate(5deg)}to{transform:scale(1)}}.progress-section{width:100%;margin-bottom:2rem}.progress-header{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.progress-track{background:#52b7c71a;border-radius:6px;width:100%;height:12px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary-light), var(--primary));border-radius:6px;height:100%;transition:width .8s cubic-bezier(.175,.885,.32,1.275)}.settings{border-top:1px solid #52b7c71a;width:100%;padding-top:1.5rem}.settings-title{color:var(--text-muted);text-align:center;margin-bottom:1rem;font-size:.875rem}.intervals{justify-content:space-between;gap:.5rem;display:flex}.interval-btn{color:var(--text-muted);background:#ffffff80;flex-grow:1;padding:.5rem 0;font-size:.875rem;font-weight:500}.interval-btn:hover{background:#fff}.interval-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #52b7c74d}.btn-drink{background:var(--primary);color:#fff;width:100%;margin-bottom:1.5rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;box-shadow:0 4px 16px #52b7c74d}.btn-drink:hover{background:#3ba1b1;transform:translateY(-2px);box-shadow:0 6px 20px #52b7c766}.btn-drink:active{transform:translateY(1px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#fff3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-content{text-align:center;background:#fff;border-radius:24px;padding:2.5rem 2rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px);box-shadow:0 12px 40px #0000001a}.modal-overlay.show .modal-content{transform:translateY(0)}.modal-icon{color:var(--primary);width:64px;height:64px;margin:0 auto 1rem;animation:2s ease-in-out infinite float}.modal-title{color:var(--text-dark);margin-bottom:.5rem;font-size:1.5rem}.modal-desc{color:var(--text-muted);margin-bottom:2rem}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}@media (width<=480px){.card{border:none;border-radius:0;justify-content:center;min-height:100vh}}