:root{color-scheme:dark;--paper: #d9cfba;--faint: #8e8473;--line: rgba(217, 207, 186, .25);--orange: #d55c28;--black: #080706}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow:hidden;background:var(--black)}body{color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}.transmission{position:relative;display:grid;width:100vw;min-height:100vh;min-height:100svh;place-items:center;isolation:isolate;overflow:hidden}.transmission-art,.vignette,.scanlines{position:absolute;inset:0;pointer-events:none}.transmission-art{z-index:-3;background-image:url(/assets/cicada-first-post-omGkWg7k.png);background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(1.01)}.vignette{z-index:-2;background:radial-gradient(circle at center,transparent 26%,rgba(8,7,6,.1) 55%,rgba(8,7,6,.76) 100%),linear-gradient(to top,rgba(8,7,6,.92) 0%,transparent 34%)}.scanlines{z-index:3;opacity:.07;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(217,207,186,.28) 4px);mix-blend-mode:soft-light}.x-link{position:absolute;top:28px;right:30px;z-index:5;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);color:var(--faint);transition:color .16s ease,border-color .16s ease}.x-link:hover{border-color:var(--orange);color:var(--orange)}.x-link svg{width:14px;fill:currentColor}.countdown{position:absolute;bottom:clamp(24px,4.5vh,58px);left:50%;z-index:4;width:min(640px,calc(100% - 40px));padding:18px 24px 15px;border-top:1px solid var(--line);background:linear-gradient(180deg,#080706f0,#080706ad);box-shadow:0 -18px 42px #080706b8;text-align:center;transform:translate(-50%)}.countdown:before,.countdown:after{content:"";position:absolute;top:-3px;width:5px;height:5px;background:var(--orange);transform:rotate(45deg)}.countdown:before{left:0}.countdown:after{right:0}.countdown>p{margin:0 0 10px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.clock{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;font-size:clamp(31px,5vw,58px);font-weight:500;letter-spacing:.08em;line-height:1;text-shadow:0 0 28px rgba(213,92,40,.14)}.clock i{color:var(--orange);font-size:.55em;font-style:normal}.clock-labels{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;color:var(--faint);font-size:7px;letter-spacing:.2em;text-transform:uppercase}.countdown time{display:block;margin-top:13px;color:var(--faint);font-size:8px;letter-spacing:.16em}.countdown.is-complete>p{color:var(--paper)}.countdown.is-complete .clock,.countdown.is-complete .clock-labels{display:none}.countdown.is-complete time{color:var(--orange);font-size:11px}@media(max-width:700px){.transmission-art{background-size:auto 100%}.x-link{top:18px;right:18px;width:35px;height:35px}.countdown{bottom:18px;width:calc(100% - 28px);padding-inline:10px}.clock{font-size:clamp(28px,9vw,42px);letter-spacing:.02em}}@media(prefers-reduced-motion:reduce){.scanlines{display:none}}