.countdown-page{--cd-bg:#111217;--cd-panel:#171920;--cd-ink:#f5f2ea;--cd-muted:#a5a5a0;--cd-line:rgba(255,255,255,.12);--cd-accent:#8ea0ff;background:var(--paper);color:var(--ink)}
.countdown-main{padding:42px 0 94px}
.countdown-intro{padding-bottom:34px}
.countdown-intro-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(240px,4fr);gap:34px;align-items:end}
.countdown-kicker{margin:0 0 12px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.countdown-intro h1{margin:0;font-family:var(--serif);font-size:clamp(54px,7vw,92px);font-weight:400;line-height:.9;letter-spacing:-.058em;max-width:900px}
.countdown-lede{max-width:760px;margin:24px 0 0;color:#55524d;font-size:17px;line-height:1.7;letter-spacing:-.012em}
.countdown-intro-note{margin:0 0 5px;padding:18px 0 0;border-top:1px solid var(--ink);color:#64615b;font-size:12.5px;line-height:1.65}
.countdown-builder{border-top:1px solid var(--ink);padding-top:18px}
.countdown-form-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(150px,.75fr) auto;gap:12px;align-items:end}
.countdown-field label,.countdown-timezone span,.countdown-toolbar-label{display:block;margin-bottom:7px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#7b7871}
.countdown-field input{width:100%;height:56px;border:1px solid #c9c5bb;border-radius:0;background:#fbfaf6;color:#171717;padding:0 14px;outline:none;font-size:15px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.countdown-field input:hover{border-color:#aaa59a;background:#fff}
.countdown-field input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(36,71,255,.09)}
.countdown-timezone{height:56px;min-width:158px;border:1px solid #c9c5bb;background:#ece9e1;padding:10px 13px;display:flex;flex-direction:column;justify-content:center}
.countdown-timezone span{margin:0 0 2px}
.countdown-timezone strong{font-size:11.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.countdown-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 0 21px}
.countdown-theme-picker,.countdown-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.countdown-toolbar-label{margin:0 5px 0 0}
.theme-swatch{width:31px;height:31px;border-radius:999px;border:1px solid transparent;background:transparent;padding:3px;display:grid;place-items:center}
.theme-swatch span{display:block;width:100%;height:100%;border-radius:999px;border:1px solid rgba(0,0,0,.16)}
.theme-swatch[data-theme="midnight"] span{background:linear-gradient(145deg,#111217,#46507f)}
.theme-swatch[data-theme="paper"] span{background:linear-gradient(145deg,#f3f1eb,#c8c1b4)}
.theme-swatch[data-theme="aurora"] span{background:linear-gradient(145deg,#071d1c,#31a48f)}
.theme-swatch[data-theme="sunset"] span{background:linear-gradient(145deg,#28171f,#d46d55)}
.theme-swatch.is-active{border-color:var(--ink)}
.countdown-action{height:41px;border:1px solid #bdb8ae;border-radius:0;padding:0 14px;background:transparent;color:#34322f;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.countdown-action:hover{border-color:var(--ink);background:#fff}
.countdown-action-primary{background:var(--ink);border-color:var(--ink);color:#fff;padding-inline:17px}
.countdown-action-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.countdown-action[aria-pressed="true"]{background:#fff;border-color:var(--ink);color:var(--ink)}
.countdown-stage-wrap{margin-top:4px}
.countdown-stage{position:relative;isolation:isolate;min-height:560px;overflow:hidden;background:var(--cd-bg);color:var(--cd-ink);border:1px solid rgba(0,0,0,.22);display:grid;grid-template-rows:auto 1fr auto;padding:26px 28px 23px;transition:background .25s ease,color .25s ease}
.countdown-stage::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--cd-bg)}
.countdown-ambient{position:absolute;inset:-30%;z-index:-1;pointer-events:none;opacity:.7;background:radial-gradient(circle at 22% 22%,color-mix(in srgb,var(--cd-accent) 28%,transparent),transparent 31%),radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--cd-accent) 18%,transparent),transparent 30%);filter:blur(28px);transform:translateZ(0)}
[data-countdown-theme="midnight"]{--cd-bg:#101116;--cd-panel:#171920;--cd-ink:#f7f3eb;--cd-muted:#999994;--cd-line:rgba(255,255,255,.13);--cd-accent:#7688ff}
[data-countdown-theme="paper"]{--cd-bg:#f1eee6;--cd-panel:#e7e1d6;--cd-ink:#171717;--cd-muted:#6d6960;--cd-line:rgba(0,0,0,.15);--cd-accent:#2447ff}
[data-countdown-theme="paper"] .countdown-ambient{opacity:.42;filter:blur(34px)}
[data-countdown-theme="aurora"]{--cd-bg:#071817;--cd-panel:#0c2421;--cd-ink:#eef8f4;--cd-muted:#8cb4a9;--cd-line:rgba(210,255,239,.14);--cd-accent:#50d8b4}
[data-countdown-theme="sunset"]{--cd-bg:#25151c;--cd-panel:#301c25;--cd-ink:#fff3ed;--cd-muted:#c8a99e;--cd-line:rgba(255,235,225,.14);--cd-accent:#f28a6f}
.countdown-stage-top,.countdown-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2}
.countdown-stage-brand{display:flex;align-items:center;gap:9px;color:var(--cd-ink)}
.countdown-stage-brand span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--cd-line);font-family:var(--mono);font-size:10px;font-weight:700}
.countdown-stage-brand strong{font-size:12px;font-weight:720;letter-spacing:-.02em}
.countdown-stage-top-actions{display:flex;gap:7px}
.stage-icon-button{border:1px solid var(--cd-line);background:transparent;color:var(--cd-muted);height:33px;padding:0 11px;font-family:var(--mono);font-size:9px;letter-spacing:.045em;text-transform:uppercase}
.stage-icon-button:hover{color:var(--cd-ink);border-color:var(--cd-ink)}
#stageExitButton{display:none}
.countdown-stage-center{align-self:center;text-align:center;padding:48px 0 38px}
.countdown-stage-eyebrow{margin:0 0 9px;font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--cd-accent)}
.countdown-stage-center h2{margin:0 auto;color:var(--cd-ink);font-family:var(--serif);font-size:clamp(32px,5.4vw,72px);font-weight:400;line-height:1;letter-spacing:-.048em;max-width:920px;overflow-wrap:anywhere}
.countdown-digits{display:flex;align-items:flex-start;justify-content:center;gap:clamp(8px,2vw,26px);margin:42px auto 0;max-width:960px;font-variant-numeric:tabular-nums}
.countdown-unit{min-width:min(19vw,180px)}
.countdown-unit strong{display:block;font-family:var(--sans);font-size:clamp(44px,9.5vw,128px);font-weight:580;letter-spacing:-.07em;line-height:.82;color:var(--cd-ink)}
.countdown-unit span{display:block;margin-top:17px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--cd-muted)}
.countdown-separator{margin-top:clamp(-2px,.3vw,5px);font-family:var(--serif);font-size:clamp(38px,6.7vw,86px);line-height:.8;color:color-mix(in srgb,var(--cd-muted) 60%,transparent);font-weight:400}
.countdown-target-line{margin:30px 0 0;color:var(--cd-muted);font-size:12px;letter-spacing:.005em}
.countdown-complete{margin:35px 0 0;font-family:var(--serif);font-size:clamp(52px,9vw,128px);line-height:.9;letter-spacing:-.055em;color:var(--cd-ink)}
.countdown-stage.is-complete .countdown-digits{display:none}
.countdown-stage.is-complete .countdown-complete{display:block!important}
.countdown-stage.is-complete .countdown-ambient{animation:countdownGlow 4s ease-in-out infinite alternate}
.countdown-stage-bottom{padding-top:18px;border-top:1px solid var(--cd-line);color:var(--cd-muted);font-family:var(--mono);font-size:8.5px;letter-spacing:.04em;text-transform:uppercase}
.countdown-shortcuts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.countdown-shortcuts kbd{min-width:22px;height:22px;display:inline-grid;place-items:center;border:1px solid var(--cd-line);background:transparent;color:var(--cd-ink);font-family:var(--mono);font-size:8px;font-weight:700}
.countdown-copy{margin-top:58px;padding-top:27px;border-top:1px solid var(--ink)}
.countdown-copy-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:52px}
.countdown-copy-heading span,.countdown-related>span{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.countdown-copy-heading h2{margin:10px 0 0;font-family:var(--serif);font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1;letter-spacing:-.042em;max-width:390px}
.countdown-copy-body>p{margin:0;color:#595650;font-size:15px;line-height:1.75;max-width:740px}
.countdown-copy-body ul{list-style:none;margin:25px 0 0;padding:0;border-top:1px solid var(--line)}
.countdown-copy-body li{padding:14px 0;border-bottom:1px solid var(--line);color:#5c5953;font-size:13px;line-height:1.62}
.countdown-copy-body li strong{color:var(--ink)}
.countdown-faq-section{margin-top:50px}
.countdown-copy-body details{border-top:1px solid var(--line);padding:0}
.countdown-copy-body details:last-child{border-bottom:1px solid var(--line)}
.countdown-copy-body summary{cursor:pointer;padding:16px 30px 16px 0;font-size:14px;font-weight:670;letter-spacing:-.01em;list-style:none;position:relative}
.countdown-copy-body summary::-webkit-details-marker{display:none}
.countdown-copy-body summary::after{content:"+";position:absolute;right:3px;top:14px;font-family:var(--mono);font-size:16px;font-weight:400}
.countdown-copy-body details[open] summary::after{content:"−"}
.countdown-copy-body details p{margin:-3px 0 17px;color:#5d5a54;font-size:13px;line-height:1.7;max-width:720px}
.countdown-related{margin-top:58px;padding-top:22px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:0;align-items:start}
.countdown-related>span{padding:4px 20px 0 0}
.countdown-related a{display:flex;justify-content:space-between;gap:14px;border-left:1px solid var(--line);padding:3px 18px 18px;font-size:12.5px;line-height:1.4;min-height:58px}
.countdown-related a:hover{color:var(--accent)}
.countdown-related b{font-weight:400;color:var(--muted-2)}
.countdown-toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:100;transform:translate(-50%,16px);background:#161616;color:#fff;padding:10px 14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.countdown-toast.show{opacity:1;transform:translate(-50%,0)}
.countdown-page.stage-fullscreen{overflow:hidden}
.countdown-page.stage-fullscreen .countdown-stage{position:fixed;inset:0;z-index:90;width:100vw;height:100dvh;min-height:100vh;border:0;padding:max(24px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left))}
.countdown-page.stage-fullscreen #stageExitButton{display:block}
.countdown-page.stage-fullscreen .countdown-stage-center{padding:28px 0 20px}
.countdown-page.stage-fullscreen .countdown-stage-center h2{font-size:clamp(42px,6vw,92px)}
.countdown-page.stage-fullscreen .countdown-unit{min-width:min(20vw,250px)}
.countdown-page.stage-fullscreen .countdown-unit strong{font-size:clamp(68px,13vw,210px)}
.countdown-page.stage-fullscreen .countdown-separator{font-size:clamp(52px,9vw,130px)}
.countdown-page.stage-fullscreen .countdown-stage-top,.countdown-page.stage-fullscreen .countdown-stage-bottom{transition:opacity .3s ease}
.countdown-page.stage-fullscreen.controls-hidden .countdown-stage-top,.countdown-page.stage-fullscreen.controls-hidden .countdown-stage-bottom{opacity:0;pointer-events:none}
@keyframes countdownGlow{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.countdown-stage.is-complete .countdown-ambient{animation:none}.countdown-toast,.countdown-stage-top,.countdown-stage-bottom{transition:none}}
@media (max-width:900px){.countdown-intro-grid,.countdown-copy-grid{grid-template-columns:1fr}.countdown-intro-note{max-width:680px}.countdown-form-card{grid-template-columns:1fr 1fr}.countdown-field-title{grid-column:1/-1}.countdown-timezone{min-width:0}.countdown-related{grid-template-columns:1fr 1fr}.countdown-related>span{grid-column:1/-1;padding-bottom:14px}.countdown-related a:nth-of-type(odd){border-left:0}.countdown-related a{border-top:1px solid var(--line);padding:14px 14px 16px 0}.countdown-toolbar{align-items:flex-start;flex-direction:column}.countdown-actions{width:100%}.countdown-action-primary{margin-left:auto}}
@media (max-width:640px){.countdown-main{padding-top:28px}.countdown-intro h1{font-size:clamp(46px,14vw,66px)}.countdown-lede{font-size:15px}.countdown-form-card{grid-template-columns:1fr}.countdown-field-title{grid-column:auto}.countdown-timezone{height:50px}.countdown-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.countdown-action{width:100%;padding-inline:10px}.countdown-action-primary{grid-column:1/-1;margin:0}.countdown-stage{min-height:510px;padding:20px 16px 17px}.countdown-stage-brand strong{display:none}.countdown-stage-center{padding:52px 0 34px}.countdown-stage-center h2{font-size:clamp(32px,10vw,48px)}.countdown-digits{gap:6px;margin-top:38px}.countdown-unit{min-width:0;flex:1}.countdown-unit strong{font-size:clamp(36px,13vw,64px)}.countdown-unit span{font-size:7px;margin-top:12px}.countdown-separator{font-size:30px;margin-top:0}.countdown-target-line{font-size:10.5px;line-height:1.5;margin-top:25px}.countdown-shortcuts{display:none}.countdown-stage-bottom{justify-content:center;text-align:center}.countdown-copy{margin-top:46px}.countdown-copy-grid{gap:24px}.countdown-related{grid-template-columns:1fr}.countdown-related a,.countdown-related a:nth-of-type(odd){border-left:0}.countdown-page.stage-fullscreen .countdown-stage{padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.countdown-page.stage-fullscreen .countdown-stage-center h2{font-size:clamp(34px,11vw,60px)}.countdown-page.stage-fullscreen .countdown-unit{min-width:0}.countdown-page.stage-fullscreen .countdown-unit strong{font-size:clamp(44px,15vw,84px)}.countdown-page.stage-fullscreen .countdown-separator{font-size:clamp(32px,9vw,50px)}}
