/* ============================================================
   THE SHADE WIRE — trap-tech sci-fi neon, two-tier wire.
   Tier one: FROM THE NETWORK (artists first, reel beside text).
   Tier two: THE WIRE (world headlines, read-the-source CTA).
   Tokens: obsidian #04030a · raised #0a0818 · surface #0d0b1c
           cyan #00e5ff · magenta #ff3df2 · violet #8a5cff
           gold #ffcc33 · lime #c8ff2d · ice text #eae6ff
   Fonts: Archivo Black / Bebas Neue headings, JetBrains Mono
          data/labels, Inter body. Glass = backdrop-filter
          so the glow shows through.
   ============================================================ */

:root{
  --bg:#04030a; --raised:#0a0818; --surface:#0d0b1c;
  --cyn:#00e5ff; --mag:#ff3df2; --vio:#8a5cff; --lime:#c8ff2d; --gold:#ffcc33;
  --ice:#eae6ff; --mut:#9d94b8; --dim:#5c5472;
  --glass:rgba(13,11,28,.55); --glass2:rgba(10,8,24,.8);
  --line:rgba(140,120,255,.14); --line2:rgba(0,229,255,.28);
  --r:16px;
  --font-disp:"Archivo Black","Arial Black",system-ui,sans-serif;
  --font-head:"Bebas Neue","Oswald","Arial Narrow",sans-serif;
  --font-body:"Inter",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  background:var(--bg);color:var(--ice);font-family:var(--font-body);
  min-height:100vh;overflow-x:clip;position:relative;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1100px 620px at 85% -10%,rgba(255,61,242,.07),transparent 60%),
    radial-gradient(900px 600px at -10% 20%,rgba(0,229,255,.06),transparent 55%),
    radial-gradient(800px 700px at 50% 120%,rgba(138,92,255,.08),transparent 60%);
}
::selection{background:rgba(0,229,255,.28)}
a{color:inherit;text-decoration:none}
button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}
img{display:block}

/* ambient background layers */
.amb{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(1100px 620px at 85% -10%,rgba(0,229,255,.07),transparent 60%),
  radial-gradient(900px 600px at -10% 20%,rgba(255,61,242,.06),transparent 55%),
  radial-gradient(800px 700px at 50% 120%,rgba(138,92,255,.07),transparent 60%),
  var(--bg)}
.grain{position:fixed;inset:0;z-index:-1;opacity:.4;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px}
.aurora{position:fixed;inset:-12%;z-index:-2;pointer-events:none;filter:blur(70px) saturate(150%);
  background:
    radial-gradient(38% 42% at 16% 18%,rgba(255,61,242,.16),transparent 62%),
    radial-gradient(42% 46% at 84% 8%,rgba(0,229,255,.14),transparent 62%),
    radial-gradient(46% 50% at 55% 94%,rgba(138,92,255,.16),transparent 62%);
  animation:aurDrift 28s ease-in-out infinite alternate}
@keyframes aurDrift{0%{transform:translate3d(-2.5%,-1.5%,0) rotate(0deg)}100%{transform:translate3d(2.5%,1.5%,0) rotate(2deg)}}

/* ============ NEON NAV ============ */
.shade-nav{position:sticky;top:0;z-index:900;
  background:linear-gradient(180deg,rgba(10,8,24,.82),rgba(8,6,18,.68));
  backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)}
.shade-nav-in{display:flex;align-items:center;gap:16px;padding:12px clamp(14px,3.5vw,34px);flex-wrap:wrap}
.shade-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.sb-mark{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-disp);font-size:15px;color:#1a0014;
  background:linear-gradient(135deg,var(--mag),var(--vio));
  box-shadow:0 0 24px rgba(255,61,242,.4),inset 0 1px 0 rgba(255,255,255,.5)}
.sb-txt{display:flex;flex-direction:column;line-height:1.02}
.sb-txt b{font-family:var(--font-disp);font-size:14px;letter-spacing:.05em;color:var(--ice);
  text-shadow:0 0 14px rgba(255,61,242,.45)}
