.countdown-timer{direction:ltr;justify-content:center;font-family:system-ui,-apple-system,sans-serif;padding:5px 8px;border-radius:8px;gap:5px;transition:background-color .2s ease;max-height:60px}.countdown-timer,.time-block{display:flex;align-items:center}.time-block{flex-direction:column;border-radius:5px;padding:4px 0;min-width:20px;transition:all .2s ease}.time-value{font-size:14px;font-weight:700}.time-label,.time-value{transition:color .2s ease}.time-label{font-size:10px;font-weight:500;margin-top:2px}.countdown-timer.normal{background-color:#f0f9f0}.countdown-timer.normal .time-block{background-color:#dcfce7;color:#166534}.countdown-timer.notice{background-color:#fef9e6}.countdown-timer.notice .time-block{background-color:#fef3c7;color:#854d0e}.countdown-timer.warning{background-color:#fff4e6}.countdown-timer.warning .time-block{background-color:#ffedd5;color:#9a3412}.countdown-timer.urgent{background-color:#feecec}.countdown-timer.urgent .time-block{background-color:#fee2e2;color:#991b1b}.countdown-timer.expired{background-color:#feecec}.expired-message{color:#dc2626;font-weight:700;font-size:14px;text-align:center;width:100%}.countdown-timer.dark.normal{background-color:#1a2e22}.countdown-timer.dark.normal .time-block{background-color:#14532d;color:#bbf7d0}.countdown-timer.dark.notice{background-color:#3a2e0e}.countdown-timer.dark.notice .time-block{background-color:#854d0e;color:#fef08a}.countdown-timer.dark.warning{background-color:#3a2115}.countdown-timer.dark.warning .time-block{background-color:#9a3412;color:#fed7aa}.countdown-timer.dark.urgent{background-color:#3a1a1a}.countdown-timer.dark.urgent .time-block{background-color:#991b1b;color:#fecaca}.countdown-timer.dark.expired{background-color:#3a1a1a}.countdown-timer.dark .expired-message{color:#fca5a5}