/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */body{color:#fff;background:radial-gradient(circle at 20% 20%,#111,#0a0a0a 80%);justify-content:center;align-items:center;height:100vh;margin:0;font-family:Inter,sans-serif;display:flex}#app{flex-direction:column;align-items:center;gap:2rem;display:flex}.timer{box-sizing:border-box;background:#0f0f0f;border-radius:50%;width:450px;height:450px;padding:2rem;position:relative;box-shadow:0 0 25px #ffffff0d}#time{font-size:3rem;transition:all .5s ease-in-out;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.session-selector{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:80%;transition:all .5s ease-in-out;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.session-selector button.preset{color:#fff;cursor:pointer;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:none;border-radius:12px;padding:.8rem 1.5rem;font-size:1rem;transition:all .2s}.session-selector button.preset:hover{background:linear-gradient(145deg,#222,#111);box-shadow:0 0 10px #ffffff1a}.custom-session{flex-direction:column;align-items:center;gap:.5rem;display:flex}.custom-session .inputs-row{flex-direction:row;gap:.5rem;display:flex}.custom-session input{color:#fff;text-align:center;background:#0f0f0f;border:1px solid #ffffff1a;border-radius:12px;width:120px;padding:.5rem 1rem;font-size:1rem}.custom-session button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:none;border-radius:12px;padding:.6rem 1rem;font-size:1rem;transition:all .2s}.custom-session button:hover{background:linear-gradient(145deg,#222,#111);box-shadow:0 0 10px #ffffff1a}.controls{gap:1rem;display:flex}.controls button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1.5rem;font-size:1rem;transition:all .2s}.controls button:hover{background:linear-gradient(145deg,#222,#111);box-shadow:0 0 10px #ffffff1a}.controls button:active{transform:scale(.97)}select,input{color:#fff;background:#0f0f0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:.6rem 1rem;font-size:1rem}select:hover,input:hover{border-color:#ffffff4d}.timer.timer-active #time{top:50%;transform:translate(-50%,-50%)scale(1.5)}.timer.timer-active .session-selector{opacity:0;visibility:hidden}#rainImage{object-fit:cover;opacity:0;pointer-events:none;z-index:10;width:100%;height:100%;position:fixed;top:0;left:0}#rainImage.fade-in{transition:opacity 5s}