.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-web-timer] [hidden]{display:none!important}[data-web-timer] button,[data-web-timer] input,[data-web-timer] select{font:inherit}[data-web-timer] button{cursor:pointer}[data-web-timer] button:disabled{cursor:default;opacity:.5}[data-web-timer] :is(button,input,select):focus-visible{outline:3px solid var(--rust);outline-offset:4px}.hero-scene .timer-art>.room{position:absolute;top:0;left:0}.hero-scene .timer-art>.sprite{z-index:2;width:76%;top:7%;left:12%}.preview-clock{--flip-text:#fbfbf7;--flip-base:#31516a;--flip-edge:#193c53;--flip-shadow:#3651691c;--flip-top-start:#3d627d;--flip-top-end:#3d627d;--flip-bottom-start:#31516a;--flip-bottom-end:#31516a;--flip-seam:#b3c6cd;--flip-hinge:#72909f;--flip-separator:#607a88;--flip-text-shadow-blur:0px;--flip-text-shadow-color:transparent;min-width:0;container-type:inline-size}.clock-label{text-transform:uppercase;gap:10px}.timer-actions{gap:10px;margin-top:18px;display:flex}.timer-actions button{border-radius:6px;min-height:44px;padding:8px 12px;font-size:.8rem}.timer-actions [data-timer-toggle]{background:var(--blue);color:#fff;border:1px solid var(--blue);flex:1}.timer-actions [data-timer-reset]{color:var(--ink);background:0 0;border:1px solid #a8b7bb}.timer-actions button:hover:not(:disabled){filter:brightness(.9)}.timer-settings{border-bottom:1px solid var(--line);margin-top:20px;padding-bottom:15px}.timer-settings summary{cursor:pointer;padding-block:8px;font-size:.85rem}.timer-settings fieldset{border:0;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:20px 0 0;display:grid}.timer-settings label{flex-direction:column;gap:8px;min-width:0;font-size:.8rem;display:flex}.timer-preset{grid-column:1/-1}.timer-settings :is(input,select){width:100%;min-height:44px;color:var(--ink);background:#fffdf8;border:1px solid #a8b7bb;border-radius:5px;padding:9px 12px}.timer-settings .button{border:0;grid-column:1/-1;font-size:.8rem}.timer-settings-hint{color:var(--muted);margin-top:14px;font-size:.8rem;display:none}.timer-settings fieldset:disabled+.timer-settings-hint{display:block}.timer-settings [role=alert]{color:#91371f;font-size:.8rem}.timer-noscript{margin-top:15px;font-size:.85rem}#timer-display{color:var(--flip-text);font-weight:700;font-family:Manrope, var(--sans);letter-spacing:-1px;margin:4px 0 6px;line-height:1}.flip-clock-face{--flip-count:4;--flip-height:clamp(40px, calc(112cqw / var(--flip-count)), 84px);width:100%;font-size:clamp(20px, calc(85cqw / var(--flip-count)), 64px);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:5px;display:flex}.flip-digit{min-width:0;max-width:65px;height:var(--flip-height);perspective:500px;background:var(--flip-base);box-shadow:0 3px 0 var(--flip-edge), 0 5px 9px var(--flip-shadow);border-radius:9px;flex:1 1 0;display:block;position:relative}.flip-half{isolation:isolate;backface-visibility:hidden;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.flip-half:before{content:attr(data-value);z-index:1;width:100%;height:var(--flip-height);line-height:var(--flip-height);text-align:center;text-shadow:0 1px var(--flip-text-shadow-blur) var(--flip-text-shadow-color);position:absolute;left:0}.flip-top{background:linear-gradient(var(--flip-top-start), var(--flip-top-end));box-shadow:inset 0 1px 0 #ffffff24, inset 0 -1px 0 var(--flip-seam);transform-origin:bottom;border-radius:9px 9px 0 0;top:0}.flip-top:before{top:0}.flip-bottom{background:linear-gradient(var(--flip-bottom-start), var(--flip-bottom-end));transform-origin:top;border-radius:0 0 9px 9px;bottom:0;box-shadow:inset 0 1px #ffffff12}.flip-bottom:before{top:calc(var(--flip-height) / -2)}.flip-digit:before,.flip-digit:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(165deg, #ffffff80 0%, #ffffff18 38%, #00000012 65%, #00000045 100%), var(--flip-hinge);border-radius:1px;width:3px;height:7px;position:absolute;top:calc(50% - 3.5px);box-shadow:inset 1px 0 #ffffff40,inset -1px 0 #00000018,0 1px 1px #00000040}.flip-digit:before{left:-1px}.flip-digit:after{right:-1px}.flip-separator{color:var(--flip-separator);text-align:center;letter-spacing:0;flex:0 0 .22em;font-size:.65em}.flip-separator:before{content:attr(data-value)}.flip-leave{z-index:3;animation:.24s ease-in forwards flip-leave}.flip-land{z-index:4;animation:.28s ease-out .24s forwards flip-land;transform:rotateX(90deg)}@keyframes flip-leave{to{transform:rotateX(-90deg)}}@keyframes flip-land{to{transform:rotateX(0)}}@media (width<=700px){.flip-clock-face{--flip-height:clamp(40px, calc(112cqw / var(--flip-count)), 96px);font-size:clamp(20px, calc(85cqw / var(--flip-count)), 72px);gap:6px}.flip-digit{max-width:76px}}@media (width<=370px){.flip-clock-face{gap:4px}}@media (prefers-reduced-motion:reduce){.flip-moving{display:none}}