*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#fff8f8;color:#35141e;font-family:"Trebuchet MS",system-ui,sans-serif;border-top:6px solid #bc0025}main{max-width:500px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:14px}.mark{display:grid;place-items:center;width:54px;height:54px;background:#bc0025;color:#fff;font-weight:900;font-size:38px;border-radius:12px}header span{font-size:10px;letter-spacing:1.6px;color:#94737d;font-weight:bold}h1{font-size:24px;letter-spacing:-.7px;margin:6px 0 0}.timer{display:flex;justify-content:center;margin:30px 0 18px}.dial{width:280px;height:280px;border-radius:50%;padding:9px;background:conic-gradient(#bc0025 var(--angle,360deg),#f0dce1 0);box-shadow:0 12px 30px #9c173011}.dial>div{width:100%;height:100%;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}#status{font-size:11px;letter-spacing:1px;font-weight:bold;color:#ad1231}#time{font-size:58px;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.5}#until{font-size:12px;color:#8f737b;margin:0;text-align:center;padding:0 15px}h2{font-size:19px;margin:0 0 12px}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0;border-radius:10px;font-weight:bold}button:focus-visible,input:focus-visible{outline:3px solid #d68495;outline-offset:3px}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.presets button{padding:14px 4px;background:white;color:#941c37;border:1px solid #eac9d1;font-size:18px}.presets button[aria-pressed=true]{background:#bc0025;color:white;border-color:#bc0025}label{font-size:13px;color:#866570;display:block;margin-bottom:8px}input{width:100%;padding:12px 14px;border:1px solid #dfc4cb;border-radius:10px;background:white;font-size:20px;color:#35141e}.primary{display:block;width:100%;padding:17px;background:#bc0025;color:white;margin-top:16px;font-size:18px;box-shadow:0 4px 0 #85021d}.secondary{width:100%;padding:15px;border:1px solid #dfbac4;background:white;color:#a21936;margin-top:14px}.sound{display:block;margin:22px auto 0;background:transparent;color:#a21936;padding:10px 16px;font-size:14px}.notice{font-size:12px;line-height:1.65;color:#8b7079;border-top:1px solid #ead2d8;padding-top:18px;margin:18px 0 0}.notice strong{display:block;color:#74515d}#announcement{text-align:center;color:#bc0025;font-weight:bold;font-size:20px;min-height:0;margin:0 0 16px}body.expired{background:#ffe9ee}body.expired .dial{background:#bc0025}body.expired #time{color:#bc0025}@media(max-width:370px){main{padding:18px}h1{font-size:21px}.dial{width:260px;height:260px}#time{font-size:52px}}