:root{--bg-idle: #0a0a0b;--bg-work: #0d5c33;--bg-rest: #8a4a05;--bg-finished: #16161a;--fg: #f8fafc;--fg-dim: rgb(248 250 252 / 60%);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden;background:var(--bg-idle);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.screen{display:grid;grid-template-rows:auto 1fr auto;height:100%;padding:clamp(.75rem,2.5vh,2.5rem) clamp(.75rem,3vw,3rem);background:var(--bg-idle);transition:background-color .28s ease}.screen[data-phase=work]{background:var(--bg-work)}.screen[data-phase=rest]{background:var(--bg-rest)}.screen[data-phase=finished]{background:var(--bg-finished)}.screen__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.screen__center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.screen__bottom{display:flex;justify-content:flex-end;min-height:0}.rounds{margin:0;font-size:clamp(1.1rem,7vh,6rem);font-weight:700;letter-spacing:.04em}.phase{margin:0 0 clamp(.25rem,1.5vh,1.5rem);font-size:clamp(1.1rem,8vh,7rem);font-weight:800;letter-spacing:.22em;text-transform:uppercase;opacity:.88}.clock{margin:0;font-family:var(--font-mono);font-size:clamp(4rem,min(60vh,30vw),72rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:.84;letter-spacing:-.03em}.clock[data-urgent=true]{animation:urgent 1s ease-in-out infinite}@keyframes urgent{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.clock[data-urgent=true]{animation:none}.screen{transition:none}}.pairing{display:flex;gap:clamp(.6rem,1.5vw,1.6rem);align-items:center;padding:clamp(.6rem,1.4vh,1.25rem);border-radius:clamp(.5rem,1.2vh,1rem);background:#fffffff5;color:#0a0a0b}.pairing__qr{display:flex}.pairing__qr svg{width:clamp(96px,18vh,260px);height:auto}.pairing__text{display:flex;flex-direction:column;gap:.15em}.pairing__hint{margin:0;font-size:clamp(.65rem,1.6vh,1.1rem);letter-spacing:.18em;text-transform:uppercase;opacity:.55}.pairing__code{margin:0;font-family:var(--font-mono);font-size:clamp(1.75rem,7vh,5rem);font-weight:800;letter-spacing:.12em;line-height:1}.connection{display:inline-flex;gap:.5em;align-items:center;color:var(--fg-dim);font-size:clamp(.75rem,1.8vh,1.25rem)}.connection__dot{width:.8em;height:.8em;border-radius:50%;background:#22c55e}.connection[data-status=connecting] .connection__dot{background:#eab308}.connection[data-status=offline] .connection__dot{background:#ef4444}.splash__detail{max-width:40ch;margin:0;color:var(--fg-dim);font-size:clamp(.9rem,2.4vh,1.75rem);text-align:center}.visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;clip-path:inset(50%);white-space:nowrap}