.ff{align-items:start}.stack{display:flex;flex-direction:column;gap:16px;min-width:0}
.timer{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px}
.ring{position:relative;width:min(300px,80vw);aspect-ratio:1}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.trk{fill:none;stroke:#ffffff10;stroke-width:10}.prog{fill:none;stroke:url(#rg);stroke-width:10;stroke-linecap:round;stroke-dasharray:603.2;stroke-dashoffset:0;transition:stroke-dashoffset .4s linear}
.t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.t b{font:700 clamp(44px,9vw,64px) var(--mono);font-variant-numeric:tabular-nums}.t span{font:12px var(--mono);color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.task{text-align:center;max-width:360px}.ctrls{justify-content:center}
.kp>div{display:flex;flex-direction:column;gap:2px}.kp b{font:700 26px var(--mono)}.kp span{font-size:12px;color:var(--muted)}
.bars{display:flex;gap:8px;align-items:flex-end;height:110px;margin-top:16px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.bars i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--accent),var(--accent-2));min-height:3px;opacity:.85}.bars small{font:11px var(--mono);color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chips button{font:12px var(--mono);padding:5px 11px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.chips button:hover{color:var(--text);border-color:var(--accent)}
.set{margin-bottom:10px}.check{display:flex;margin-top:6px}
.top{margin-top:12px;font-size:13px;display:flex;flex-direction:column;gap:4px}.top div{display:flex;justify-content:space-between;gap:8px}.top span{color:var(--muted);font-family:var(--mono)}