/* Studio Timer — a large clock that reads as an instrument in every world.
   All colour, type and shape come from the active theme's tokens, so the Deck
   gets mono telemetry and the Ledger gets old-style figures without a branch
   here. */
.cap-timer{display:flex;flex-direction:column;height:100%;gap:12px}
.cap-timer-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cap-timer-modes{display:inline-flex;background:var(--paper-2);border:var(--rule) solid var(--hairline);
  border-radius:var(--r-pill);padding:2px}
.cap-timer-modes button{font-size:max(var(--touch-text-floor,0rem),.71875rem);font-weight:600;padding:4px 12px;border-radius:var(--r-pill);
  color:var(--label-ink,var(--ink-2));background:none;border:none;cursor:pointer}
.cap-timer-modes button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.cap-timer-badge{margin-left:auto;white-space:nowrap;font-family:var(--mono);font-size:max(var(--touch-text-floor,0rem),.625rem);letter-spacing:.1em;
  text-transform:var(--label-case,uppercase);color:var(--ink-3);
  border:var(--rule) solid var(--hairline);border-radius:var(--r-pill);padding:3px 9px}
.cap-timer-badge.on{color:var(--green);border-color:color-mix(in oklab,var(--green) 50%,transparent);
  background:color-mix(in oklab,var(--green) 10%,transparent)}
.cap-timer-value{font-family:var(--mono);font-weight:500;font-size:clamp(28px,17cqi,52px);
  line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;
  color:var(--ink);margin:auto 0;text-align:center}
.cap-timer-sub{font-size:max(var(--touch-text-floor,0rem),.75rem);color:var(--label-ink,var(--ink-2));text-align:center;
  letter-spacing:.02em;margin-top:-4px}
.cap-timer-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.cap-timer-actions button{height:34px;padding:0 15px;border:var(--rule) solid var(--hairline-2);
  border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-size:max(var(--touch-text-floor,0rem),.78125rem);
  font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}
.cap-timer-actions button:hover{border-color:var(--ink-3)}
.cap-timer-actions button.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cap-timer-actions button.stage[aria-pressed="true"]{
  color:var(--green);border-color:color-mix(in oklab,var(--green) 55%,transparent)}
html[data-world="deck"] .cap-timer-value{text-shadow:var(--glow,none)}
html[data-world="ledger"] .cap-timer-value{font-family:var(--serif);font-variant-numeric:oldstyle-nums}