:root{color-scheme:dark;--bg:#08080b;--bg2:#0d0c10;--text:#f6f2ed;--muted:#aaa4a6;--red:#ff383e;--reddeep:#a81222;--edge:rgba(255,255,255,.12);--mono:'Consolas','SFMono-Regular','Courier New',monospace;--sans:'Segoe UI',Arial,Helvetica,sans-serif;--display:Impact,'Arial Narrow','Franklin Gothic Heavy',sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}::selection{color:#fff;background:#d32232}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(ellipse 70% 50% at 50% 31%,#231015 0%,#0c0b0f 55%,#08080b 100%);pointer-events:none}.embers{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none;opacity:.73}.noise{position:fixed;inset:0;z-index:12;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.16' filter='url(%23n)'/%3E%3C/svg%3E")}.scanlines{position:fixed;inset:0;z-index:11;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.055) 4px,transparent 5px)}
.site-shell{max-width:1660px;margin:0 auto;position:relative;padding:0 clamp(20px,5vw,90px)}.topbar{height:95px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--edge);position:relative;z-index:5}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:47px;height:43px;font:900 22px/1 var(--display);letter-spacing:-2px;background:#fff;color:#0a0a0c;transform:skew(-8deg)}.brand-slash{color:#d82a35;margin:0 2px}.brand-name{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.11em}.brand-since{color:#737077;font-size:10px}.top-status{display:flex;align-items:center;gap:11px;font:700 11px var(--mono);letter-spacing:.12em}.signal{border:1px solid rgba(255,68,77,.35);height:16px;width:16px;border-radius:50%;display:grid;place-items:center}.signal span{background:var(--red);width:6px;height:6px;border-radius:50%;box-shadow:0 0 12px var(--red);animation:signal 2s infinite}.status-code{color:#605b63;padding-left:12px;border-left:1px solid #3d343a}
.hero{position:relative;min-height:475px;display:grid;place-items:center;text-align:center;isolation:isolate;padding:43px 0 20px}.hero::before{content:"";position:absolute;width:min(900px,90vw);height:370px;top:12px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(222,32,45,.16) 0%,rgba(222,32,45,.055) 37%,transparent 70%);z-index:-2}.hero-content{position:relative;z-index:3}.eyebrow{display:flex;align-items:center;justify-content:center;gap:15px;color:#f77b7c;font:700 11px var(--mono);letter-spacing:.23em}.eyebrow-rule{width:26px;height:1px;background:#b82c39}.hero-title{margin:12px 0 -4px;font-family:var(--display);font-weight:900;letter-spacing:.015em;line-height:.84;transform:scaleX(.95)}.title-line-one{display:block;font-size:clamp(76px,10vw,145px);color:#f5f1ec;filter:drop-shadow(0 5px 2px rgba(0,0,0,.5))}.title-line-two{display:block;position:relative;font-size:clamp(128px,19vw,260px);color:#fff;text-shadow:0 2px 0 #8d1e26,0 5px 0 #5f1119,0 11px 36px rgba(0,0,0,.7);letter-spacing:-.017em}.title-period{color:var(--red);margin-left:-.025em}.hero-caption{margin-top:11px;font:900 clamp(14px,1.8vw,20px) var(--sans);letter-spacing:.3em}.hero-caption em{color:var(--red);font-style:normal}.hero-subtitle{color:#ada6a7;font-size:clamp(13px,1.25vw,16px);line-height:1.7;margin:14px 0 0}.side-marker{position:absolute;top:51%;color:#837278;font:10px var(--mono);letter-spacing:.15em;writing-mode:vertical-rl;display:flex;gap:27px}.side-marker span{color:#554b50}.left-marker{left:0;transform:translateY(-50%) rotate(180deg)}.right-marker{right:0;transform:translateY(-50%)}
.eclipse{position:absolute;z-index:-1;top:2%;left:50%;width:min(490px,73vw);height:min(490px,73vw);transform:translateX(-50%);pointer-events:none}.eclipse-halo{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at center,transparent 30%,rgba(247,34,39,.08) 44%,rgba(230,34,44,.14) 54%,transparent 70%);filter:blur(9px);animation:breath 8s ease-in-out infinite}.eclipse-core{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 50% 44%,#160c10 0%,#0c0a0e 60%,#211014 74%,#ff323c 80%,#8b121e 81%,transparent 86%);box-shadow:0 0 30px rgba(252,45,56,.35),0 0 95px rgba(255,25,37,.15),inset 0 0 24px #ff273344}.eclipse-ring{position:absolute;inset:1%;border:1px solid rgba(255,77,88,.12);border-radius:50%}.eclipse-ring-one{inset:1%;border-style:dashed;animation:rotate 50s linear infinite}.eclipse-ring-two{inset:7%;border:1px solid rgba(255,60,77,.22);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-21deg);animation:rotate 30s linear infinite reverse}.eclipse-cross{position:absolute;background:linear-gradient(90deg,transparent,#ab34404a,transparent)}.eclipse-cross-x{height:1px;left:-22%;right:-22%;top:50%}.eclipse-cross-y{width:1px;top:-12%;bottom:-12%;left:50%;background:linear-gradient(transparent,#ab34404a,transparent)}
.countdown-section{position:relative;max-width:1120px;margin:0 auto 52px}.countdown-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.section-index{font:700 10px var(--mono);color:#d15e64;letter-spacing:.14em}.countdown-heading h2{margin:5px 0 0;font-family:var(--display);font-size:clamp(27px,3.3vw,42px);font-weight:900;letter-spacing:.035em}.red-dot{color:var(--red)}.target-stamp{font:700 12px var(--mono);letter-spacing:.12em;color:#c7afb1;margin-bottom:6px;white-space:nowrap}.target-stamp span{color:var(--red);padding:0 6px}.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.time-card{position:relative;min-width:0;height:210px;padding:18px 20px 13px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(165deg,rgba(28,24,29,.95) 0%,rgba(13,12,16,.96) 75%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 42px #0005;overflow:hidden;isolation:isolate}.time-card::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#bd3a46 43%,transparent);opacity:.45}.time-card::before{content:"";position:absolute;inset:auto -50px -120px -50px;height:180px;background:radial-gradient(circle,rgba(251,48,57,.065),transparent 70%);z-index:-1}.time-top,.time-bottom{display:flex;justify-content:space-between;align-items:center}.time-sequence{font:700 10px var(--mono);letter-spacing:.16em;color:#73656a}.time-corner{color:#7b3b41;font-size:15px}.time-number{font:900 clamp(69px,8.2vw,122px)/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.005em;text-align:center;transform:scaleX(.94);text-shadow:0 3px 18px rgba(255,255,255,.06)}.time-bottom{font:800 12px var(--mono);letter-spacing:.16em;color:#b8adb0}.time-card-mark{font:28px var(--display);color:#71333a}.seconds-card{border-color:rgba(254,66,77,.72);background:linear-gradient(150deg,#311419 0%,#160d11 65%,#110c11 100%);box-shadow:inset 0 1px 0 rgba(255,100,100,.19),0 9px 42px rgba(175,21,39,.17)}.seconds-card .time-number{color:#ff5a61;text-shadow:0 0 25px rgba(245,27,48,.36)}.seconds-card .time-bottom{color:#f5b5b7}.seconds-card .time-card-mark{color:#f54b57}.seconds-beam{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ff424b 35%,#f99 52%,#ff424b 70%,transparent);box-shadow:0 0 15px rgba(255,43,53,.6);animation:beam 1s ease-in-out infinite alternate}.accessible-time{position:absolute;clip-path:inset(100%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.progress-block{padding:22px 0 0}.progress-label,.progress-foot{display:flex;justify-content:space-between;gap:10px;color:#bcb4b4;font:700 10px var(--mono);letter-spacing:.13em}.progress-label #progressPercent{color:#fb555e}.progress-icon{color:#ee454e;padding-right:7px}.progress-track{position:relative;background:#21191d;border:1px solid #473037;height:13px;margin-top:12px;overflow:hidden}.progress-track::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#ffffff16 calc(10% - 1px),#ffffff16 10%);z-index:2}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#811927,#ef3443,#ff7777);box-shadow:0 0 18px #f44b57;transition:width 1s ease}.progress-foot{font-size:9px;color:#675e62;margin-top:8px}
.entertainment{max-width:1120px;margin:0 auto 58px;display:grid;grid-template-columns:1fr 330px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);min-height:255px}.entertainment-copy{position:relative;padding:31px 24px 29px 0}.quote-mark{margin:3px 0 -32px;color:#902631;font:95px var(--display);line-height:1}.quote{font:800 clamp(24px,2.4vw,38px)/1.2 var(--sans);letter-spacing:-.035em;max-width:620px;margin:0 0 23px}.quote-under{font:700 9px var(--mono);letter-spacing:.16em;color:#81777a}.quote-sparkle{color:var(--red);padding-right:8px}.entertainment-actions{border-left:1px solid var(--edge);padding:27px 0 20px 30px;display:flex;flex-direction:column;align-items:stretch}.action-label{font:700 10px var(--mono);letter-spacing:.12em;color:#9c9295;margin-bottom:18px}.control-btn{font:800 11px var(--mono);letter-spacing:.07em;cursor:pointer;min-height:45px;padding:0 13px;border-radius:0;display:flex;align-items:center;gap:12px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.control-btn:hover{transform:translateY(-2px)}.control-btn:active{transform:translateY(0)}.accent-btn{background:var(--red);border:1px solid var(--red);color:#13090c;box-shadow:0 0 25px rgba(249,35,49,.12)}.accent-btn:hover{background:#ff777d}.quiet-btn{margin-top:8px;background:transparent;border:1px solid #625358;color:#f7eceb}.quiet-btn:hover,.quiet-btn[aria-pressed="true"]{border-color:#ed5d6a;background:#4b1d25}.btn-symbol{font-size:17px}.btn-arrow{margin-left:auto;font-size:17px}.button-response{font:10px/1.5 var(--mono);color:#776f73;margin:11px 0 0;min-height:27px}
.ticker{position:relative;border-top:1px solid #5b2930;border-bottom:1px solid #5b2930;background:#250c12;overflow:hidden;transform:translateX(-50%);left:50%;width:100vw;min-height:42px;display:flex;align-items:center}.ticker-inner{font:900 13px var(--mono);letter-spacing:.14em;color:#e9b0b3;display:flex;align-items:center;gap:25px;white-space:nowrap;min-width:max-content;animation:marquee 30s linear infinite}.ticker-inner span{color:#ff5c60;font-size:20px}.footer{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#747075;font:10px var(--mono);letter-spacing:.12em}.footer-left span{color:#bb3d4c;margin:0 8px}.footer-right{display:flex;align-items:center;gap:20px}.footer-x{color:var(--red);font-size:20px}.share-btn{border:0;background:none;color:#dad3d5;font:700 10px var(--mono);letter-spacing:.1em;cursor:pointer;padding:10px 0}.share-btn:hover{text-decoration:underline;text-decoration-color:var(--red)}
.confetti-layer{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden}.confetti-bit{position:absolute;top:-10px;width:8px;height:14px;opacity:0;animation:confetti-fall var(--duration,3s) ease-in forwards;transform:rotate(var(--rotate,0deg));background:var(--color,#ff363d)}.finale{position:fixed;inset:0;z-index:20;background:radial-gradient(circle at 50% 40%,#45111b 0%,#110a10 48%,#08080b 100%);padding:32px;display:grid;place-items:center;text-align:center}.finale[hidden]{display:none!important}.finale-inner{position:relative}.finale-eyebrow{color:#f99193;font:700 12px var(--mono);letter-spacing:.2em}.finale-word{font:900 clamp(95px,18vw,235px)/.86 var(--display);margin:35px 0 24px}.finale-word span{color:#ff4b53;text-shadow:0 0 60px #c11935}.finale p{font-size:clamp(22px,4vw,36px);font-weight:800}.finale-small{font:700 11px var(--mono);color:#aaa0a3;letter-spacing:.17em;margin:27px auto}.finale .control-btn{margin:0 auto}
.overdrive .hero-content{animation:drama-shake 4.2s infinite}.overdrive .hero::before{background:radial-gradient(ellipse,rgba(252,20,40,.32) 0%,rgba(222,32,45,.075) 39%,transparent 70%)}.overdrive .title-line-two{filter:drop-shadow(0 0 30px rgba(255,34,51,.65))}.overdrive .eclipse-core{box-shadow:0 0 65px rgba(255,44,44,.8),0 0 150px rgba(255,25,37,.4)}.overdrive .seconds-card{box-shadow:0 0 45px rgba(255,44,62,.55)}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none}.overdrive .glitch::before{color:#fc3a48;text-shadow:-5px 0 #f53c48;clip-path:inset(20% 0 50% 0);animation:glitch1 2.8s infinite}.overdrive .glitch::after{color:#dbe3eb;text-shadow:5px 0 #4dfaf3;clip-path:inset(58% 0 20% 0);animation:glitch2 2.8s infinite}
@keyframes signal{0%,100%{opacity:1}50%{opacity:.35}}@keyframes breath{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes beam{to{opacity:.33}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes glitch1{0%,89%,94%,100%{opacity:0;transform:none}90%,92%{opacity:.85;transform:translate(-6px,1px)}91%{opacity:.85;transform:translate(3px,-2px)}}@keyframes glitch2{0%,90%,96%,100%{opacity:0;transform:none}92%,94%{opacity:.75;transform:translate(5px,-1px)}93%{opacity:.75;transform:translate(-4px,3px)}}@keyframes drama-shake{0%,92%,100%{transform:none}93%{transform:translate(2px,0)}94%{transform:translate(-2px,0)}95%{transform:none}}@keyframes confetti-fall{0%{opacity:1;transform:translate3d(0,0,0) rotate(0)}100%{opacity:0;transform:translate3d(var(--drift,30px),110vh,0) rotate(var(--spin,700deg))}}
@media(max-width:1000px){.hero{min-height:430px}.time-card{height:170px;padding:13px}.time-number{font-size:clamp(65px,9vw,97px)}.entertainment{grid-template-columns:1fr 300px}.entertainment-actions{padding-left:20px}.side-marker{display:none}}
@media(max-width:700px){.site-shell{padding:0 18px}.topbar{height:71px}.brand-mark{width:42px;height:39px;font-size:20px}.brand-name{font-size:10px}.brand-since{display:none}.top-status{font-size:9px;gap:6px}.status-code{display:none}.hero{min-height:375px;padding:50px 0 20px}.eyebrow{font-size:8px;letter-spacing:.15em;gap:8px}.eyebrow-rule{width:13px}.hero-title{margin:22px 0 10px}.title-line-one{font-size:clamp(65px,13vw,105px)}.title-line-two{font-size:clamp(107px,23vw,174px)}.hero-caption{font-size:12px;letter-spacing:.14em}.hero-subtitle{font-size:13px;margin-top:11px}.eclipse{top:9%;width:min(430px,91vw);height:min(430px,91vw)}.countdown-heading{align-items:start;flex-wrap:wrap;gap:6px;margin-bottom:14px}.countdown-heading h2{font-size:30px}.target-stamp{width:100%;font-size:11px}.countdown-grid{gap:8px}.time-card{height:130px;padding:11px 8px 9px}.time-number{font-size:clamp(50px,11vw,85px)}.time-sequence{font-size:8px}.time-bottom{font-size:8px;letter-spacing:.03em}.time-card-mark{font-size:18px}.progress-block{padding-top:23px}.progress-label{font-size:9px}.countdown-section{margin-bottom:36px}.entertainment{grid-template-columns:1fr;margin-bottom:43px}.entertainment-copy{padding:24px 0}.quote{max-width:100%;font-size:27px}.entertainment-actions{border-left:0;border-top:1px solid var(--edge);padding:19px 0 20px}.action-label{margin-bottom:12px}.footer{flex-wrap:wrap;min-height:130px;padding:25px 0;gap:15px}.footer-right{justify-content:space-between;width:100%;gap:10px}}
@media(max-width:400px){.site-shell{padding:0 14px}.hero{min-height:344px}.title-line-one{font-size:63px}.title-line-two{font-size:112px}.hero-caption{font-size:10px}.time-card{height:118px;padding:8px 6px}.time-number{font-size:47px}.time-sequence{font-size:7px}.time-corner{font-size:12px}.time-bottom{font-size:7px}.progress-label{letter-spacing:.03em}.quote{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}.embers{display:none}}
/* Keep the oversize eclipse guide lines inside the mobile hero. */
@media(max-width:700px){.hero{overflow:hidden}}