:root{font-family:system-ui,sans-serif;color:#243e3a;background:#f5f3eb;font-size:16px}*{box-sizing:border-box}body{margin:0}main{width:min(650px,100%);margin:auto;padding:28px 24px}header{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600}header small{display:block;font-size:11px;letter-spacing:2px;margin-top:2px}.sun{color:#b77d38;font-size:40px}.badge{margin-left:auto;border:1px solid #d4d5cb;border-radius:20px;padding:6px 10px;font-size:11px;letter-spacing:1px}.timer{text-align:center;padding-top:30px}#group{text-transform:uppercase;letter-spacing:1.8px;font-size:13px;color:#61746c}h1{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:12px 0 22px}.dial{--fill:0%;width:230px;height:230px;border-radius:50%;margin:auto;background:conic-gradient(#b98744 var(--fill),#e0e4d9 0);padding:7px}.dial>div{border-radius:50%;height:100%;background:#f5f3eb;display:flex;flex-direction:column;justify-content:center}#remaining{font-size:72px;line-height:1.2;font-weight:300;font-variant-numeric:tabular-nums}#unit{font-size:11px;letter-spacing:2px;color:#68776b}#detail{margin:24px 0 6px}#next{color:#6a776d;font-size:14px;min-height:20px}.buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}button,select{font:inherit;border:1px solid #c3cbbc;border-radius:10px;background:transparent;color:inherit;padding:12px 18px;cursor:pointer}button.primary{background:#284b42;color:#fff;border-color:#284b42;min-width:210px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b98744;outline-offset:4px}#notice{font-size:14px;color:#66776b;min-height:21px}progress{width:100%;height:5px;accent-color:#b98744;border:0}.duration{display:flex;justify-content:space-between;color:#66776b;font-size:12px;margin-top:6px}.settings{margin-top:30px;padding:22px;background:#eceee4;border-radius:16px}.settings label{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.settings small{display:block;font-size:13px;color:#657565;margin-top:4px}input[type=checkbox]{width:23px;height:23px;accent-color:#284b42}.settings p,footer{font-size:13px;color:#68776b}.settings p{margin-bottom:0}details{margin-top:24px;line-height:1.6}summary{cursor:pointer}table{width:100%;text-align:left;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #d6dbce}footer{text-align:center;padding:24px 0 8px}[hidden]{display:none!important}@media(max-width:420px){main{padding:20px 16px}h1{font-size:30px}.dial{width:205px;height:205px}.badge{font-size:10px;padding:5px}header{font-size:21px}.duration{font-size:11px}}

.voice-settings{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #cbd2c1}.voice-settings label{align-items:flex-start;flex-direction:column}.voice-settings select{width:100%;max-width:100%;white-space:normal}.voice-settings p{margin:8px 0 16px}.voice-buttons{display:flex;gap:8px;flex-wrap:wrap}.voice-settings details{margin-top:16px;font-size:14px}