.kg-time .tt-clock{width:min(240px,66vw);height:auto;display:block}.kg-time .tt-clock.is-live{width:min(280px,78vw);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.kg-time .tt-clock.is-live:active{cursor:grabbing}.kg-time .tt-rim{fill:var(--accent)}.kg-time .tt-face{fill:var(--surface);stroke:var(--border);stroke-width:1}.kg-time .tt-tick{stroke:var(--muted);stroke-width:1}.kg-time .tt-tick.is-hour{stroke:var(--text);stroke-width:2.5}.kg-time .tt-num{font:800 17px var(--font, sans-serif);fill:var(--text)}.kg-time .tt-hand line{stroke-linecap:round}.kg-time .tt-hour line{stroke:var(--p1, var(--bad));stroke-width:8}.kg-time .tt-minute line{stroke:var(--p3, var(--accent));stroke-width:5}.kg-time .tt-grip{fill:var(--p3, var(--accent));fill-opacity:.25;stroke:var(--p3, var(--accent));stroke-width:2}.kg-time .tt-pin{fill:var(--text)}.kg-time .is-drag-minute .tt-minute line,.kg-time .is-drag-hour .tt-hour line{filter:drop-shadow(0 0 3px var(--accent))}.kg-time .tt-clock.is-answer .tt-face{fill:color-mix(in srgb,var(--good) 15%,var(--surface))}.kg-time .tt-words{font-weight:700;color:var(--muted);font-size:1.05rem}.kg-time .tt-set{display:flex;flex-direction:column;align-items:center;gap:8px}.kg-time .tt-readout{font-size:1.6rem;font-weight:900;font-variant-numeric:tabular-nums;padding:2px 14px;border-radius:10px;background:var(--surface-2);border:2px solid var(--border)}.kg-time .tt-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}.kg-time .tt-stepgroup{display:flex;align-items:center;gap:6px}.kg-time .tt-steplabel{font-weight:700;color:var(--muted);min-width:4.2em;text-align:right}.kg-time .tt-step{min-width:46px;min-height:46px;font-size:1.4rem;font-weight:900;border-radius:50%;padding:0}