.sb-txt i{font-style:normal;font-family:var(--font-head);font-size:11px;letter-spacing:.3em;color:var(--cyn);
  text-shadow:0 0 10px rgba(0,229,255,.4)}
.shade-links{display:flex;gap:4px;margin-left:8px;align-items:center;flex-wrap:wrap}
.sl-nav{font-size:13.5px;font-weight:700;color:var(--mut);padding:8px 13px;border-radius:10px;
  transition:.18s;position:relative;text-shadow:0 0 0 transparent}
.sl-nav:hover{color:var(--ice);background:rgba(255,255,255,.05);
  text-shadow:0 0 14px rgba(0,229,255,.7),0 0 30px rgba(0,229,255,.35)}
.sl-nav.on{color:#04121a;background:linear-gradient(135deg,var(--cyn),var(--vio));
  font-weight:800;box-shadow:0 0 22px rgba(0,229,255,.5);
  text-shadow:0 0 10px rgba(0,0,0,.15);animation:navPulse 2.4s ease-in-out infinite}
@keyframes navPulse{0%,100%{box-shadow:0 0 18px rgba(0,229,255,.45)}50%{box-shadow:0 0 34px rgba(255,61,242,.65)}}
.shade-status{display:flex;align-items:center;gap:8px;margin-left:auto;
  background:var(--glass);border:1px solid var(--line);border-radius:20px;
  padding:7px 14px;font-size:12px;font-weight:700;color:var(--mut);white-space:nowrap}
.shade-status i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(200,255,45,.7)}70%{box-shadow:0 0 0 9px rgba(200,255,45,0)}100%{box-shadow:0 0 0 0 rgba(200,255,45,0)}}

/* ============ TICKER ============ */
.shade-ticker{height:38px;overflow:hidden;display:flex;align-items:center;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(255,61,242,.06),rgba(10,8,24,.5) 40%,rgba(0,229,255,.06))}
.st-label{flex:0 0 auto;align-self:center;font-family:var(--font-head);font-size:12px;letter-spacing:.22em;
  color:var(--mag);text-shadow:0 0 14px rgba(255,61,242,.7);padding:0 16px;text-transform:uppercase;
  white-space:nowrap;animation:stLbl 3.2s ease-in-out infinite}
@keyframes stLbl{50%{text-shadow:0 0 26px rgba(255,61,242,1)}}
.st-track{display:flex;gap:14px;white-space:nowrap;animation:stScroll 70s linear infinite;
  padding:0 16px;align-items:center;will-change:transform}
.shade-ticker:hover .st-track{animation-play-state:paused}
.st-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;
  font-weight:500;color:var(--mut);letter-spacing:.03em}
.st-item b{color:var(--ice);font-weight:700;text-shadow:0 0 10px rgba(0,229,255,.35)}
.st-sep{color:var(--mag);opacity:.7}
@keyframes stScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ MASTHEAD ============ */
.shade-main{position:relative;z-index:1;padding-bottom:80px}
.shade-masthead{position:relative;text-align:center;padding:56px clamp(16px,4vw,52px) 26px}
.sm-overline{font-family:var(--font-mono);font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--vio);text-shadow:0 0 12px rgba(138,92,255,.6);margin-bottom:18px}
.sm-name{font-family:var(--font-disp);font-size:clamp(46px,10vw,128px);line-height:.9;letter-spacing:.02em;
  text-transform:uppercase;display:inline-block;
  background:linear-gradient(120deg,#f6e9ff 0%,var(--mag) 26%,var(--vio) 52%,var(--cyn) 78%,#f6e9ff 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 26px rgba(255,61,242,.35)) drop-shadow(0 0 48px rgba(138,92,255,.25));
  animation:chromeSweep 7s linear infinite}
@keyframes chromeSweep{0%{background-position:0% center}100%{background-position:220% center}}
.sm-sub{font-family:var(--font-head);font-size:clamp(15px,2.2vw,20px);letter-spacing:.1em;color:var(--mut);
  margin:16px auto 0;max-width:72ch;text-transform:uppercase;line-height:1.45}
.sm-sub b{color:var(--cyn);font-weight:400;text-shadow:0 0 12px rgba(0,229,255,.5)}
.sm-voice{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--lime);
  text-transform:uppercase;margin-top:14px;text-shadow:0 0 12px rgba(200,255,45,.45)}
