/* VOICE OF AMERICA NEWS — red / blue. One story per screen. */
:root{--a:#00BFFF;--a2:#267DFF;--uv:#0B1930;--uv2:#06101F;--vi:#F21F42;--ice:#8DEAFF;--tx:#F5FAFF;--mu:#B9CDE2;
  --fd:Orbitron,'Chakra Petch',system-ui,sans-serif;--fm:'Share Tech Mono',ui-monospace,Menlo,monospace;--fb:'Chakra Petch',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --c1:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(120% 80% at 50% 0%,#16283E 0,var(--uv) 45%,var(--uv2) 100%) fixed;color:var(--tx);font-family:var(--fb)}
a{color:var(--a);text-decoration:none}a:hover{text-shadow:0 0 10px var(--a)}
button{font-family:inherit}
body.home{height:100svh;overflow:hidden}
.top-bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;
  background:linear-gradient(180deg,rgba(6,16,31,.85),rgba(6,16,31,0));pointer-events:none}
.top-bar>*{pointer-events:auto}
.brand{display:flex;align-items:center;gap:8px;font:900 .92rem var(--fd);letter-spacing:.12em;color:#fff}
.brand img{border-radius:6px;box-shadow:0 0 14px rgba(0,191,255,.55)}.brand em{font-style:normal;color:var(--a);text-shadow:0 0 12px var(--a)}
.live{margin-left:auto;display:flex;align-items:center;gap:6px;font:400 .7rem var(--fm);letter-spacing:.2em;color:var(--a)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--a);box-shadow:0 0 10px var(--a);animation:bl 1.2s steps(2) infinite}
.scanlink{font:400 .7rem var(--fm);letter-spacing:.18em;padding:7px 10px;border:1px solid rgba(0,191,255,.5);clip-path:var(--c1);background:rgba(11,25,48,.6)}
@keyframes bl{50%{opacity:.25}}
/* the reel */
.reel{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.reel::-webkit-scrollbar{display:none}
.s{position:relative;height:100svh;background:radial-gradient(90% 70% at 50% 40%,#16283E,#06101F);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}
.s .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(1.1) contrast(1.05)}
@media (min-width:700px){.s .bg{object-fit:contain;background:var(--uv2)}.s::before{content:'';position:absolute;inset:-40px;z-index:-4;background:var(--bgimg,none) center/cover;filter:blur(30px) brightness(.55) saturate(1.3);opacity:.7}}
.s .sh{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(11,25,48,.65) 0,rgba(11,25,48,0) 20%,rgba(11,25,48,0) 38%,rgba(8,20,40,.86) 70%,rgba(6,16,31,.97) 100%)}
.scan{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,191,255,.045) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
.scan::after{content:'';position:absolute;left:0;right:0;height:22%;top:-22%;background:linear-gradient(180deg,transparent,rgba(0,191,255,.10),rgba(0,191,255,.35) 96%,transparent);animation:sw 5s linear infinite}
@keyframes sw{to{top:110%}}
.hud{position:absolute;top:calc(56px + env(safe-area-inset-top));left:14px;right:14px;display:flex;justify-content:space-between;font:400 .66rem var(--fm);letter-spacing:.22em;color:var(--a);text-shadow:0 0 8px rgba(0,191,255,.6)}
.b{width:100%;max-width:640px;padding:0 74px calc(30px + env(safe-area-inset-bottom)) 18px}
.k{display:block;font:400 .7rem/1.4 var(--fm);letter-spacing:.18em;color:var(--a);text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 10px rgba(0,191,255,.5)}
.b h2{margin:0 0 12px;font:900 clamp(1.35rem,6vw,2.1rem)/1.13 var(--fd);letter-spacing:.01em;color:#fff;text-shadow:0 2px 18px rgba(6,16,31,.9)}
.why{margin:0 0 10px;padding:9px 12px;border-left:3px solid var(--a);background:rgba(0,191,255,.08);font:600 .98rem/1.4 var(--fb);color:var(--ice)}
.why b{display:block;font:400 .6rem var(--fm);letter-spacing:.24em;color:var(--a);margin-bottom:3px}
.tx3{margin:0 0 16px;font:500 .95rem/1.45 var(--fb);color:var(--mu);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tx3.mono{font:400 .8rem var(--fm);letter-spacing:.14em;color:var(--a)}
.acts{display:flex;gap:10px;flex-wrap:wrap}
.go{display:inline-block;padding:13px 18px;background:var(--a);color:#06101F!important;font:900 .74rem var(--fd);letter-spacing:.14em;clip-path:var(--c1);box-shadow:0 0 26px rgba(0,191,255,.5);text-shadow:none!important}
.go.ghost{background:rgba(11,25,48,.7);color:var(--a)!important;box-shadow:inset 0 0 0 1px var(--a)}
/* the side rail, like TikTok */
.rail{position:absolute;right:10px;bottom:calc(34px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;z-index:3}
.rail>*{display:flex;flex-direction:column;align-items:center;gap:4px;width:52px;background:none;border:0;color:#fff;cursor:pointer;font:400 .56rem var(--fm);letter-spacing:.14em}
.rail i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(11,25,48,.72);box-shadow:inset 0 0 0 1px rgba(0,191,255,.55),0 0 18px rgba(0,191,255,.25);font-style:normal;font-size:1.15rem;color:var(--a)}
.r-paul i{background:radial-gradient(circle at 50% 50%,#9fe6ff 0,var(--a) 18%,#003a5a 34%,#06101F 62%);box-shadow:0 0 0 2px #556070,0 0 22px rgba(0,191,255,.6)}
.r-paul.on i{animation:pz .9s ease-in-out infinite}
@keyframes pz{50%{box-shadow:0 0 0 2px #556070,0 0 40px rgba(0,191,255,1)}}
.esri{position:absolute;left:14px;top:calc(80px + env(safe-area-inset-top));font:400 .56rem var(--fm);letter-spacing:.14em;color:var(--mu)}
.k-power .bg{filter:saturate(.25) contrast(1.25) brightness(.95) sepia(.2) hue-rotate(40deg)}
.k-power .why{border-color:var(--vi);background:rgba(242,31,66,.18)}.k-power .why b{color:#FF8A9B}
.k-ad .k{color:#FF8A9B}
/* glitch headline */
.gl{position:relative}
.on .gl::before,.on .gl::after{content:attr(data-t);position:absolute;inset:0;pointer-events:none;opacity:.55}
.on .gl::before{color:var(--a);transform:translate(2px,-1px);clip-path:inset(0 0 62% 0);animation:g1 1.1s steps(1) 1 both}
.on .gl::after{color:var(--vi);transform:translate(-2px,1px);clip-path:inset(58% 0 0 0);animation:g1 1.1s steps(1) .1s 1 both}
@keyframes g1{0%{opacity:.9}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-2px)}60%{opacity:.6}100%{opacity:0}}
/* intro */
.intro{align-items:center}
.ibg{position:absolute;inset:0;z-index:-3;background:url(/assets/va-intro.jpg) center 30%/cover;filter:brightness(.85) saturate(1.05)}
.ibg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,16,31,.55) 0,rgba(6,16,31,.05) 30%,rgba(6,16,31,.25) 55%,rgba(6,16,31,.94) 100%)}
.haz{position:absolute;left:0;right:0;bottom:0;height:14px;background:repeating-linear-gradient(-45deg,var(--a) 0 16px,#06101F 16px 32px);opacity:.85}
.ib,.ob{text-align:center;padding:0 18px 40px;max-width:720px}
.eye-stage{width:min(56vw,250px);aspect-ratio:1;margin:0 auto 10px;position:relative;filter:drop-shadow(0 0 30px rgba(0,191,255,.45))}
.eye{width:100%;height:100%;border-radius:50%}
.logo{margin:0;font:900 clamp(2rem,10vw,4.2rem)/1 var(--fd);letter-spacing:.08em;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.35)}
.logo span{display:block;color:var(--a);letter-spacing:.32em;text-shadow:0 0 18px var(--a),0 0 50px rgba(0,191,255,.6)}
.logo.sm{font-size:clamp(1.4rem,6vw,2.4rem)}
.slog{margin:16px 0;font:500 1.02rem/1.5 var(--fb);color:var(--mu)}.slog b{color:var(--tx)}
.stat{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font:400 .66rem var(--fm);letter-spacing:.18em;color:var(--a);margin:0 0 18px}
.paul-all,.top{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border:0;background:var(--a);color:#06101F;font:900 .76rem var(--fd);letter-spacing:.14em;clip-path:var(--c1);cursor:pointer;box-shadow:0 0 30px rgba(0,191,255,.6)}
.paul-all i{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#fff 0,#06101F 70%)}
.paul-all.on{animation:pz .9s ease-in-out infinite}
.swipe{margin:22px 0 0;font:400 .7rem var(--fm);letter-spacing:.3em;color:var(--mu)}.swipe b{display:block;color:var(--a);font-size:1.3rem;animation:up 1.4s ease-in-out infinite}
@keyframes up{50%{transform:translateY(-8px)}}
/* network + scanner block */
.net{scroll-snap-align:start;padding:calc(70px + env(safe-area-inset-top)) 0 30px;min-height:100svh}
.nh{text-align:center;font:400 .7rem var(--fm);letter-spacing:.24em;color:var(--a)}
.outro{align-items:center}.outro .ibg{filter:brightness(.4)}
.netl{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}
.netl a{padding:8px 12px;font:400 .68rem var(--fm);letter-spacing:.16em;border:1px solid rgba(0,191,255,.4);background:rgba(11,25,48,.6);clip-path:var(--c1)}
.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0}
.cerb{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(0,191,255,.4);background:linear-gradient(135deg,rgba(0,191,255,.12),rgba(242,31,66,.22));color:#fff;font:400 .72rem var(--fm);letter-spacing:.14em;clip-path:var(--c1)}
.cerb i{width:9px;height:9px;border-radius:50%;background:var(--a);box-shadow:0 0 10px var(--a);animation:bl 1.6s infinite}
.fine{font:400 .6rem/1.6 var(--fm);letter-spacing:.12em;color:var(--mu)}
.prog{position:fixed;left:0;right:0;bottom:0;height:3px;z-index:60;background:rgba(0,191,255,.12)}.prog i{display:block;height:100%;width:0;background:var(--a);box-shadow:0 0 10px var(--a);transition:width .3s}
/* article pages */
body.art{min-height:100vh}
.article{max-width:760px;margin:0 auto;padding:0 0 40px}
.article .hero{position:relative;height:62svh;overflow:hidden}.article .hero img{width:100%;height:100%;object-fit:cover}
.article .hero .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,25,48,.4),rgba(6,16,31,.98))}
.article article{position:relative;margin-top:-120px;padding:0 20px}
.article h1{font:900 clamp(1.5rem,6vw,2.4rem)/1.15 var(--fd);margin:0 0 14px;color:#fff}
.article .lead{font:600 1.08rem/1.55 var(--fb);color:var(--ice);border-left:3px solid var(--a);padding-left:12px;text-align:left;overflow-wrap:anywhere}
.article h2,.article h3{font:700 1.15rem/1.3 var(--fd);color:var(--a);margin:26px 0 8px;letter-spacing:.03em}
.article p{font:400 1.04rem/1.7 var(--fb);color:var(--tx);text-align:justify;hyphens:auto;overflow-wrap:anywhere}
.article .back a{font:400 .8rem var(--fm);letter-spacing:.16em}
@media (prefers-reduced-motion:reduce){.scan::after,.on .gl::before,.on .gl::after,.swipe b,.live i{animation:none}}
/* secure channels (desk e-mail addresses) */
.chan{align-items:center}.chan .ibg{filter:brightness(.35) saturate(1.3)}
.cb{width:100%;max-width:760px;padding:calc(70px + env(safe-area-inset-top)) 16px 26px;text-align:center}
.cmd{display:block;margin:16px auto 14px;max-width:460px;padding:14px;background:var(--a);color:#06101F!important;clip-path:var(--c1);box-shadow:0 0 30px rgba(0,191,255,.55);text-shadow:none!important}
.cmd span{display:block;font:900 .7rem var(--fd);letter-spacing:.3em}.cmd b{font:400 clamp(.85rem,3.6vw,1.05rem) var(--fm);overflow-wrap:anywhere}
.dks{display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left}
.dk{display:block;padding:8px 10px;background:rgba(11,25,48,.72);box-shadow:inset 0 0 0 1px rgba(0,191,255,.3);clip-path:var(--c1);min-width:0}
.dk span{display:block;font:700 .56rem var(--fd);letter-spacing:.16em;color:var(--a)}
.dk b{display:block;font:400 clamp(.56rem,2.5vw,.74rem) var(--fm);color:var(--tx);overflow-wrap:anywhere;font-weight:400}
@media (max-height:700px){.dk{padding:5px 8px}.cmd{margin:10px auto}}
@media (max-width:430px){.live{display:none}.scanlink{padding:6px 8px;font-size:.6rem;letter-spacing:.1em}.brand{font-size:.8rem}}
@media (max-width:380px){.brand b{display:none}.top-bar{gap:8px}}
/* v2: header controls, menu, rain, PAUL on air (green -> red), pages */
.skip{position:fixed;left:-999px;top:8px;z-index:200;padding:10px 14px;background:var(--a);color:#06101F}.skip:focus{left:10px}
.hb{margin-left:auto;display:flex;align-items:center;gap:6px}
.hbtn{display:inline-flex;align-items:center;gap:6px;min-height:40px;min-width:40px;justify-content:center;padding:0 10px;border:1px solid rgba(0,191,255,.5);background:rgba(11,25,48,.7);color:var(--a);font:400 .62rem var(--fm);letter-spacing:.14em;clip-path:var(--c1);cursor:pointer}
.menu-btn{font-size:1.1rem;color:#fff}
.hbtn[aria-pressed="true"]{background:var(--a);color:#06101F}
.pdot{width:10px;height:10px;border-radius:50%;background:var(--a);box-shadow:0 0 8px var(--a)}
html.onair .onair-btn{background:#FF173D;border-color:#FF173D;color:#fff;animation:pz2 1.2s ease-in-out infinite}
html.onair .onair-btn .pdot{background:#fff;box-shadow:0 0 8px #fff}
@keyframes pz2{50%{box-shadow:0 0 22px rgba(255,23,61,.9)}}
html.onair .r-paul i,.r-paul.on i{background:radial-gradient(circle,#ffd1d8 0,#FF173D 20%,#6a0010 38%,#06101F 64%);box-shadow:0 0 0 2px #556070,0 0 26px rgba(255,23,61,.8)}
.paul-all.on{background:#FF173D;color:#fff;box-shadow:0 0 30px rgba(255,23,61,.7)}
.menu{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(6,16,31,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.menu[hidden]{display:none}
.mi{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px}
.mi .k{margin-bottom:14px}
.mi a{font:900 clamp(1.3rem,6vw,2rem) var(--fd);letter-spacing:.14em;color:#fff;padding:8px 14px}
.mi a:hover,.mi a:focus{color:var(--a);text-shadow:0 0 16px var(--a);outline:none}
.mi a.mm{font:400 .8rem var(--fm);letter-spacing:.14em;color:var(--a);margin-top:16px}
html.menu-open,html.menu-open body{overflow:hidden}
.rain{position:absolute;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none;opacity:.3}
.rain.fixed{position:fixed;z-index:0;opacity:.28}
.page main,.page .top-bar{position:relative;z-index:2}.page .top-bar{position:fixed;z-index:50}
.doc{margin-top:0!important;padding-top:calc(90px + env(safe-area-inset-top))!important}
.doc h1 span{color:var(--a);text-shadow:0 0 14px rgba(0,191,255,.6)}
.doc .cmd{margin:18px 0}
.eg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:18px}
.ec{display:block;background:rgba(11,25,48,.7);box-shadow:inset 0 0 0 1px rgba(0,191,255,.3);clip-path:var(--c1)}
.ec img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.ec b{display:block;padding:8px;font:700 .8rem/1.3 var(--fb);color:#fff}
.legal{display:flex;justify-content:center;gap:14px;margin:16px 0 0;flex-wrap:wrap}.legal a{font:400 .72rem var(--fm);letter-spacing:.16em}
.center{text-align:center}
:focus-visible{outline:2px solid var(--a);outline-offset:3px}
@media (max-width:430px){.hbtn{padding:0 8px;font-size:.56rem}.brand b{display:none}}
/* v3: cybernetic bar (replaces the stripes), RICHTVX breaking, FAQ */
.cyb{position:absolute;left:0;right:0;bottom:0;height:30px;border-top:1px solid rgba(0,191,255,.55);background:linear-gradient(180deg,rgba(6,16,31,.2),rgba(6,16,31,.85));overflow:hidden}
.cyb i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,191,255,.5) 0 1px,transparent 1px 12px);-webkit-mask:linear-gradient(180deg,#000 0 6px,transparent 6px);mask:linear-gradient(180deg,#000 0 6px,transparent 6px)}
.cyb b{position:absolute;top:-1px;left:-30%;width:30%;height:2px;background:linear-gradient(90deg,transparent,#8DEAFF,var(--a),transparent);box-shadow:0 0 14px var(--a);animation:cyb 3.2s linear infinite}
.cyb span{position:absolute;left:0;right:0;bottom:6px;text-align:center;font:400 .56rem var(--fm);letter-spacing:.3em;color:rgba(0,191,255,.8);white-space:nowrap;overflow:hidden}
@keyframes cyb{to{left:100%}}
.brkbar{position:absolute;left:12px;right:12px;bottom:42px;display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(6,16,31,.85);box-shadow:inset 0 0 0 1px #FF173D,0 0 22px rgba(255,23,61,.45);clip-path:var(--c1);color:#fff!important;z-index:3}
.brkbar b{flex:0 0 auto;padding:4px 8px;background:#FF173D;font:900 .62rem var(--fd);letter-spacing:.16em;animation:bl 1.2s steps(2) infinite}
.brkbar span{font:600 .86rem/1.3 var(--fb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-brk .k{color:#FF5A6E;text-shadow:0 0 10px rgba(255,23,61,.6)}.k-brk .hud{color:#FF5A6E;text-shadow:0 0 8px rgba(255,23,61,.6)}
.k-brk .why{border-color:#FF173D;background:rgba(255,23,61,.12)}.k-brk .why b{color:#FF5A6E}
.k-brk .go{background:#FF173D;color:#fff!important;box-shadow:0 0 26px rgba(255,23,61,.55)}
.k-brk::after{content:'BREAKING';position:absolute;top:calc(84px + env(safe-area-inset-top));left:14px;padding:4px 10px;background:#FF173D;color:#fff;font:900 .66rem var(--fd);letter-spacing:.2em;animation:bl 1.2s steps(2) infinite}
.faq{margin:8px 0;padding:12px 14px;background:rgba(11,25,48,.6);box-shadow:inset 0 0 0 1px rgba(0,191,255,.28);clip-path:var(--c1)}
.faq summary{cursor:pointer;font:700 1rem var(--fb);color:#fff}.faq p{margin:10px 0 0}
@media (prefers-reduced-motion:reduce){.cyb b,.brkbar b,.k-brk::after{animation:none}}

/* Voice of America News: independence line, veterans */
.ind{margin:18px auto;max-width:680px;padding:10px 14px;border-left:3px solid var(--vi);background:rgba(242,31,66,.08);font:500 .8rem/1.5 var(--fb);color:var(--mu)}
.indi{margin:14px auto 0;max-width:360px;font:400 .6rem/1.5 var(--fm);letter-spacing:.12em;color:var(--mu);opacity:.85}
.vrs{display:grid;gap:10px;margin:18px 0}
.vr{display:block;padding:14px 16px;background:rgba(11,25,48,.75);box-shadow:inset 0 0 0 1px rgba(0,191,255,.35);clip-path:var(--c1)}
.vr b{display:block;font:700 1.05rem var(--fb);color:#fff}.vr span{display:block;margin:4px 0;color:var(--mu)}.vr em{font:400 .72rem var(--fm);letter-spacing:.14em;color:var(--a);font-style:normal}
.vr:first-child{box-shadow:inset 0 0 0 2px #F21F42}.vr:first-child b{color:#FF415B}
.k-vet .k,.k-vet .hud{color:#FF415B;text-shadow:0 0 10px rgba(242,31,66,.5)}.k-vet .why{border-color:#F21F42;background:rgba(242,31,66,.12)}.k-vet .why b{color:#FF8A9B}
.brand b{font-size:.78rem;letter-spacing:.1em}
@media (max-width:430px){.brand b{display:inline!important;font-size:.62rem}.brand em{font-size:.62rem}.brand img{width:24px;height:24px}}
@media (max-width:380px){.brand b,.brand em{font-size:.56rem;letter-spacing:.06em}}
.brand{white-space:nowrap}.brand b,.brand em{white-space:nowrap}
@media (max-width:430px){.brand b,.brand em{font-size:.54rem!important;letter-spacing:.04em}.brand{gap:5px}.hbtn span{font-size:.52rem}}

/* always-visible About · Contact · Privacy · Terms bar + installable app */
:root{--lb:calc(30px + env(safe-area-inset-bottom))}
.legalbar{position:fixed;left:0;right:0;bottom:0;z-index:58;display:flex;justify-content:center;align-items:center;gap:clamp(10px,4vw,22px);height:var(--lb);padding:0 10px env(safe-area-inset-bottom);
  background:rgba(6,6,14,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(0,191,255,.4);box-sizing:border-box}
.legalbar a,.legalbar button{font:400 .6rem/1 var(--fm);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78);text-decoration:none;white-space:nowrap}
.legalbar a:hover,.legalbar a:focus-visible{color:#00BFFF}
.legalbar button{background:none;border:1px solid #00BFFF;color:#00BFFF;padding:4px 8px;cursor:pointer}
.home .reel,.home .s{height:calc(100svh - var(--lb))}
.prog{bottom:var(--lb)!important}
body.art{padding-bottom:calc(var(--lb) + 8px)}
.inst-btn[hidden]{display:none!important}
.inst-big{display:inline-flex;align-items:center;justify-content:center;margin:10px auto 0;padding:11px 18px;background:transparent;color:#00BFFF;border:1px solid #00BFFF;font:700 .72rem var(--fm);letter-spacing:.2em;cursor:pointer;box-shadow:0 0 18px -6px #00BFFF}
.inst-menu{display:block;margin:18px auto 0;padding:12px 18px;background:#00BFFF;color:#06101F;border:0;font:700 .8rem var(--fm);letter-spacing:.2em;cursor:pointer}
.inst-sheet{position:fixed;left:50%;bottom:calc(var(--lb) + 16px);transform:translateX(-50%);z-index:210;width:min(92vw,380px);padding:18px 18px 14px;background:rgba(6,6,14,.96);
  box-shadow:inset 0 0 0 1px #00BFFF,0 0 40px -8px #00BFFF;color:#fff;font:500 .9rem/1.6 var(--fb);box-sizing:border-box}
.inst-sheet b{display:block;font:700 .72rem var(--fm);letter-spacing:.24em;color:#00BFFF;margin-bottom:6px}
.inst-sheet em{font-style:normal;color:#00BFFF}.inst-sheet .ic{display:inline-block;padding:0 4px;border:1px solid rgba(255,255,255,.4)}
.inst-sheet button{display:block;margin:10px 0 0 auto;padding:7px 16px;background:#00BFFF;color:#06101F;border:0;font:700 .7rem var(--fm);letter-spacing:.2em;cursor:pointer}
@media (max-width:360px){.legalbar{gap:9px}.legalbar a,.legalbar button{letter-spacing:.08em}}

/* opening screen always fits between the top bar and the breaking bar: PAUL's eye is never covered */
.intro .ib{box-sizing:border-box;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(74px + env(safe-area-inset-top)) 16px 104px}
.intro .eye-stage{width:min(56vw,250px,22svh);margin:0 auto 8px;flex:0 0 auto}
.intro .logo{font-size:clamp(1.7rem,min(10vw,6svh),4.2rem)}
.intro .slog{margin:10px 0}
.intro .stat{margin:0 0 12px}
.intro .swipe{margin:10px 0 0}
.intro .inst-big{margin-top:8px;padding:9px 16px}
.intro .indi{margin-top:8px}
@media (max-height:760px){.intro .slog{font-size:.9rem;line-height:1.4;margin:8px 0}.intro .stat{font-size:.58rem;margin-bottom:10px}.intro .paul-all{padding:11px 16px}.intro .swipe{font-size:0;margin-top:4px}.intro .swipe b{font-size:1.1rem}.intro .indi{font-size:.52rem;margin-top:4px}}
@media (max-height:700px){.intro .eye-stage{width:min(56vw,18svh)}.intro .slog b{display:none}.intro .stat span:nth-child(n+2):not(#utc){display:none}}

/* v7: dateline · New York time · verify link · fingerprint on every story */
.dos{position:absolute;left:12px;right:12px;top:var(--dos-top,calc(80px + env(safe-area-inset-top)));z-index:2;display:flex;flex-wrap:wrap;gap:3px 12px;max-width:560px;padding:7px 10px;
  font:400 .6rem/1.5 var(--fm);letter-spacing:.1em;color:var(--a);background:rgba(0,0,0,.46);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);text-transform:uppercase}
.dos span,.dos a{white-space:nowrap}.dos .ts{color:#fff}.dos .fp{color:rgba(255,255,255,.6)}
.dos .vf{color:var(--a);text-decoration:underline dotted;text-underline-offset:3px}
.dos.dos-page{position:static;margin:4px 0 18px;max-width:none}
.dl{color:var(--a);font-weight:700}
@media (max-width:380px){.dos{font-size:.54rem;gap:2px 8px}.dos .fp{display:none}}