/* countdown-timer.css v2-r4 */
.timer-display { display:flex; gap:0.5rem; justify-content:center; padding:1.5rem 0; }
.timer-unit { text-align:center; min-width:70px; }
.timer-num { font-size:3rem; font-weight:700; letter-spacing:-0.03em; line-height:1; font-variant-numeric:tabular-nums; }
.timer-label { font-size:0.68rem; text-transform:uppercase; letter-spacing:0.14em; color:var(--text-muted); margin-top:0.2rem; }
.timer-sep { font-size:2.5rem; font-weight:300; color:var(--text-muted); padding-top:0.75rem; }
.timer-form { display:grid; grid-template-columns:1fr 1fr; gap:0.8rem; margin-bottom:0.9rem; }
@media (max-width:480px) { .timer-form { grid-template-columns:1fr; } }
.timer-controls { display:flex; gap:0.5rem; flex-wrap:wrap; }
.timer-finished { text-align:center; padding:0.65rem; background:rgba(37,99,235,0.07); border:1px solid rgba(37,99,235,0.2); font-weight:600; color:var(--accent); display:none; }
.timer-finished.show { display:block; }
.timer-num.urgent { color:#dc2626; }
.presets { display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:0.75rem; }
.preset-btn { font-size:0.72rem; padding:0.33rem 0.65rem; border:1px solid var(--border); background:#f9fafb; color:var(--text-muted); cursor:pointer; }
.preset-btn:hover { border-color:var(--accent); color:var(--accent); }