.cd{--cd-fg:var(--ink);--cd-muted:var(--ink-muted);--cd-tile:var(--surface-raised);--cd-tile-fg:var(--ink);--cd-tile-bd:var(--hairline);--cd-seam:color-mix(in srgb, var(--hairline) 80%, transparent);color:var(--cd-fg)}.cd[data-tone=stage]{--cd-fg:#fdf8f3;--cd-muted:#fdf8f3bd;--cd-tile:#ffffff1a;--cd-tile-fg:#fff;--cd-tile-bd:#ffffff29;--cd-seam:#00000047}.cd-caption{font:700 12px/16px var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cd-muted)}.cd-flip .cd-row{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.cd-units{align-items:flex-start;gap:6px;display:inline-flex}.cd-unit{justify-items:center;gap:6px;display:grid}.cd-digits{gap:4px;display:inline-flex}.cd-digit{border:1px solid var(--cd-tile-bd);background:var(--cd-tile);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:1.04em;height:1.36em;color:var(--cd-tile-fg);font:500 clamp(28px, 4vw, 44px)/1 var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 72;font-variant-numeric:tabular-nums lining-nums;perspective:320px;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #14080e2e}.cd-digit:after{content:"";background:var(--cd-seam);pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0}.cd-face{transform-origin:50%;backface-visibility:hidden;animation:cd-flip .55s var(--ease-out) both;display:block}@keyframes cd-flip{0%{opacity:.15;transform:rotateX(-92deg)}55%{opacity:1}to{opacity:1;transform:none}}.cd-unit-label{font:700 10.5px/14px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cd-muted)}.cd-unit-short{display:none}.cd-sep{font:500 clamp(22px, 3.2vw, 34px)/1.3 var(--font-display);color:var(--cd-muted);padding-top:.12em;animation:2s ease-in-out infinite cd-pulse}@keyframes cd-pulse{50%{opacity:.35}}.cd-compact .cd-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cd-compact .cd-caption{letter-spacing:.14em;margin-right:2px;font-size:11px}.cd-pill{border:1px solid var(--cd-tile-bd);border-radius:var(--radius-pill);background:var(--cd-tile);min-width:2.6em;color:var(--cd-tile-fg);font:700 13px/18px var(--font-sans);font-variant-numeric:tabular-nums;text-align:center;padding:3px 9px}.cd-done{border:1px solid var(--cd-tile-bd);border-radius:var(--radius-pill);background:var(--cd-tile);font:700 13px/18px var(--font-sans);letter-spacing:.04em;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.cd-done-dot{background:var(--cd-muted);border-radius:50%;width:8px;height:8px}.cd[data-mode=starts] .cd-done-dot{background:var(--leaf);box-shadow:0 0 0 4px color-mix(in srgb, var(--leaf) 28%, transparent)}@media (max-width:480px){.cd-flip .cd-digit{border-radius:10px;font-size:26px}.cd-unit-long{display:none}.cd-unit-short{display:inline}.cd-units{gap:4px}}@media (prefers-reduced-motion:reduce){.cd-face,.cd-sep{animation:none}}@media (forced-colors:active){.cd-digit,.cd-pill,.cd-done{border-color:canvastext}}