.it-stage{--ph:var(--surface-2);--on:var(--text);text-align:center;padding:24px 18px 20px;background:var(--ph);color:var(--on);border-color:transparent;transition:background .35s}
.it-stage[data-phase=prep]{--ph:var(--warn);--on:var(--brand-text)}
.it-stage[data-phase=work]{--ph:var(--bad);--on:var(--brand-text)}
.it-stage[data-phase=rest]{--ph:var(--good);--on:var(--brand-text)}
.it-stage[data-phase=rrest]{--ph:var(--brand);--on:var(--brand-text)}
.it-stage[data-phase=done]{--ph:var(--brand);--on:var(--brand-text)}
.it-phase{font-size:clamp(26px,7vw,40px);font-weight:800;letter-spacing:-.01em;line-height:1.2}
.it-digits{font-size:clamp(84px,27vw,156px);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:8px 0 6px;white-space:nowrap}
.it-count{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.it-next{font-size:14px;opacity:.85;min-height:22px;margin-top:2px}
.it-bar{height:8px;background:color-mix(in srgb,var(--on) 18%,transparent);border-radius:99px;overflow:hidden;max-width:520px;margin:14px auto 0}
.it-bar i{display:block;height:100%;width:0;background:var(--on);border-radius:inherit;transition:width .3s linear}
.it-total{margin-top:8px;font-size:14px;opacity:.9;font-variant-numeric:tabular-nums}
.it-ctrl{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin:16px auto 0;max-width:520px}
.it-ctrl .btn{padding:0 10px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);border-color:transparent}
.it-ctrl .it-go{background:var(--text);color:var(--surface)}
.it-stage[data-phase=idle] .it-ctrl .btn:not(.it-go){border-color:var(--border)}
.it-stage[data-phase=idle] .it-ctrl .it-go{background:var(--brand);color:var(--brand-text)}
.it-presets .chip{min-height:38px;font-weight:600}
.it-set{border:0;padding:0;margin-left:0;margin-right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.it-set{grid-template-columns:repeat(3,minmax(0,1fr))}}
.it-set .input-unit .input{padding-right:84px;font-variant-numeric:tabular-nums}
.it-set:disabled{opacity:.55}
.it-work label{color:var(--bad)}
.it-rest label{color:var(--good)}
.it-stage:fullscreen{width:100vw;height:100vh;border-radius:0;border:0;align-content:center}
.it-stage:fullscreen .it-digits{font-size:min(30vw,46vh)}
.it-stage:fullscreen .it-phase{font-size:min(8vw,10vh)}
.it-stage:fullscreen .it-count{font-size:clamp(18px,3vw,30px)}
.it-stage:fullscreen .it-bar{width:70vw;max-width:none}
.it-stage:fullscreen .it-ctrl{width:min(560px,90vw)}
.it-ctrl .btn{min-width:0;white-space:normal;line-height:1.15;padding:0 6px;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:480px){.it-ctrl{grid-template-columns:1.2fr 1fr 1fr}.it-ctrl .btn{font-size:15px}}