:root{
  --bg:#111321;
  --bg-raised:#171a2a;
  --panel:#1b1f31;
  --panel-soft:#22273b;
  --text:#fff9f4;
  --muted:#c3c3d0;
  --cyan:#83e7e3;
  --coral:#ff8589;
  --violet:#b093bc;
  --gold:#ffd76c;
  --line:rgba(244,241,245,.12);
  --line-strong:rgba(244,241,245,.22);
  --shadow:0 18px 48px rgba(5,7,18,.24);
  --display:"Oxanium",ui-sans-serif,system-ui,sans-serif;
  --body:"Inter",ui-sans-serif,system-ui,sans-serif;
  --max:1100px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 82% 9%,rgba(176,147,188,.2),transparent 24rem),
    radial-gradient(circle at 8% 40%,rgba(131,231,227,.1),transparent 22rem),
    var(--bg);
  font-family:var(--body);
  -webkit-font-smoothing:antialiased;
}

body::before{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:-1;
  pointer-events:none;
  opacity:.065;
  background:
    repeating-radial-gradient(circle at 82% 15%,transparent 0 58px,rgba(255,255,255,.16) 59px 60px,transparent 61px 98px),
    repeating-linear-gradient(72deg,transparent 0 82px,rgba(255,255,255,.12) 83px 84px,transparent 85px 164px);
  transform:rotate(-4deg);
}

img{max-width:100%}
a{color:inherit}
[hidden]{display:none!important}

.skip-link{
  position:fixed;
  top:-100px;
  left:16px;
  z-index:100;
  padding:10px 14px;
  color:var(--bg);
  background:var(--cyan);
  font-weight:700;
}
.skip-link:focus{top:12px}

.signal-bar{
  height:3px;
  background:linear-gradient(90deg,var(--cyan) 0 34%,transparent 34% 36%,var(--coral) 36% 64%,transparent 64% 66%,var(--violet) 66%);
}

.shell{
  width:min(var(--max),calc(100% - 36px));
  margin:0 auto;
}

.site-header{
  position:relative;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:72px;
  padding:12px 0 16px;
  border-bottom:1px solid var(--line);
  background:transparent;
}

.site-brand{
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--text);
  text-decoration:none;
  font-family:var(--display);
  letter-spacing:.14em;
}

.site-brand-sigil{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  color:#180709;
  background:var(--coral);
  font-family:var(--display);
  font-size:15px;
  font-weight:700;
  clip-path:polygon(50% 0,92% 24%,84% 78%,50% 100%,16% 78%,8% 24%);
}

.site-brand strong{display:block;font-size:15px}
.site-brand small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-family:var(--body);
  font-size:10px;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  font-family:var(--display);
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
}

.nav>a,.more-menu>summary{
  display:block;
  padding:8px 9px;
  color:var(--muted);
  text-decoration:none;
  cursor:pointer;
  border-bottom:1px solid transparent;
  list-style:none;
}

.more-menu>summary::-webkit-details-marker{display:none}
.nav>a:hover,.nav>a.active,.more-menu>summary:hover,.more-menu[open]>summary{
  color:var(--cyan);
  border-color:var(--cyan);
}

.more-menu{position:relative}
.more-menu-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:190px;
  padding:8px;
  border:1px solid var(--line-strong);
  background:var(--panel);
  box-shadow:var(--shadow);
  border-radius:10px;
}
.more-menu-panel a{
  display:block;
  padding:10px 12px;
  color:var(--muted);
  text-decoration:none;
}
.more-menu-panel a:hover,.more-menu-panel a.active{
  color:var(--text);
  background:rgba(131,231,227,.08);
}

.main{padding:0 0 64px}
.container{width:100%}

.site-footer{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
  padding:20px 0 32px;
  color:var(--muted);
  border-top:1px solid var(--line);
  font-family:var(--display);
  font-size:11px;
  letter-spacing:.12em;
}
.footer-identity,.footer-actions{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:10px;
}
.footer-actions{align-items:flex-end}
.support-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  color:var(--bg);
  border:1px solid var(--cyan);
  background:var(--cyan);
  border-radius:8px;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  text-transform:none;
}
.support-button:hover{color:var(--cyan);background:transparent}
.footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.footer-links a{color:var(--muted);text-decoration:none}
.footer-links a:hover{color:var(--cyan)}

h1,h2,h3{
  font-family:var(--display);
  font-weight:600;
}

h1{
  margin:12px 0;
  font-size:clamp(2.25rem,5vw,4.6rem);
  line-height:1.02;
  letter-spacing:-.035em;
}

