.tm-countdown-timer{display:block;margin:0 auto;max-width:960px;width:100%}.tm-countdown-timer__card{position:relative;padding:clamp(var(--space-5),3vw,var(--space-8));border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border));border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0,var(--accent-primary-subtle),transparent 34%),var(--bg-surface);box-shadow:var(--shadow-lift)}.tm-countdown-timer__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.tm-countdown-timer__form{grid-template-columns:1fr}}.tm-countdown-timer__field{display:flex;flex-direction:column;gap:var(--space-1_5);min-width:0}.tm-countdown-timer__field--full{grid-column:1 / -1}.tm-countdown-timer__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-body);letter-spacing:var(--tracking-tight)}.tm-countdown-timer__label-hint{font-weight:var(--weight-regular);color:var(--fg-muted)}.tm-countdown-timer__input{display:block;width:100%;padding:var(--space-2_5) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);font:inherit;font-size:var(--text-base);color:var(--fg-body);outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.tm-countdown-timer__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle)}.tm-countdown-timer__input::placeholder{color:var(--fg-muted)}.tm-countdown-timer__tz-wrapper{position:relative}.tm-countdown-timer__tz-dropdown{position:absolute;left:0;right:0;top:100%;margin:var(--space-1) 0 0;padding:var(--space-1);list-style:none;max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-popover);z-index:100}.tm-countdown-timer__tz-option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--fg-body);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.tm-countdown-timer__tz-option:hover,.tm-countdown-timer__tz-option--active{background:var(--accent-primary-subtle);color:var(--accent-primary-hover)}.tm-countdown-timer__validation{grid-column:1 / -1;padding:var(--space-2_5) var(--space-3);border:1px solid color-mix(in srgb,var(--color-danger) 30%,var(--border));border-radius:var(--radius-md);background:var(--color-danger-subtle);color:var(--color-danger);font-size:var(--text-sm);font-weight:var(--weight-medium)}.tm-countdown-timer__presets{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border)}.tm-countdown-timer__presets-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-right:var(--space-1)}.tm-countdown-timer__preset{display:inline-flex;align-items:center;padding:var(--space-1_5) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-panel);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg-body);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.tm-countdown-timer__preset:hover,.tm-countdown-timer__preset:focus-visible{background:var(--accent-primary-subtle);border-color:color-mix(in srgb,var(--accent-primary) 30%,var(--border));color:var(--accent-primary-hover);outline:none}.tm-countdown-timer__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.tm-countdown-timer__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-lg);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;min-height:40px;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.tm-countdown-timer__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tm-countdown-timer__btn:disabled{opacity:.55;cursor:not-allowed}.tm-countdown-timer__btn--primary{background:var(--accent-primary);color:var(--fg-on-accent);border-color:var(--accent-primary);box-shadow:var(--shadow-soft)}.tm-countdown-timer__btn--primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);transform:translateY(-1px)}.tm-countdown-timer__btn--secondary{background:var(--bg-surface);color:var(--fg-body);border-color:var(--border);box-shadow:var(--shadow-soft)}.tm-countdown-timer__btn--secondary:hover:not(:disabled){background:var(--bg-surface-alt);border-color:var(--border-strong);transform:translateY(-1px)}.tm-countdown-timer__btn--ghost{background:transparent;color:var(--fg-body);border-color:transparent}.tm-countdown-timer__btn--ghost:hover:not(:disabled){background:var(--hover-overlay)}.tm-countdown-timer__btn--sm{min-height:32px;padding:var(--space-1_5) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.tm-countdown-timer__resolved{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--color-info) 22%,var(--border));border-radius:var(--radius-lg);background:var(--color-info-subtle);font-size:var(--text-sm);color:var(--fg-body);line-height:var(--leading-relaxed)}.tm-countdown-timer__display{margin-top:var(--space-6)}.tm-countdown-timer__event-label{text-align:center;font-size:clamp(var(--text-lg),3vw,var(--text-2xl));font-weight:var(--weight-bold);color:var(--fg-strong);letter-spacing:var(--tracking-heading);margin:0 0 var(--space-4);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tm-countdown-timer__digits{display:flex;justify-content:center;gap:clamp(var(--space-3),2.5vw,var(--space-6));flex-wrap:wrap}.tm-countdown-timer__digit-group{display:flex;flex-direction:column;align-items:center;min-width:72px}.tm-countdown-timer__digit-value{font-size:clamp(var(--text-4xl),8vw,var(--text-6xl));font-weight:var(--weight-black);color:var(--fg-strong);letter-spacing:var(--tracking-display);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.tm-countdown-timer__digit-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-top:var(--space-1_5)}.tm-countdown-timer__display-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.tm-countdown-timer__reached{margin-top:var(--space-6);padding:var(--space-8) var(--space-6);text-align:center;border:1px solid color-mix(in srgb,var(--color-success) 30%,var(--border));border-radius:var(--radius-xl);background:linear-gradient(140deg,var(--color-success-subtle),transparent 60%),var(--bg-surface);box-shadow:var(--shadow-soft)}.tm-countdown-timer__reached-icon{font-size:48px;margin-bottom:var(--space-3)}.tm-countdown-timer__reached-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-success);margin-bottom:var(--space-2)}.tm-countdown-timer__reached-elapsed{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums}.tm-countdown-timer__reached-actions{margin-top:var(--space-5);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.tm-countdown-timer__privacy{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--color-success) 22%,var(--border));border-radius:var(--radius-lg);background:var(--color-success-subtle);font-size:var(--text-sm);color:var(--fg-body);line-height:var(--leading-relaxed)}.tm-countdown-timer__toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--fg-strong);color:var(--fg-invert);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--shadow-popover);z-index:600;pointer-events:none}.tm-countdown-timer__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tm-countdown-timer__fullscreen{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6);background:var(--bg-page);color:var(--fg-body)}.tm-countdown-timer__fullscreen-exit{position:absolute;top:var(--space-4);right:var(--space-4)}.tm-countdown-timer__fullscreen-label{text-align:center;font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:var(--weight-bold);color:var(--fg-strong);letter-spacing:var(--tracking-heading);max-width:90vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tm-countdown-timer__digits--fullscreen{gap:clamp(var(--space-6),4vw,var(--space-12))}.tm-countdown-timer__digits--fullscreen .tm-countdown-timer__digit-value{font-size:clamp(var(--text-6xl),12vw,140px)}@media(prefers-reduced-motion:reduce){.tm-countdown-timer__btn,.tm-countdown-timer__preset{transition:none}.tm-countdown-timer__btn:hover:not(:disabled),.tm-countdown-timer__preset:hover{transform:none}}