/* timer 페이지 전용 */
.clock { text-align: center; font-size: 64px; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; line-height: 1.1; padding: 8px 0 12px; }
@media (min-width: 560px) { .clock { font-size: 88px; } }
.clock.done { color: var(--danger); }
.bar { height: 6px; background: var(--surface-2); border-radius: 999px; overflow: hidden; }
.bar > div { height: 100%; width: 0; background: var(--accent); transition: width 0.2s linear; }
.hms { display: flex; justify-content: center; gap: 10px; margin: 8px 0 14px; }
.hms label { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 14px; }
.hms input { width: 72px !important; text-align: center; }