.countdown-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.countdown-actions .event-calendar-trigger{border-color:rgba(255,255,255,.5);color:#fff}
.event-calendar-trigger[hidden],.event-calendar [hidden]{display:none}
.event-calendar{width:min(28rem,calc(100% - 2rem));max-height:calc(100% - 2rem);margin:auto;padding:clamp(1rem,4vw,1.5rem);border:1px solid var(--light-gray);border-radius:var(--radius-lg);background:var(--white);color:var(--primary);overflow:auto}
.event-calendar::backdrop{background:rgba(25,22,51,.68)}
.event-calendar-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}
.event-calendar-header h2{color:var(--primary);padding:0;letter-spacing:0;font:700 clamp(1.4rem,4vw,1.8rem)/1.12 var(--font-display);margin:0 0 .25rem}
.event-calendar-header p,.event-calendar-help{color:var(--text);font-size:.9rem;line-height:1.4}
.event-calendar-close{display:grid;place-items:center;flex:none;width:40px;min-width:0;height:40px;margin:0;padding:0;border:1px solid var(--light-gray);border-radius:var(--radius-sm);background:var(--white);color:var(--primary);cursor:pointer}
.event-calendar-close i{color:inherit}
.event-calendar-close:hover{background:var(--off-white);box-shadow:none}
.event-calendar-form{display:grid;gap:.875rem}
.event-calendar-form fieldset{min-width:0;padding:0;border:0;margin:0}
.event-calendar-form :is(legend,label){color:var(--primary)}
.event-calendar-form legend{font:700 1.05rem/1.3 var(--font-display);margin-bottom:.35rem}
.event-calendar-days label,.event-calendar-custom{display:flex;align-items:center;gap:.625rem;min-height:40px;cursor:pointer}
.event-calendar-days label+label{border-top:1px solid var(--light-gray)}
.event-calendar-days input,.event-calendar-custom input{flex:none;width:1rem;height:1rem;accent-color:var(--primary)}
.event-calendar-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.event-calendar-times label{display:grid;gap:.25rem;min-width:0;font-size:.9rem}
.event-calendar-times input{width:100%;min-width:0;min-height:44px;padding:.35rem .5rem;border:1px solid var(--light-gray);border-radius:var(--radius-sm);background:var(--white);color:inherit;font:inherit}
.event-calendar-form>.btn{justify-self:start}
@media(max-width:640px){.countdown-actions:has(.event-calendar-trigger:not([hidden])) .btn{min-height:44px;padding-inline:.75rem;font-size:.85rem}}