.sm-dateline{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;color:var(--mut);
  text-transform:uppercase;margin-top:20px;padding:12px 0;
  border-top:1px solid var(--line);border-bottom:3px double rgba(234,230,255,.2)}
.sm-dateline .dl-live{color:var(--lime);text-shadow:0 0 10px rgba(200,255,45,.5)}

/* ============ LEAD HERO (full-bleed 4K) ============ */
.shade-lead{position:relative;width:100%;overflow:hidden;isolation:isolate}
.sl-frame{position:relative;width:100%;aspect-ratio:16/9;max-height:76vh;min-height:280px;
  background:linear-gradient(135deg,#140a1e,#0a0818 45%,#0d1028);display:block}
.sl-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.sl-media.hidden{display:none}
/* scanlines + aurora hints */
.sl-frame::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);
  opacity:.4;mix-blend-mode:overlay}
.sl-frame::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(60% 38% at 76% 14%,rgba(0,229,255,.14),transparent 60%),
    radial-gradient(50% 42% at 18% 78%,rgba(255,61,242,.16),transparent 60%);
  mix-blend-mode:screen}
.sl-veil{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,3,10,.55) 0%,rgba(4,3,10,.15) 34%,rgba(4,3,10,.2) 62%,rgba(4,3,10,.96) 100%)}
.sl-in{position:absolute;z-index:3;left:0;right:0;bottom:0;
  padding:0 clamp(18px,4.5vw,56px) clamp(22px,5vh,56px)}
.sl-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);
  font-size:14px;letter-spacing:.26em;text-transform:uppercase;color:var(--cyn);
  text-shadow:0 0 14px rgba(0,229,255,.6);margin-bottom:12px}
.sl-kicker .live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1.8s infinite}
.sl-title{font-family:var(--font-disp);font-size:clamp(26px,4.8vw,64px);line-height:1.02;letter-spacing:-.01em;
  color:#fff;text-shadow:0 0 30px rgba(0,229,255,.45),0 0 60px rgba(138,92,255,.3),0 2px 0 rgba(0,0,0,.6);
  max-width:20ch}
.sl-deck{font-family:var(--font-body);font-size:clamp(15px,1.9vw,20px);line-height:1.5;color:#e7edf6;
  font-style:italic;max-width:72ch;margin-top:12px;text-shadow:0 1px 8px rgba(0,0,0,.85)}
.sl-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--mut);text-transform:uppercase}
.sl-meta .c-ish{color:var(--cyn);text-shadow:0 0 10px rgba(0,229,255,.5)}
.sl-meta .sep{color:var(--mag)}
.sl-read{display:inline-flex;align-items:center;gap:8px;margin-top:20px;
  font-family:var(--font-head);font-size:15px;letter-spacing:.18em;font-weight:700;
  color:#04121a;background:linear-gradient(135deg,#baf4ff,var(--cyn));
  padding:13px 28px;border-radius:14px;box-shadow:0 0 28px rgba(0,229,255,.45);
  transition:.2s;text-transform:uppercase}
.sl-read:hover{transform:translateY(-2px);box-shadow:0 0 44px rgba(0,229,255,.7)}
.sl-read .arr{font-size:18px;line-height:1}

/* ============ TRAP RULE ============ */
.shade-rule{margin:20px clamp(16px,3.5vw,42px) 6px;padding:18px 22px;text-align:center;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(0,229,255,.05),rgba(10,8,24,.4) 40%,rgba(255,61,242,.07))}
.sr-label{font-family:var(--font-head);font-size:12px;letter-spacing:.3em;color:var(--lime);
  text-transform:uppercase;display:block;margin-bottom:11px;text-shadow:0 0 12px rgba(200,255,45,.4)}
