.clock-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.4rem,1.5vh,1rem);padding:1rem;text-align:center}.round{font-size:clamp(1.1rem,min(4vw,4.5vh),3rem);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.blinds-now{font-size:clamp(1.5rem,min(8vw,9vh),6rem);font-weight:700}.timer{font-size:clamp(3rem,min(24vw,36vh),22rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.timer.warning{color:var(--warn)}.progress{align-self:stretch;margin:0 -1rem;height:.5rem;background:var(--surface);overflow:hidden}.progress-fill{height:100%;background:var(--accent);width:0;transition:width .2s linear}.blinds-next{font-size:clamp(1.1rem,min(4vw,4.5vh),3rem);color:var(--muted)}.controls{display:flex;gap:.75rem;padding:0;margin:1rem 0 0}.controls button{font-size:clamp(1rem,min(2.5vw,3vh),1.75rem);padding:.75em 1.25em;border-radius:.75rem;border:1px solid var(--surface);background:var(--surface);color:var(--text);cursor:pointer}.controls button.primary{background:var(--accent);color:#fff;font-weight:700}.controls button:disabled{opacity:.35;cursor:default}.reset{position:absolute;left:1rem;bottom:1rem;background:none;border:none;padding:.5rem;color:var(--muted);font-size:1rem;font-family:inherit;cursor:pointer}.reset:hover{color:var(--text)}#fullscreen{position:absolute;right:1rem;bottom:1rem;background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;padding:.5rem}#fullscreen:hover{color:var(--text)}.clock-header a:focus-visible,.controls button:focus-visible,.reset:focus-visible,#fullscreen:focus-visible{outline:2px solid var(--accent);outline-offset:2px}