.countdown{margin-inline:auto;max-width:34rem;text-align:center}.cd-form{align-items:center;gap:1rem;margin-block:2rem}.cd-field,.cd-form{display:flex;flex-direction:column}.cd-field{gap:.25rem;max-width:20rem;width:100%}.cd-field label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-align:left;text-transform:uppercase}.cd-field input{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:.5rem;color:var(--color-text-heading);font-size:1rem;outline:none;padding:.625rem .75rem;transition:border-color .15s}.cd-field input:focus{border-color:var(--color-accent-blue)}.cd-start-btn{background:var(--color-accent-blue);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem 2.5rem;transition:opacity .15s}.cd-start-btn:hover{opacity:.9}.cd-result{margin-block:1.5rem 2rem}.cd-tag{color:var(--color-text-muted);font-size:.8125rem;font-weight:500;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.cd-event-name{color:var(--color-text-heading);font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.cd-event-date{color:var(--color-text-muted);font-size:.875rem;margin-bottom:2rem}.cd-blocks{display:flex;gap:clamp(.75rem,3vw,1.5rem);justify-content:center}.cd-block{align-items:center;display:flex;flex-direction:column;min-width:4rem}.cd-block .value{color:var(--color-text-heading);font-size:clamp(2.5rem,10vw,4rem);font-variant-numeric:tabular-nums;font-weight:300;line-height:1.1}.cd-block .unit{font-size:.75rem;font-weight:500;letter-spacing:.1em;margin-top:.375rem;text-transform:uppercase}.cd-block .unit,.cd-passed{color:var(--color-text-muted)}.cd-passed{font-size:1.125rem;margin-top:1rem}.cd-edit-btn{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;margin-top:2rem;padding:.5rem 1.5rem;transition:background .15s,border-color .15s}.cd-edit-btn:hover{background:var(--color-hover-bg);border-color:var(--color-border-medium)}.cd-presets{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.cd-preset{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:2rem;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:.375rem .875rem;transition:background .15s,border-color .15s}.cd-preset:hover{background:var(--color-hover-bg);border-color:var(--color-border-medium)}.hidden{display:none!important}