.sr-text{font-family:var(--font-disp);font-size:clamp(17px,2.6vw,27px);line-height:1.28;
  color:#fff;letter-spacing:-.01em;text-shadow:0 0 26px rgba(0,229,255,.26)}
.sr-sig{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;color:var(--dim);
  text-transform:uppercase;display:block;margin-top:12px}

/* ============ SECTION HEADERS ============ */
.sec-head{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px 18px;margin-bottom:22px;
  padding:0 2px 14px;border-bottom:3px double rgba(234,230,255,.16)}
.ssh-tag{display:inline-block;font-family:var(--font-head);font-size:12px;letter-spacing:.22em;font-weight:700;
  padding:4px 11px;border-radius:6px;color:#1a0014;background:var(--mag);box-shadow:0 0 16px rgba(255,61,242,.4);
  text-transform:uppercase}
.ssh-tag--net{background:linear-gradient(135deg,#ffcc66,var(--gold));color:#1a0d00;box-shadow:0 0 18px rgba(255,204,51,.45)}
.ssh-title{font-family:var(--font-disp);font-size:clamp(20px,2.8vw,30px);line-height:1;color:#fff;letter-spacing:-.01em;
  text-shadow:0 0 22px rgba(0,229,255,.26)}
.sec-head--network .ssh-title{text-shadow:0 0 22px rgba(255,204,51,.3)}
.ssh-sub{font-family:var(--font-head);font-size:13px;letter-spacing:.18em;color:var(--mut);
  text-transform:uppercase;margin-left:auto}

/* ============ BYLINE CHIP (trapper credit) ============ */
.b-byline{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);
  font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);
  text-shadow:0 0 10px rgba(200,255,45,.4)}
.b-byline i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}

/* ============ FROM THE NETWORK — artists first ============ */
.shade-network{padding:30px clamp(16px,3.5vw,42px) 8px}
.shade-network-list{display:flex;flex-direction:column;gap:22px}

/* network story = reel beside the article */
.ncard{position:relative;display:grid;grid-template-columns:minmax(240px,5fr) minmax(280px,7fr);
  gap:0;border-radius:var(--r);overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,#160b1a,#0a0818 45%,#0d1028);
  border:1px solid rgba(255,61,242,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 44px rgba(0,0,0,.4);
  transition:transform .24s,border-color .24s,box-shadow .24s}
.ncard:hover{transform:translateY(-3px);border-color:rgba(255,61,242,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 24px 60px rgba(0,0,0,.5),0 0 44px rgba(255,61,242,.22)}
/* whole card is the tappable reel */
.ncard.reel-card{cursor:pointer}
.ncard.reel-card:focus-visible{outline:2px solid var(--cyn);outline-offset:3px}
.n-playglyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  width:64px;height:64px;border-radius:50%;pointer-events:none;
  display:flex;align-items:center;justify-content:center;
  background:rgba(6,4,16,.6);border:1px solid rgba(255,255,255,.42);
  backdrop-filter:blur(4px);box-shadow:0 0 24px rgba(0,229,255,.28);
  transition:transform .24s ease,background .24s ease,opacity .3s ease}
.n-playglyph::before{content:"";width:0;height:0;
  border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.ncard.reel-card:hover .n-playglyph{background:rgba(0,229,255,.28);transform:translate(-50%,-50%) scale(1.1)}
.ncard.is-playing .n-playglyph{opacity:0}
/* media column */
.n-media{position:relative;min-height:260px;background:linear-gradient(135deg,#1a0d20,#0a0818);
  overflow:hidden;isolation:isolate}
.n-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);opacity:.35;mix-blend-mode:overlay}
.n-video,.n-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.n-img.hidden{display:none}
.n-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(70% 55% at 30% 20%,rgba(255,61,242,.12),transparent 60%)}
/* kind chip + playing */
.n-kind{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-head);font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;
  color:#1a0014;background:linear-gradient(135deg,#ffb3f9,var(--mag));border-radius:8px;padding:5px 11px;
  box-shadow:0 0 16px rgba(255,61,242,.45)}