.signal-kicker,.signal-label,.hero-kicker{
  margin:0;
  color:var(--cyan);
  font-family:var(--display);
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.signal-kicker span{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:var(--coral);
}

.signal-code{
  margin-top:14px;
  color:var(--muted);
  font-family:var(--display);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.broadcast-hero{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:20px;
  align-items:center;
  min-height:0;
  padding:36px 0 30px;
  border-bottom:1px solid var(--line);
}

.broadcast-copy{padding:10px 0}
.broadcast-copy h1{max-width:650px}
.hero-copy,.page-copy,.post-deck{
  max-width:680px;
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}

.hero-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  color:var(--text);
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.025);
  font-family:var(--display);
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-decoration:none;
  text-transform:none;
  cursor:pointer;
  border-radius:9px;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.btn:hover{transform:translateY(-2px);border-color:var(--cyan);color:var(--cyan)}
.btn-primary{color:#102125;background:var(--cyan);border-color:var(--cyan)}
.btn-primary:hover{color:#102125;background:#acf2ef}
.btn-ghost{background:rgba(255,255,255,.02)}

.transmission-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:20px;
  color:var(--muted);
  font-family:var(--display);
  font-size:11px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.transmission-meta span+span::before{
  content:"//";
  margin-right:18px;
  color:var(--violet);
}

.broadcast-art,.featured-transmission-art,.post-broadcast-art{
  position:relative;
  overflow:hidden;
  min-height:340px;
  border:1px solid rgba(176,147,188,.55);
  background:linear-gradient(145deg,rgba(176,147,188,.24),var(--panel));
  box-shadow:var(--shadow);
  border-radius:18px;
}

.broadcast-art::before,.featured-transmission-art::before,.post-broadcast-art::before{
  content:"";
  position:absolute;
  top:16%;
  left:-8%;
  z-index:2;
  width:44%;
  height:5px;
  background:var(--cyan);
  opacity:.8;
}

.broadcast-art::after,.featured-transmission-art::after,.post-broadcast-art::after{
  content:"";
  position:absolute;
  right:-6%;
  bottom:20%;
  z-index:2;
  width:36%;
  height:5px;
  background:var(--coral);
  opacity:.8;
}

.broadcast-art img,.featured-transmission-art img,.post-broadcast-art img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.brand-broadcast-art{
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(176,147,188,.25),var(--panel));
}
.brand-broadcast-art img{
  position:relative;
  inset:auto;
  z-index:1;
  width:min(92%,360px);
  height:auto;
  padding:16px;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));
}

.scanlines{
  display:none;
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:.07;
  background:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px);
}

.broadcast-section{padding-top:42px}
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.section-title,.feed-title{
  margin:5px 0 0;
  font-size:clamp(1.45rem,3vw,2.15rem);
  line-height:1.15;
}
.section-link,.contact-link{
  color:var(--cyan);
  font-family:var(--display);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-decoration:none;
}
.section-link:hover,.contact-link:hover{text-decoration:underline}

.channel-grid,.media-grid,.related-grid,.contact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.channel-card{
  min-height:180px;
  padding:17px;
  color:var(--text);
  border-top:3px solid var(--cyan);
  border-inline:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(27,31,49,.82);
  text-decoration:none;
  border-radius:12px;
  transition:transform .18s ease,background .18s ease;
}
.channel-card:hover{transform:translateY(-4px);background:var(--panel-soft)}
.channel-video{border-top-color:var(--coral)}
.channel-archive{border-top-color:var(--violet)}
.channel-status,.media-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:var(--muted);
  font-family:var(--display);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.channel-status span:last-child{color:var(--cyan)}
.channel-video .channel-status span:last-child{color:var(--coral)}
.channel-archive .channel-status span:last-child{color:var(--violet)}
.channel-card h3{margin:26px 0 8px;font-size:20px}
.channel-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.channel-card strong{display:block;margin-top:15px;color:var(--cyan);font-family:var(--display);font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.channel-video strong{color:var(--coral)}
.channel-archive strong{color:var(--violet)}

.media-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(27,31,49,.88);
  border-radius:12px;
  transition:transform .18s ease,border-color .18s ease;
}
.media-card:hover{transform:translateY(-4px);border-color:rgba(131,231,227,.5)}
.media-card-image{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--panel-soft);
}
.media-card-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(7,8,13,.8));
}
.media-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease,filter .3s ease;
}
.media-card:hover .media-card-image img{transform:scale(1.035);filter:saturate(1.12)}
.media-card-action{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  padding:6px 8px;
  color:#102125;
  background:var(--cyan);
  font-family:var(--display);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}
