.ptb{background:var(--line-soft);height:3px;position:relative}.ptb-fill{background:var(--accent);transition:width .9s linear, background-color .4s var(--ease-out);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0}.ptb.is-close .ptb-fill{background:var(--warn)}.ptb.is-over .ptb-fill{background:var(--rust)}@media (prefers-reduced-motion:reduce){.ptb-fill{transition:none}}.qtm{background:var(--surface);border-bottom:1px solid var(--line)}.qtm-row{align-items:stretch;gap:8px;min-height:34px;display:flex}.qtm-phases{flex:1;align-items:stretch;min-width:0;display:flex;overflow-x:auto}.qtm-phase{border-right:1px solid var(--line-soft);flex:1;min-width:88px;padding:5px 12px 6px}.qtm-phase b{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:650;display:block}.qtm-phase span{font-size:var(--fs-11);color:var(--ink-mute);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1px;display:block}.qtm-phase.is-done b{color:var(--ink-mute)}.qtm-phase.is-active b{color:var(--accent-ink)}.qtm-phase.is-active span{color:var(--ink-soft)}.qtm-phase.is-over b,.qtm-phase.is-over span{color:var(--rust)}.qtm-clock{font-size:var(--fs-12);color:var(--ink-mute);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center;padding:0 4px 0 12px}.qtm-sp{flex:1}.qtm-phases+.qtm-sp{flex:none}.qtm-pause{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-mute);font:inherit;font-size:var(--fs-11);cursor:pointer;white-space:nowrap;background:0 0;align-self:center;align-items:center;gap:5px;margin-right:10px;padding:3px 10px;display:inline-flex}.qtm-pause:hover{border-color:var(--accent-line);color:var(--accent-ink)}.qtm-pause.is-paused{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:600}