.n-kind--playing{color:#04121a;background:linear-gradient(135deg,#baf4ff,var(--cyn));box-shadow:0 0 16px rgba(0,229,255,.45)}
.n-kind .ndot{width:6px;height:6px;border-radius:50%;background:#1a0014;animation:pulse 1.6s infinite}
.n-kind--playing .ndot{background:#04121a}
/* watch-the-moment control */
.n-moment{position:absolute;right:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-head);font-size:12px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;
  color:#04121a;background:linear-gradient(135deg,#fff6c9,var(--gold));border-radius:9px;padding:7px 13px;
  box-shadow:0 0 18px rgba(255,204,51,.4);transition:transform .18s,box-shadow .18s}
.n-moment:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(255,204,51,.65)}
.n-moment .play{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #04121a}
/* ---- cinematic expand: click reel -> full-bleed player with sound ---- */
.n-body{transition:opacity .42s ease,transform .42s ease}
.ncard.is-playing{grid-template-columns:1fr;width:min(100%,calc(82vh * .5625));margin:0 auto;
  aspect-ratio:9/16;min-height:320px;max-height:82vh;
  border-color:rgba(0,229,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 70px rgba(0,0,0,.62),0 0 64px rgba(255,61,242,.3)}
@media (max-width:640px){.ncard.is-playing{width:100%}}
.ncard.is-playing .n-media{position:absolute;inset:0;z-index:6;min-height:0;height:100%;
  animation:reelExpand .5s cubic-bezier(.2,.7,.2,1) both}
.ncard.is-playing .n-body{position:absolute;inset:0;z-index:5;opacity:0;visibility:hidden;
  pointer-events:none;transform:translateY(10px)}
.ncard.is-playing .n-kind,.ncard.is-playing .n-moment{opacity:0;pointer-events:none;
  transition:opacity .25s}
@keyframes reelExpand{from{opacity:.35;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
/* dark cinematic vignette over the playing reel */
.n-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .45s;
  background:
    radial-gradient(130% 100% at 50% 50%,transparent 42%,rgba(4,3,10,.68) 100%),
    linear-gradient(180deg,rgba(4,3,10,.45) 0%,transparent 22%,transparent 72%,rgba(4,3,10,.7) 100%)}
.ncard.is-playing .n-vignette{opacity:1}
/* NOW PLAYING chip + artist, over the expanded video */
.n-nowplaying{position:absolute;top:16px;left:16px;z-index:4;display:flex;align-items:center;gap:9px;
  opacity:0;transform:translateY(-8px);transition:.38s cubic-bezier(.2,.7,.2,1);pointer-events:none;
  font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase}
.ncard.is-playing .n-nowplaying{opacity:1;transform:none}
.n-nowplaying .np-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);
  box-shadow:0 0 12px var(--lime);animation:pulse 1.4s infinite}
.n-nowplaying .np-label{font-size:11px;font-weight:700;color:#04121a;
  background:linear-gradient(135deg,#baf4ff,var(--cyn));padding:5px 12px;border-radius:8px;
  box-shadow:0 0 18px rgba(0,229,255,.5);white-space:nowrap}
.n-nowplaying .np-artist{font-size:13px;font-weight:700;color:#fff;
  text-shadow:0 0 14px rgba(255,61,242,.75),0 1px 4px rgba(0,0,0,.7)}
/* close / return control over the expanded video */
.n-close{position:absolute;top:66px;right:14px;z-index:5;width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;color:#fff;
  background:rgba(10,8,24,.55);border:1px solid rgba(255,61,242,.55);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 0 22px rgba(255,61,242,.4);opacity:0;transform:scale(.75);transition:.3s;cursor:pointer}
.ncard.is-playing .n-close{opacity:1;transform:scale(1)}
.n-close:hover{background:rgba(255,61,242,.85);color:#1a0014;transform:scale(1.08);
  box-shadow:0 0 30px rgba(255,61,242,.7)}
/* share actions + toast */
.n-actions,.w-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.n-share,.w-share{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid rgba(0,229,255,.42);
  color:var(--cyn);font-family:var(--font-head);font-size:11px;letter-spacing:.12em;font-weight:700;
  padding:9px 14px;border-radius:8px;cursor:pointer;transition:.2s;text-transform:uppercase}
.n-share:hover,.w-share:hover{background:rgba(0,229,255,.15);box-shadow:0 0 18px rgba(0,229,255,.3)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);z-index:999;
  background:rgba(6,4,16,.94);border:1px solid rgba(0,229,255,.5);color:#fff;
  padding:11px 20px;border-radius:10px;font-family:var(--font-head);font-size:13px;letter-spacing:.04em;
  box-shadow:0 12px 40px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.3s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* body column */
.n-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:11px;min-width:0}
.n-artist{font-family:var(--font-head);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);
  text-shadow:0 0 12px rgba(255,204,51,.5);display:inline-flex;align-items:center;gap:8px}
.n-artist .handle{color:var(--mut);letter-spacing:.08em;text-shadow:none}
.n-title{font-family:var(--font-disp);font-size:clamp(22px,3vw,36px);line-height:1.05;letter-spacing:-.01em;
  background:linear-gradient(120deg,#fff 0%,#ffb3f9 40%,var(--mag) 75%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 18px rgba(255,61,242,.25))}
.n-deck{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--ice);opacity:.85;font-style:italic}
.n-brief{font-family:var(--font-body);font-size:14.5px;line-height:1.72;color:var(--mut);
  border-left:2px solid rgba(255,204,51,.5);padding-left:14px}
.n-quote{font-family:var(--font-body);font-style:italic;font-size:15px;line-height:1.6;color:#ffd9f9;
  background:rgba(255,61,242,.07);border:1px solid rgba(255,61,242,.22);border-radius:10px;
  padding:12px 14px;text-shadow:0 0 16px rgba(255,61,242,.25)}
.n-station{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:4px;
  font-family:var(--font-head);font-size:14px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;
  color:#04121a;background:linear-gradient(135deg,#ffb3f9,var(--mag));padding:12px 22px;border-radius:12px;
  box-shadow:0 0 24px rgba(255,61,242,.4);transition:transform .18s,box-shadow .18s}
.n-station:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(255,61,242,.65)}
.n-station .arr{font-size:16px;line-height:1}
.n-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);
  font-size:10.5px;letter-spacing:.06em;color:var(--dim);text-transform:uppercase}
