.tabs-in{grid-template-columns:repeat(3,1fr)}
.timerbox{display:grid;place-items:center;padding:6px 0}
.ring.big{width:min(70vw,260px);height:min(70vw,260px);flex-direction:column;gap:2px;align-content:center;background:conic-gradient(var(--cyan) calc(var(--p) * 1%),rgba(255,255,255,.12) 0)}
.ring.big::before{inset:12px}
.ring.big .tm{position:relative;font-size:clamp(2.6rem,14vw,3.6rem);font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.ring.big small{position:relative;color:var(--muted);font-size:.85rem}
.ring.rest{background:conic-gradient(var(--ok) calc(var(--p) * 1%),rgba(255,255,255,.12) 0)}
.dots{display:flex;gap:10px;justify-content:center}
.dots i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.15)}
.dots i.on{background:var(--cyan)}
.dots i.cur{box-shadow:0 0 0 3px rgba(34,211,238,.35)}
.lblin{width:100%;padding:13px 14px;min-height:50px;border-radius:14px;border:1px solid var(--border);background:rgba(5,11,26,.7);color:var(--text);font-family:inherit;font-size:16px;font-weight:600;text-align:center}
.lblin:disabled{opacity:.6}
.playrow{padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--card);display:flex;flex-direction:column;gap:8px}
.playrow p{color:var(--muted);font-size:.85rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{min-height:44px;padding:8px 14px;border-radius:50px;border:2px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);font-family:inherit;font-weight:600;font-size:.88rem;cursor:pointer}
.chips button.on{border-color:var(--cyan);background:rgba(34,211,238,.14)}
.chips button.lock{opacity:.65}
.dayw{font-size:.62rem}
@media (display-mode: standalone){#playRow{display:none!important}}