.timer-app{color:#111;background:var(--paper,#efeee8);min-height:100svh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.timer-app button,.timer-app input{font:inherit}.timer-app button{color:#111;cursor:pointer;background:0 0;border:1px solid #1113;border-radius:6px;min-height:44px;padding:.65rem 1.1rem;font-size:.875rem;font-weight:600}.timer-app button:hover{background:#1111}.timer-app button:disabled{cursor:not-allowed;opacity:.4}.timer-app:focus{outline:0}.timer-app :focus-visible{outline-offset:4px;outline:3px solid #111}.timer-header{border-bottom:1px solid #1112;align-items:center;gap:1.25rem;padding:1rem clamp(1.25rem,4vw,4rem);display:flex}.timer-brand{letter-spacing:-.07em;font-size:2rem;font-weight:800;line-height:1}.timer-brand span{color:var(--signal,#ef4c32)}.timer-mlab{letter-spacing:.14em;border-left:1px solid #1113;padding-left:1.25rem;font-size:.75rem;font-weight:700}.timer-content{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1.25rem 1.25rem;display:flex}.timer-dot{aspect-ratio:1;color:#fff;background:var(--signal,#ef4c32);border-radius:50%;flex-shrink:0;place-items:center;width:min(28rem,100vw - 2.5rem,50dvh);display:grid;position:relative;container-type:inline-size}.timer-numbers{letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:24cqw;font-weight:650;line-height:1}.timer-dot-status{text-align:center;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:max(.875rem,3.5cqw);font-weight:650;position:absolute;top:65%;left:0;right:0}.timer-setup{text-align:center;width:min(100%,24rem)}.timer-time-inputs{border:0;justify-content:center;align-items:flex-end;gap:1rem;margin:0;padding:0;display:flex}.timer-time-inputs label{text-align:left;color:#696962;flex-direction:column;gap:.35rem;font-size:.875rem;display:flex}.timer-time-inputs input{color:#111;font-variant-numeric:tabular-nums;background:#faf9f5;border:1px solid #1113;border-radius:5px;width:6.5rem;padding:.4rem .7rem;font-size:1.5rem}.timer-time-inputs>span{padding-bottom:.5rem;font-size:1.5rem}.timer-time-inputs:disabled{opacity:.5}.timer-main-actions{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.timer-app .timer-start{color:#fff;background:#111;border-color:#111;min-width:9rem}.timer-app .timer-start:hover{background:#333}.timer-view-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.timer-view-actions button{text-underline-offset:4px;border:0;padding-inline:.35rem;text-decoration:underline}.timer-key-hint{color:#74736b;margin:.75rem 0 0;font-size:.75rem}.timer-float-help{color:#696962;max-width:23rem;margin:.5rem auto 0;font-size:.875rem;line-height:1.5}.timer-float-help a{text-underline-offset:3px;margin-top:.4rem;text-decoration:underline;display:block}.timer-error{color:#a72b1b;margin:.75rem 0;font-size:.875rem}.timer-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.timer-basic{z-index:40;height:100dvh;min-height:0;position:fixed;inset:0}.timer-basic .timer-content{justify-content:center;height:100%;padding:2.5rem 1rem}.timer-basic .timer-dot{width:min(84vw,80dvh,72rem)}.timer-exit{z-index:2;position:absolute;top:1rem;right:1rem}@media (max-width:480px){.timer-content{gap:1.25rem;padding-top:1.25rem}.timer-dot{width:min(100vw - 2.5rem,43dvh)}.timer-basic .timer-dot{width:min(90vw,76dvh)}}@media (max-height:500px) and (min-width:600px){.timer-content{flex-direction:row;justify-content:center;gap:3rem}.timer-dot{width:min(65dvh,25rem)}.timer-setup{max-width:20rem}}