.n-meta .src{color:var(--gold)}

/* ============ RELEASE MUSIC PLAYER (release + audio) ============ */
.n-media.n-musicmedia{
  min-height:0;background:linear-gradient(135deg,#1a0d20,#0a0818 55%,#0d1028);
  padding:16px;display:flex}
.n-media.n-musicmedia::after{
  background:radial-gradient(80% 70% at 25% 25%,rgba(0,229,255,.14),transparent 60%)}
.n-player{
  position:relative;z-index:2;display:flex;gap:16px;align-items:center;width:100%;
  border:1px solid rgba(0,229,255,.22);border-radius:14px;
  background:var(--glass);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);
  padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.45)}
.mp-cover{position:relative;flex:0 0 auto;width:92px;height:92px;border-radius:12px;overflow:hidden;
  border:1px solid rgba(255,61,242,.5);box-shadow:0 0 26px rgba(255,61,242,.35);background:#0a0818}
.mp-cover::after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;
  background:radial-gradient(120% 120% at 30% 20%,rgba(0,229,255,.22),transparent 55%)}
.mp-cover-img{width:100%;height:100%;object-fit:cover;transform:scale(1.01)}
.mp-cover-img.hidden{display:none}
.mp-in{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.mp-kind{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);
  font-size:10.5px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:var(--cyn);
  text-shadow:0 0 12px rgba(0,229,255,.55)}
