/* Station controls: compact console keys with clear active and focus states. */
:root{--key-edge:#536c76;--key-face:#162932;--key-glow:#b8e77d}
body :is(.button,.broadcast-form button,.main-nav a,.header-social-button,.nav-toggle,.community-tabs button,.artist-filters button,.chart-tabs button,.schedule-tabs button,.library-tabs button,.team-like,.music-root-like,.feedback-recommend,.event-submit button,#event-submit,.chat-send-row button,.chat-emoji-row button,.chat-media-button){
  border-radius:6px;
  border:1px solid var(--key-edge);
  background-image:linear-gradient(180deg,#ffffff12 0%,transparent 42%,#00000033 100%);
  background-color:var(--key-face);
  box-shadow:inset 0 1px 0 #e6fbff24,inset 0 -2px 0 #06101688,0 2px 0 #05090d;
  color:#edf6f4;
  font-weight:800;
  letter-spacing:.045em;
  text-decoration:none;
  transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;
}
body :is(.button,.broadcast-form button,.main-nav a,.header-social-button,.nav-toggle,.community-tabs button,.artist-filters button,.chart-tabs button,.schedule-tabs button,.library-tabs button,.team-like,.music-root-like,.feedback-recommend,.event-submit button,#event-submit,.chat-send-row button,.chat-emoji-row button,.chat-media-button):is(:hover,:focus-visible){
  border-color:var(--key-glow);
  background-color:#24443d;
  box-shadow:inset 0 1px 0 #f0ffe548,0 2px 0 #05090d,0 0 0 1px #a7e77635,0 0 14px #a7e77630;
}
body :is(.button,.broadcast-form button,.main-nav a,.header-social-button,.nav-toggle,.community-tabs button,.artist-filters button,.chart-tabs button,.schedule-tabs button,.library-tabs button,.team-like,.music-root-like,.feedback-recommend,.event-submit button,#event-submit,.chat-send-row button,.chat-emoji-row button,.chat-media-button):focus-visible{outline:2px solid #e4ffae;outline-offset:3px}
body :is(.button,.broadcast-form button,.main-nav a,.header-social-button,.nav-toggle,.community-tabs button,.artist-filters button,.chart-tabs button,.schedule-tabs button,.library-tabs button,.team-like,.music-root-like,.feedback-recommend,.event-submit button,#event-submit,.chat-send-row button,.chat-emoji-row button,.chat-media-button):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0008}
body :is(.button,.broadcast-form button,.main-nav a,.header-social-button,.nav-toggle,.community-tabs button,.artist-filters button,.chart-tabs button,.schedule-tabs button,.library-tabs button,.team-like,.music-root-like,.feedback-recommend,.event-submit button,#event-submit,.chat-send-row button,.chat-emoji-row button,.chat-media-button):disabled{opacity:.55;cursor:not-allowed;box-shadow:inset 0 1px #ffffff14}

/* The navigation is one consistent row of small, readable digital keys. */
body .site-header .main-nav a{min-height:36px;padding:7px 10px;border-color:#405762;background-color:#172a34;background-image:linear-gradient(180deg,#ffffff10,transparent 46%,#0004);box-shadow:inset 0 1px #def7ff1b,0 2px 0 #05090d;font-size:.8rem}
body .site-header .main-nav a:is(:hover,:focus-visible),body .site-header .main-nav a.active,body .site-header .main-nav a[aria-current=page]{border-color:#b8e77d;background-color:#294637;color:#f7ffe7;box-shadow:inset 0 1px #ffffff35,0 2px 0 #05090d,0 0 12px #a7e77635}
body .site-header .main-nav a.join-link{border-color:#87bb83;background-color:#235038;color:#f3ffe8}
body .site-header .main-nav a.nav-live{border-color:#ff6b70;background-color:#d51f32;background-image:linear-gradient(180deg,#ff5964,#bc1027 55%,#890d1e);color:#fff;box-shadow:inset 0 1px #ffd5d7a0,0 2px 0 #490813,0 0 17px #ff365080;font-weight:900;letter-spacing:.09em}
body .site-header .main-nav a.nav-live:is(:hover,:focus-visible){background-color:#ee3044;background-image:linear-gradient(180deg,#ff6673,#d81731);box-shadow:0 2px 0 #490813,0 0 22px #ff5368}
body .site-header .header-social-button{border-color:var(--social-border,#486776);background-color:var(--social-bg,#142832);box-shadow:inset 0 1px #ffffff20,0 2px 0 #05090d}
body .site-header .header-social-button strong{color:var(--social-ink,#c8efa4)}
body .site-header .header-social-button.youtube{--social-border:#bf454f;--social-bg:#35191d;--social-ink:#ff858d}
body .site-header .header-social-button.facebook{--social-border:#527ec2;--social-bg:#172b49;--social-ink:#9cc5ff}
body .site-header .header-social-button.instagram{--social-border:#ad538f;--social-bg:#3b1e36;--social-ink:#f3a4d9}
body .site-header .header-social-button.twitch{--social-border:#8254ba;--social-bg:#2d2045;--social-ink:#d0adff}
body .site-header .header-social-button:is(:hover,:focus-visible){border-color:var(--social-ink);background-color:var(--social-bg);box-shadow:inset 0 1px #ffffff35,0 2px 0 #05090d,0 0 12px var(--social-border)}
body .button.primary,body .broadcast-form button,body #event-submit,body .chat-send-row button{border-color:#ea777e;background-color:#9b2735;color:#fff;box-shadow:inset 0 1px #ffffff50,0 2px 0 #360b13,0 0 12px #c52e4050}
body .button.secondary{border-color:#7aa19e;background-color:#173139;color:#eaf6f1}
body :is(.community-tabs button,.artist-filters button,.schedule-tabs button,.library-tabs button)[aria-pressed=true],body :is(.chart-tabs button,.schedule-tabs button,.library-tabs button)[aria-selected=true]{border-color:#b8e77d;background-color:#31513b;color:#fff;box-shadow:inset 0 1px #ffffff3d,0 0 12px #b8e77d42}
@media(max-width:720px){body .site-header .main-nav a{min-height:42px;font-size:.88rem}body .site-header .header-social-button{min-height:30px}}
@media(prefers-reduced-motion:reduce){body :is(.button,.main-nav a,.header-social-button,.nav-toggle,.community-tabs button,.artist-filters button,.chart-tabs button){transition:none}}