.media-card[data-type="youtube"] .media-card-action,.media-card-video .media-card-action{background:var(--coral);color:#180709}
.media-card-body{padding:17px}
.media-card-meta span:first-child{color:var(--cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-card h3{margin:12px 0 8px;font-size:18px;line-height:1.3}
.media-card h3 a{text-decoration:none}
.media-card h3 a:hover{color:var(--cyan)}
.media-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.card-date{display:block;margin-top:13px;color:var(--muted);font-family:var(--display);font-size:10px;letter-spacing:.09em;text-transform:uppercase}

.signal-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:54px;
  padding:28px;
  border-block:1px solid var(--line);
  background:linear-gradient(90deg,rgba(131,231,227,.08),rgba(176,147,188,.11),rgba(255,133,137,.07));
}
.signal-cta h2{margin:6px 0;font-size:clamp(1.4rem,3vw,2rem)}
.signal-cta p:not(.signal-label){margin:0;color:var(--muted)}
.signal-cta .hero-actions{margin-top:0;flex-shrink:0}

.page-hero{
  padding:64px 0 34px;
  border-bottom:1px solid var(--line);
}
.page-title{margin:10px 0 8px}
.page-copy{max-width:720px}

.featured-transmission{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);
  gap:30px;
  align-items:center;
  margin-top:34px;
}
.featured-transmission-art{min-height:430px}
.featured-transmission-copy h2,.video-feature-copy h2{
  margin:12px 0;
  font-size:clamp(1.8rem,3.6vw,3rem);
  line-height:1.15;
}
.featured-transmission-copy h2 a,.video-feature-copy h2 a{text-decoration:none}
.featured-transmission-copy>p:not(.signal-label),.video-feature-copy>p:not(.signal-label){color:var(--muted);line-height:1.7}

.broadcast-player{
  display:block;
  width:100%;
  margin-top:20px;
  accent-color:var(--cyan);
}

.video-feature{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:28px;
  align-items:center;
  margin-top:34px;
  padding-bottom:12px;
}

.archive-section{min-height:420px}
.archive-count{
  color:var(--muted);
  font-family:var(--display);
  font-size:11px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.archive-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 10px;
}
.archive-filter-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  align-items:center;
  gap:14px;
  margin:12px 0;
}
.archive-filter-row:first-of-type{margin-top:18px}
.archive-filter-row .archive-filters{margin:0}
.archive-filter-label{
  color:var(--muted);
  font-family:var(--display);
  font-size:10px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.filter-btn{
  padding:9px 13px;
  color:var(--muted);
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
  border-radius:999px;
  font-family:var(--display);
  font-size:11px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
}
.filter-btn:hover,.filter-btn.active{
  color:#102125;
  border-color:var(--cyan);
  background:var(--cyan);
}
.archive-status{min-height:20px;margin:0 0 14px}
.archive-grid{align-items:start}

.post-broadcast{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:34px;
  align-items:center;
  padding:54px 0 42px;
  border-bottom:1px solid var(--line);
}
.post-broadcast h1{font-size:clamp(2.1rem,4.5vw,4.1rem)}
.post-broadcast-art{min-height:430px}
.post-deck{font-size:15px}
.post-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.post-tags a,.tag,.tag-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  color:var(--cyan);
  border:1px solid rgba(131,231,227,.28);
  background:rgba(131,231,227,.055);
  font-family:var(--display);
  font-size:10px;
  font-weight:600;
  letter-spacing:.05em;
  text-decoration:none;
  text-transform:uppercase;
}
.post-tags a:hover,.tag-chip:hover{border-color:var(--cyan)}
.post-actions{justify-content:flex-start}

.post-video-player,.embedded-player{padding:34px 0 0}
.embedded-player iframe{width:100%;height:152px;border:0}
.yt-embed{
  position:relative;
  overflow:hidden;
  width:100%;
  padding-top:56.25%;
  border:1px solid var(--line);
  background:var(--panel);
  box-shadow:var(--shadow);
  border-radius:16px;
}
.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.event-signal{
  margin-top:30px;
  padding:20px;
  border-left:3px solid var(--coral);
  background:rgba(255,133,137,.07);
}
.event-signal p:not(.signal-label){margin:9px 0;color:var(--muted)}
.event-signal strong{margin-right:12px;color:var(--text);font-family:var(--display)}

.post-content{
  max-width:820px;
  margin:34px auto 0;
  padding:30px;
  border-inline:1px solid var(--line);
  background:rgba(27,31,49,.7);
}
.post-content p,.post-content li{font-size:16px;line-height:1.85}
.post-content a{color:var(--cyan)}
.post-content img{height:auto}
.post-content .signal-label{font-size:11px;line-height:1.2}