.mp-kind i{width:6px;height:6px;border-radius:50%;background:var(--cyn);box-shadow:0 0 8px var(--cyn);animation:pulse 1.6s infinite}
.mp-title{font-family:var(--font-disp);font-size:clamp(16px,2vw,21px);line-height:1.06;color:#fff;
  letter-spacing:-.01em;text-shadow:0 0 20px rgba(0,229,255,.3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-artist{font-family:var(--font-head);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--mag);text-shadow:0 0 12px rgba(255,61,242,.5);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-ctrl{display:flex;align-items:center;gap:14px;margin-top:8px}
.mp-play{flex:0 0 auto;width:46px;height:46px;border-radius:50%;position:relative;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:linear-gradient(135deg,#baf4ff,var(--cyn));color:#04121a;
  box-shadow:0 0 24px rgba(0,229,255,.5),inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .16s,box-shadow .16s,background .16s}
.mp-play:hover{transform:scale(1.08);box-shadow:0 0 34px rgba(0,229,255,.75)}
.mp-play svg{width:22px;height:22px;display:block;fill:currentColor}
.mp-ic-pause{display:none}
.n-player.is-playing .mp-ic-play{display:none}
.n-player.is-playing .mp-ic-pause{display:block}
.n-player.is-playing .mp-play{
  background:linear-gradient(135deg,#ffb3f9,var(--mag));color:#1a0014;
  box-shadow:0 0 26px rgba(255,61,242,.55),inset 0 1px 0 rgba(255,255,255,.55)}
.mp-meter{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
.mp-bar{position:relative;height:7px;border-radius:6px;overflow:hidden;cursor:pointer;
  background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  touch-action:none}
.mp-fill{position:absolute;left:0;top:0;bottom:0;width:0%;
  background:linear-gradient(90deg,var(--cyn),var(--vio));border-radius:6px;
  box-shadow:0 0 14px rgba(0,229,255,.7),0 0 28px rgba(138,92,255,.5);
  transition:width .12s linear}
.mp-bar:hover .mp-fill,.n-player.is-playing .mp-fill{
  box-shadow:0 0 20px rgba(255,61,242,.8),0 0 34px rgba(0,229,255,.6)}
.mp-time{display:flex;justify-content:space-between;font-family:var(--font-mono);
  font-size:10.5px;letter-spacing:.06em;color:var(--dim)}
.mp-time .mp-el{color:var(--ice)}
.release-card:hover{border-color:rgba(0,229,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 56px rgba(0,0,0,.5),0 0 44px rgba(0,229,255,.22)}
@media (max-width:640px){
  .n-media.n-musicmedia{padding:12px}
  .n-player{gap:12px;padding:12px}
  .mp-cover{width:68px;height:68px;border-radius:10px}
  .mp-play{width:40px;height:40px}
  .mp-play svg{width:19px;height:19px}
  .mp-ctrl{gap:11px}
}

/* ============ THE WIRE — world headlines ============ */
.shade-wire{padding:30px clamp(16px,3.5vw,42px) 6px}
.shade-wire-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}

.wcard{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#0d1028,#0a0818 60%,#140a1e);
  border:1px solid rgba(0,229,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 40px rgba(0,0,0,.4);
  transition:transform .24s,border-color .24s,box-shadow .24s}
.wcard:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 56px rgba(0,0,0,.5),0 0 40px rgba(0,229,255,.24)}
.w-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#101a2e,#0a0818)}
.w-media img,.w-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.w-media img.hidden{display:none}
.w-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);opacity:.35;mix-blend-mode:overlay}
.w-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,3,10,.2),transparent 40%,rgba(4,3,10,.7))}
.w-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.w-cat{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--cyn);text-shadow:0 0 12px rgba(0,229,255,.6)}
.w-cat i{width:6px;height:6px;border-radius:50%;background:var(--cyn);box-shadow:0 0 8px var(--cyn)}
.w-title{font-family:var(--font-disp);font-size:clamp(19px,2.3vw,25px);line-height:1.08;letter-spacing:-.01em;
  background:linear-gradient(120deg,#fff 0%,#baf4ff 45%,var(--cyn) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 16px rgba(0,229,255,.22))}
.w-deck{font-family:var(--font-body);font-size:13.5px;line-height:1.5;color:var(--ice);opacity:.82;font-style:italic}
.w-brief{font-family:var(--font-body);font-size:13.5px;line-height:1.66;color:var(--mut);
  border-left:2px solid rgba(0,229,255,.45);padding-left:12px}
.w-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);
  font-size:10px;letter-spacing:.05em;color:var(--dim);text-transform:uppercase}
