body{font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}.App,body{align-items:center;background-color:#f0f2f5;display:flex}.App{border-radius:40px;box-shadow:20px 20px 40px #cbced1,-20px -20px 40px #fff;flex-direction:column;gap:3rem;max-width:95%;padding:3.5rem;text-align:center;width:500px}.session-title{color:#666;font-size:3rem;letter-spacing:1px;margin:0;text-transform:uppercase}.timer-display{align-items:center;background-color:#f0f2f5;border-radius:50%;box-shadow:inset 15px 15px 30px #cbced1,inset -15px -15px 30px #fff;color:#3498db;display:flex;font-size:6rem;font-weight:700;height:280px;justify-content:center;margin:0 0 2.5rem;padding:30px;width:280px}.controls{display:flex;flex-direction:column;gap:2.5rem;justify-content:space-around;margin-bottom:2.5rem;padding:0 3.5rem;width:100%}.settings-label{color:#666;display:block;font-weight:600;letter-spacing:.5px;margin-bottom:.8rem}input[type=number],select{background-color:#f0f2f5;border:none;border-radius:15px;box-shadow:inset 8px 8px 16px #cbced1,inset -8px -8px 16px #fff;color:#444;font-size:1.3rem;margin:.8rem 0;max-width:200px;padding:1rem;text-align:center;width:100%}button{background-color:#3498db;border:none;border-radius:20px;box-shadow:8px 8px 16px #cbced1,-8px -8px 16px #fff;color:#fff;cursor:pointer;font-size:1.3rem;letter-spacing:.5px;padding:1.4rem 3rem;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#2980b9;transform:scale(1.11)}button:active{box-shadow:inset 8px 8px 16px #cbced1,inset -8px -8px 16px #fff;transform:scale(.89)}button:disabled{background-color:#bdc3c7;box-shadow:none;color:#f0f2f5;cursor:not-allowed;transform:none}.timer-input{margin:0 auto}.settings{display:flex;gap:2.5rem;justify-content:center;margin-bottom:3rem}.audio-selector{margin-bottom:2.5rem}.audio-selector label{color:#666;display:block;font-weight:600;letter-spacing:.5px;margin-bottom:.8rem}@media (max-width:480px){body{padding:10px}.App{border-radius:25px;box-shadow:8px 8px 16px #cbced1,-8px -8px 16px #fff;gap:2rem;padding:2.5rem;width:98%}.session-title{font-size:2.2rem}.timer-display{font-size:4.5rem;height:220px;margin-bottom:2rem;padding:25px;width:220px}.controls{padding:0 2.5rem}.controls,.settings{flex-direction:column;gap:2rem}.settings{margin-bottom:2.5rem}input[type=number],select{border-radius:12px;box-shadow:inset 6px 6px 12px #cbced1,inset -6px -6px 12px #fff;font-size:1.2rem;margin:.6rem 0;max-width:100%;padding:.8rem}button{border-radius:13px;box-shadow:6px 6px 12px #cbced1,-6px -6px 12px #fff;font-size:1.1rem;padding:1.1rem 2.2rem}.audio-selector{margin-bottom:2rem}.audio-selector label{margin-bottom:.6rem}}
/*# sourceMappingURL=main.31025b7a.css.map*/