.related-section{padding-top:40px}
.related-card{
  display:flex;
  flex-direction:column;
  min-height:150px;
  padding:18px;
  border-top:2px solid var(--violet);
  border-inline:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(27,31,49,.72);
  border-radius:10px;
  text-decoration:none;
}
.related-card span,.related-card time{color:var(--muted);font-family:var(--display);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.related-card strong{margin:22px 0 14px;font-family:var(--display);line-height:1.35}
.related-card time{margin-top:auto}
.related-card:hover{border-top-color:var(--cyan)}

.comments-section{
  margin-top:42px;
  padding:28px;
  border-block:1px solid var(--line);
  background:rgba(27,31,49,.72);
}
.comments-note{margin:8px 0 16px;color:var(--muted);font-size:13px}
#cusdis_thread{width:100%}
#cusdis_thread iframe{width:100%;min-height:300px;border:1px solid var(--line);background:var(--panel)}

.panel{
  margin-top:24px;
  padding:24px;
  border:1px solid var(--line);
  background:rgba(27,31,49,.82);
  box-shadow:var(--shadow);
  border-radius:14px;
}
.section{padding:24px}
.small,.excerpt,.meta{color:var(--muted)}
.small{font-size:14px;line-height:1.7}
.post-row{padding:18px 0}
.post-row+.divider{margin:0}
.hline{margin:8px 0;font-size:20px}
.hline a{text-decoration:none}
.hline a:hover{color:var(--cyan)}
.excerpt{margin:8px 0;font-size:14px;line-height:1.7}
.meta{margin-top:9px;font-family:var(--display);font-size:11px;letter-spacing:.06em}
.divider{border:0;border-top:1px solid var(--line)}

.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tag-chip{gap:8px}
.tag-count{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  color:var(--bg);
  background:var(--cyan);
  font-size:10px;
}
.tag-section{scroll-margin-top:100px}
.tag-heading{margin:0;font-size:24px}

.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-card,.contact-placeholder,.merch-note{
  padding:20px;
  border-top:2px solid var(--violet);
  border-inline:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(27,31,49,.72);
  border-radius:10px;
}
.contact-line{margin:14px 0 0}
.contact-placeholder,.merch-note{margin-top:18px}

.input{
  width:100%;
  margin-top:16px;
  padding:13px 14px;
  color:var(--text);
  border:1px solid var(--line-strong);
  background:var(--bg);
  font:inherit;
}
.input:focus{outline:2px solid var(--cyan);outline-offset:2px}
.search-panel #searchMeta{margin:14px 0}
.search-panel #results{margin-top:16px}

.listen-embed-wrap{margin-top:16px}
.listen-embed{display:block;width:100%;height:380px;border:0}
.newsletter{margin-top:24px}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

@media (max-width:960px){
  .broadcast-hero{grid-template-columns:1fr minmax(260px,.68fr);min-height:auto}
  .channel-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .channel-grid .channel-card:last-child{grid-column:1/-1}
  .post-broadcast{grid-template-columns:1fr minmax(280px,.65fr)}
  .post-broadcast-art{min-height:360px}
}

@media (max-width:760px){
  .shell{width:min(100% - 24px,var(--max))}
  .site-header{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 0}
  .nav{width:100%;justify-content:flex-start;overflow:visible;flex-wrap:wrap}
  .nav>a,.more-menu>summary{padding:8px 9px}
  .more-menu-panel{left:0;right:auto}
  .broadcast-hero,.featured-transmission,.video-feature,.post-broadcast{grid-template-columns:1fr}
  .broadcast-hero{padding:38px 0}
  .broadcast-art{min-height:360px}
  .featured-transmission-art,.post-broadcast-art{min-height:380px}
  .video-feature{gap:20px}
  .signal-cta{align-items:flex-start;flex-direction:column}
  .signal-cta .hero-actions{margin-top:4px}
  .related-grid,.contact-grid{grid-template-columns:1fr}
  .post-content{padding:22px}
}

@media (max-width:560px){
  .archive-filter-row{grid-template-columns:1fr;gap:8px}
  .channel-grid,.media-grid{grid-template-columns:1fr}
  .channel-grid .channel-card:last-child{grid-column:auto}
  .broadcast-art,.featured-transmission-art,.post-broadcast-art{min-height:320px}
  .section-head{align-items:flex-start;flex-direction:column}
  .transmission-meta span+span::before{display:none}
  .signal-cta,.comments-section,.panel{padding:20px}
  .post-content{padding:20px 16px;border-inline:0}
  .site-footer{flex-direction:column}
  .footer-actions{align-items:flex-start}
  .footer-links{justify-content:flex-start}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
}