.w-meta .src{color:var(--cyn)}
.w-read{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:8px;
  font-family:var(--font-head);font-size:14px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;
  color:#04121a;background:linear-gradient(135deg,#baf4ff,var(--cyn));padding:13px 18px;border-radius:12px;
  box-shadow:0 0 22px rgba(0,229,255,.4);transition:transform .18s,box-shadow .18s,border-color .18s;
  border:1px solid transparent}
.w-read:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(0,229,255,.7);border-color:#eafcff}
.w-read .arr{font-size:16px;line-height:1}

/* empty state */
.shade-empty{padding:40px 22px;text-align:center;color:var(--dim);font-size:14px;line-height:1.6;
  border:1px dashed var(--line);border-radius:var(--r)}
.shade-empty .e-ico{font-size:36px;margin-bottom:10px;opacity:.7}
.shade-empty b{color:var(--ice)}

/* ============ FOOTER ============ */
.shade-foot{padding:44px clamp(16px,4vw,52px) 110px;border-top:1px solid var(--line);margin-top:20px;
  color:var(--dim);font-size:13px;text-align:center}
.sf-brand{font-family:var(--font-disp);font-size:20px;color:var(--ice);letter-spacing:.02em;
  text-shadow:0 0 22px rgba(255,61,242,.4)}
.sf-line{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--lime);
  text-transform:uppercase;margin-top:10px;text-shadow:0 0 10px rgba(200,255,45,.4)}
.sf-links{display:flex;justify-content:center;gap:6px 22px;flex-wrap:wrap;margin-top:18px}
.sf-links a{color:var(--mut);transition:.15s}
.sf-links a:hover{color:var(--cyn);text-shadow:0 0 12px rgba(0,229,255,.5)}
.sf-note{margin-top:18px;font-size:11.5px;color:var(--dim);letter-spacing:.03em}

/* ============ RESPONSIVE ============ */
@media (max-width:860px){
  .ncard{grid-template-columns:1fr}
  .n-media{min-height:52vw}
}
@media (max-width:640px){
  .shade-nav-in{gap:10px}
  .shade-links{margin-left:0;gap:2px}
  .sl-nav{font-size:12.5px;padding:7px 10px}
  .shade-status{display:none}
  .sl-frame{min-height:220px}
  .sl-title{font-size:clamp(22px,7vw,32px)}
  .sl-deck{font-size:14px}
  .sl-read{padding:11px 22px;font-size:13px}
  .sm-name{font-size:clamp(38px,14vw,64px)}
  .shade-wire-grid{grid-template-columns:1fr}
  .n-body{padding:18px 18px 20px}
  .n-media{min-height:62vw}
  .ssh-sub{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .st-track,.aurora,.sm-name{animation:none!important}
  .sm-name{background-position:0% center}
}

/* ============ SOUND ON/OFF TOGGLE (reels · music · videos) ============ */
.snd{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;flex:0 0 auto;cursor:pointer;
  color:#04121a;background:linear-gradient(135deg,#baf4ff,var(--cyn));
  border:1px solid rgba(0,229,255,.6);box-shadow:0 0 18px rgba(0,229,255,.45);
  transition:transform .2s,background .2s,box-shadow .2s}
.snd:hover{transform:scale(1.08)}
.snd svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.snd .snd-off{display:none}
.snd.off{color:#fff;background:rgba(10,8,24,.6);border-color:rgba(234,230,255,.4);
  box-shadow:0 0 14px rgba(0,0,0,.4)}
.snd.off .snd-on{display:none}
.snd.off .snd-off{display:block}
/* lead hero video */
.sl-frame .snd{position:absolute;top:14px;right:14px;z-index:5}
/* network reel */
.n-media .snd{position:absolute;top:14px;right:14px;z-index:7}
/* release music player (inline in the ctrl row) */
.mp-ctrl .snd{width:40px;height:40px}