html,body,#root{height:100%;margin:0;padding:0}#root{justify-content:center;align-items:center;transition:background-color .3s;display:flex}body.settings-view-active{background-color:#121212}body.timer-view-active{background-color:#2c3e50}body{color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.settings-view{text-align:center;background-color:#1e1e1e;border-radius:1rem;flex-direction:column;align-items:center;width:400px;padding:2rem 4rem;display:flex;box-shadow:0 8px 24px #00000080}.settings-view .logo-image{width:150px;margin-bottom:.5rem}.settings-view h1{color:#fff;margin-top:0;margin-bottom:2rem;font-size:2rem}.settings-view .controls{justify-content:center;gap:2rem;width:100%;margin-bottom:2rem;display:flex}.settings-view .control-group{flex-direction:column;align-items:center;gap:.75rem;display:flex}.settings-view label{color:#a0a0a0;font-size:.9rem}.settings-view input,.settings-view select{color:#e0e0e0;text-align:center;background-color:#333;border:1px solid #444;border-radius:.5rem;width:120px;padding:.75rem;font-size:1rem}.settings-view select{text-align-last:center}.settings-view button{cursor:pointer;color:#fff;background-color:#0d6efd;border:none;border-radius:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:700;transition:background-color .2s}.settings-view button:hover{background-color:#0b5ed7}.timer-view{box-sizing:border-box;background-color:#2c3e50;border-radius:.75rem;flex-direction:column;justify-content:flex-start;align-items:center;width:450px;height:350px;padding-top:2rem;display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.settings-btn{cursor:pointer;color:#bdc3c7;background:0 0;border:none;padding:.5rem;position:absolute;top:1rem;right:1rem}.settings-btn:hover{color:#ecf0f1}.timer-title{color:#3498db;text-shadow:0 0 5px #3498db;margin:0;font-size:2.5rem;font-weight:500}.timer-subtitle{letter-spacing:1px;color:#95a5a6;margin:.25rem 0 2rem;font-size:.9rem}.timer-panel{background-color:#233140;border-radius:1rem;justify-content:center;align-items:center;width:85%;height:60%;display:flex;box-shadow:inset 0 0 15px #00000080}.timer-text{color:#00e0ff;text-shadow:0 0 10px #00e0ff,0 0 20px #00e0ff;font-size:7rem;font-weight:700}.reminder-modal-overlay{z-index:1000;background-color:#000000b3;border-radius:.75rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reminder-modal{text-align:center;background:#34495e;border-radius:1rem;padding:2.5rem;box-shadow:0 5px 15px #00000080}.reminder-modal h2{color:#ecf0f1;margin-top:0}.reminder-modal p{color:#bdc3c7;margin-bottom:2rem}.ack-button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:.5rem;padding:.8rem 1.5rem;font-size:1rem;transition:background-color .2s}.ack-button:hover{background:#2980b9}