.input-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-row label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.text-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit}.text-input:focus{outline:none;border-color:var(--color-accent)}.countdown-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:40px 24px;text-align:center}.event-name{font-size:1.25rem;font-weight:600;margin-bottom:32px;color:var(--color-text-muted)}.countdown-display{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:32px}@media(max-width:480px){.countdown-display{gap:4px}}.countdown-item{text-align:center}.countdown-value{display:block;font-size:3.5rem;font-weight:700;font-family:var(--font-mono);line-height:1;color:var(--color-accent)}@media(max-width:480px){.countdown-value{font-size:2rem}}.countdown-label{font-size:.6875rem;text-transform:uppercase;color:var(--color-text-muted);margin-top:8px;display:block}.countdown-separator{font-size:2.5rem;font-weight:300;color:var(--color-text-muted);padding:0 4px}@media(max-width:480px){.countdown-separator{font-size:1.5rem}}.target-date-display{font-size:.875rem;color:var(--color-text-muted)}.finished{color:#16a34a;font-size:2rem;font-weight:700;padding:40px 0}