/*
 * GXXXN.LIVE — BLACKLIGHT
 * Single-world visual system. No scene-specific styling.
 * Loaded last so the product keeps its working behavior while the
 * entire presentation is rebuilt around a fluorescent UV/blacklight look.
 */

:root {
  --bg: #020105;
  --bg-soft: #06020c;
  --panel: rgba(8, 3, 16, .88);
  --panel-strong: #090313;
  --text: #fffaff;
  --muted: #c2b3cc;
  --muted-2: #887896;
  --line: rgba(206, 120, 255, .19);
  --line-strong: rgba(80, 246, 255, .36);
  --pink: #ff28d7;
  --violet: #9c4dff;
  --cyan: #37f5ff;
  --green: #c6ff36;
  --danger: #ff496d;
  --uv-pink: #ff28d7;
  --uv-purple: #8e3cff;
  --uv-blue: #316cff;
  --uv-cyan: #37f5ff;
  --uv-lime: #c6ff36;
  --uv-white: #fffaff;
  --black-velvet: #020105;
  --black-ink: #09020d;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 24px 80px rgba(0,0,0,.72);
  --glow-pink: 0 0 10px rgba(255,40,215,.72), 0 0 32px rgba(255,40,215,.3);
  --glow-cyan: 0 0 10px rgba(55,245,255,.68), 0 0 28px rgba(55,245,255,.24);
  --glow-purple: 0 0 18px rgba(142,60,255,.4);
}

html {
  color-scheme: dark;
  background: var(--black-velvet);
  scrollbar-color: var(--uv-purple) #050109;
}

body {
  position: relative;
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--uv-white);
  background:
    radial-gradient(circle at 14% 8%, rgba(255,40,215,.14), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(55,245,255,.1), transparent 30rem),
    radial-gradient(circle at 48% 72%, rgba(142,60,255,.08), transparent 34rem),
    linear-gradient(180deg, #020105 0%, #050108 46%, #020105 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.08) 0,
      rgba(255,255,255,.08) 1px,
      transparent 1px,
      transparent 4px
    );
  mix-blend-mode: screen;
}

::selection {
  color: #020105;
  background: var(--uv-lime);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--uv-cyan) !important;
  outline-offset: 3px;
  box-shadow: var(--glow-cyan) !important;
}

/* Kill all scene-era surfaces if an old cached fragment survives. */
#scenePackControl,
#sceneV2Launcher,
#sceneV2Dialog,
#sceneV2Atmosphere,
#nightDriveV3,
#ndEnvironment,
#ndTransition,
#goonloopTags,
.scene-pack-control,
.scene-v2-launcher,
.scene-v2-atmosphere,
.nightdrive-v3,
.nd-environment,
.nd-transition {
  display: none !important;
}

/* Ambient UV spill */
.ambient {
  position: fixed;
  z-index: -2;
  width: 42vw;
  height: 42vw;
  border-radius: 999px;
  filter: blur(130px);
  opacity: .18;
  pointer-events: none;
}

.ambient-a {
  top: -14vw;
  left: -10vw;
  background: var(--uv-pink);
}

.ambient-b {
  top: 20vh;
  right: -18vw;
  background: var(--uv-cyan);
}

/* Blacklight marquee */
.store-marquee {
  position: relative;
  z-index: 30;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,40,215,.4);
  background: #030006;
  box-shadow: 0 0 28px rgba(255,40,215,.12);
}

.store-marquee-track {
  color: var(--uv-pink) !important;
  text-shadow: var(--glow-pink);
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .22em;
  text-transform: uppercase;
}

/* Header */
.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  display: grid;
  grid-template-columns: auto minmax(300px, 760px) auto;
  align-items: center;
  gap: 20px;
  width: min(1560px, calc(100% - 36px));
  margin: 0 auto;
  padding: 14px 0;
  backdrop-filter: blur(22px) saturate(125%);
}

.topbar::before {
  content: "";
  position: absolute;
  inset: 0 -100vw;
  z-index: -1;
  border-bottom: 1px solid rgba(55,245,255,.15);
  background: rgba(2,1,5,.86);
  box-shadow: 0 12px 40px rgba(0,0,0,.45), 0 0 20px rgba(142,60,255,.08);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--uv-white);
  font-weight: 1000;
  letter-spacing: -.045em;
  text-transform: uppercase;
}

.brand-mark,
.age-logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(55,245,255,.55);
  border-radius: 12px;
  color: var(--uv-white);
  background:
    linear-gradient(#08020f, #08020f) padding-box,
    linear-gradient(135deg, var(--uv-pink), var(--uv-purple), var(--uv-cyan)) border-box;
  box-shadow: var(--glow-pink), inset 0 0 20px rgba(142,60,255,.18);
  text-shadow: 0 0 10px rgba(255,255,255,.75);
}

.brand-copy {
  font-size: 1.08rem;
  line-height: .9;
  text-shadow: 0 0 10px rgba(255,255,255,.15);
}

.brand-copy > span,
.footer-brand > span {
  color: var(--uv-pink) !important;
  text-shadow: var(--glow-pink);
}

.brand-copy small {
  display: block;
  margin-top: 7px;
  color: var(--uv-cyan) !important;
  font-size: .52rem;
  font-weight: 850;
  letter-spacing: .18em;
  text-shadow: 0 0 12px rgba(55,245,255,.55);
}

/* Search / source */
.search-source-block {
  min-width: 0;
}

#searchForm.search,
.search {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  align-items: center;
  gap: 0;
  min-width: 0;
  padding: 5px;
  border: 1px solid rgba(255,40,215,.38) !important;
  border-radius: 13px !important;
  background: rgba(8,2,14,.86) !important;
  box-shadow: inset 0 0 26px rgba(142,60,255,.1), 0 0 18px rgba(255,40,215,.08);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#searchForm.search:focus-within,
.search:focus-within {
  border-color: var(--uv-cyan) !important;
  box-shadow: var(--glow-cyan), inset 0 0 26px rgba(55,245,255,.06) !important;
  transform: translateY(-1px);
}

.search-icon {
  padding-left: 12px;
  color: var(--uv-pink) !important;
  text-shadow: var(--glow-pink);
}

.search input {
  min-width: 0;
  padding: 11px 12px;
  border: 0 !important;
  outline: 0 !important;
  color: var(--uv-white) !important;
  background: transparent !important;
  caret-color: var(--uv-lime);
}

.search input::placeholder {
  color: #9f82ad !important;
}

.search-shortcut {
  border: 1px solid rgba(55,245,255,.25) !important;
  border-radius: 5px !important;
  color: var(--uv-cyan) !important;
  background: #030006 !important;
  box-shadow: 0 0 12px rgba(55,245,255,.08);
}

.search button {
  border: 1px solid rgba(255,40,215,.6) !important;
  border-radius: 9px !important;
  color: #050008 !important;
  background: var(--uv-pink) !important;
  box-shadow: var(--glow-pink);
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.source-control {
  color: var(--muted) !important;
}

.source-control > span,
.orientation-label,
.search-source-note strong {
  color: var(--uv-lime) !important;
  text-shadow: 0 0 10px rgba(198,255,54,.35);
  letter-spacing: .12em;
}

.source-control select,
.random-controls select {
  border: 1px solid rgba(55,245,255,.24) !important;
  border-radius: 8px !important;
  color: var(--uv-white) !important;
  background: #06020b !important;
}

.search-source-note {
  margin-top: 7px;
  color: #9d8baa !important;
}

.source-note-dot {
  color: var(--uv-pink) !important;
  text-shadow: var(--glow-pink);
}

.source-result-count b {
  color: var(--uv-cyan) !important;
  text-shadow: 0 0 12px rgba(55,245,255,.42);
}

/* Top actions */
.top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.ghost-button,
.primary-button,
.load-more,
.chip,
.quiet-button,
.orientation-button,
.recent-pill,
.save-button {
  border: 1px solid rgba(156,77,255,.3) !important;
  border-radius: 9px !important;
  color: #e9dff0;
  background: rgba(8,3,16,.86) !important;
  box-shadow: inset 0 0 18px rgba(142,60,255,.05);
  transition: transform .17s ease, color .17s ease, border-color .17s ease, box-shadow .17s ease, background .17s ease;
}

.ghost-button:hover,
.load-more:hover,
.chip:hover,
.orientation-button:hover,
.recent-pill:hover {
  transform: translateY(-1px);
  color: var(--uv-white) !important;
  border-color: rgba(55,245,255,.65) !important;
  background: rgba(55,245,255,.055) !important;
  box-shadow: 0 0 14px rgba(55,245,255,.14);
}

.primary-button,
.load-more {
  border-color: var(--uv-pink) !important;
  color: #050008 !important;
  background: var(--uv-pink) !important;
  box-shadow: var(--glow-pink) !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.primary-button:hover,
.load-more:hover {
  border-color: var(--uv-cyan) !important;
  background: var(--uv-cyan) !important;
  box-shadow: var(--glow-cyan) !important;
  filter: none !important;
}

.nav-button b {
  color: var(--uv-lime) !important;
  background: rgba(198,255,54,.08) !important;
  box-shadow: 0 0 9px rgba(198,255,54,.1);
}

.orientation-switch {
  border-left: 1px solid rgba(255,255,255,.07);
  padding-left: 9px;
}

.orientation-button.active,
.chip.active,
.ghost-button.active {
  color: #050008 !important;
  border-color: var(--uv-cyan) !important;
  background: var(--uv-cyan) !important;
  box-shadow: var(--glow-cyan) !important;
}

/* Main / hero */
main,
footer {
  width: min(1560px, calc(100% - 36px));
  margin-inline: auto;
}

.hero {
  position: relative;
  min-height: 490px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .55fr) !important;
  align-items: center !important;
  gap: clamp(32px, 6vw, 90px) !important;
  padding: clamp(64px, 8vw, 110px) 0 64px !important;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 7% -8% 5%;
  z-index: -1;
  border: 1px solid rgba(255,40,215,.08);
  border-radius: 34px;
  background:
    radial-gradient(circle at 24% 48%, rgba(255,40,215,.1), transparent 30%),
    radial-gradient(circle at 77% 44%, rgba(55,245,255,.08), transparent 28%),
    linear-gradient(110deg, rgba(142,60,255,.025), transparent 48%);
  box-shadow: inset 0 0 70px rgba(142,60,255,.035);
}

.hero-copy-wrap {
  min-width: 0;
}

.eyebrow {
  margin: 0 0 12px !important;
  color: var(--uv-lime) !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(198,255,54,.33);
}

.hero-sign {
  position: relative;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.hero-kicker,
.hero-open {
  display: inline-block !important;
  position: static !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(55,245,255,.34) !important;
  border-radius: 5px !important;
  color: var(--uv-cyan) !important;
  background: rgba(55,245,255,.035) !important;
  font-size: .62rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-shadow: var(--glow-cyan) !important;
  opacity: 1 !important;
}

.hero-open {
  margin: 15px 0 0 !important;
  color: var(--uv-pink) !important;
  border-color: rgba(255,40,215,.4) !important;
  text-shadow: var(--glow-pink) !important;
}

.hero h1,
#sceneTitle {
  display: block !important;
  max-width: 1020px !important;
  margin: 0 !important;
  color: var(--uv-white) !important;
  font-size: clamp(4.3rem, 10.4vw, 10.6rem) !important;
  font-weight: 1000 !important;
  line-height: .77 !important;
  letter-spacing: -.078em !important;
  text-transform: uppercase;
  text-shadow:
    0 0 3px rgba(255,255,255,.8),
    0 0 15px rgba(255,40,215,.3),
    0 0 34px rgba(142,60,255,.18) !important;
}

.hero h1 span,
#sceneTitle span {
  color: transparent !important;
  background: linear-gradient(90deg, var(--uv-pink) 0%, #ff50ee 28%, var(--uv-purple) 54%, var(--uv-cyan) 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  filter: drop-shadow(0 0 12px rgba(255,40,215,.4));
}

.hero-copy {
  max-width: 760px !important;
  margin: 27px 0 0 !important;
  color: #bdaec7 !important;
  font-size: 1.02rem !important;
  line-height: 1.72 !important;
}

.hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px !important;
  margin-top: 28px !important;
}

.text-link {
  color: var(--uv-cyan) !important;
  font-size: .82rem !important;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(55,245,255,.2);
}

/* Status */
.status-card {
  position: relative;
  overflow: hidden;
  padding: 21px !important;
  border: 1px solid rgba(55,245,255,.24) !important;
  border-radius: 14px !important;
  background: rgba(5,2,10,.86) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.62), 0 0 26px rgba(55,245,255,.06) !important;
}

.status-card::before {
  content: "SYSTEM / UV";
  display: block;
  margin-bottom: 14px;
  color: var(--uv-pink);
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .19em;
  text-shadow: var(--glow-pink);
}

.status-row {
  border-bottom-color: rgba(255,40,215,.16) !important;
}

.status-row strong {
  color: var(--uv-white);
  text-transform: uppercase;
  letter-spacing: .06em;
}

.status-row small,
.status-grid span {
  color: #9f8dab !important;
}

.status-dot {
  background: var(--uv-lime) !important;
  box-shadow: 0 0 6px var(--uv-lime), 0 0 18px rgba(198,255,54,.55) !important;
}

.status-grid b {
  color: var(--uv-cyan) !important;
  text-shadow: 0 0 10px rgba(55,245,255,.24);
}

/* Sections */
.category-deck,
.affiliate-market,
.affiliate-strip,
.feed-head,
.controls,
.provider-categories {
  position: relative;
}

.category-deck,
.affiliate-market {
  border: 1px solid rgba(156,77,255,.16) !important;
  border-radius: 15px !important;
  background: rgba(5,2,10,.64) !important;
  box-shadow: inset 0 0 32px rgba(142,60,255,.025);
}

.category-deck {
  padding: 25px !important;
}

.category-head h2,
.affiliate-market h2,
.feed-head h2 {
  color: var(--uv-white) !important;
  letter-spacing: -.05em !important;
  text-shadow: 0 0 18px rgba(142,60,255,.11);
}

.category-copy,
.affiliate-market small,
.results-meta {
  color: #a995b4 !important;
}

.category-rail button,
.category-rail a,
.provider-categories summary {
  border-color: rgba(255,40,215,.24) !important;
  color: #d8c9e0 !important;
  background: #07020d !important;
}

.category-rail button:hover,
.category-rail a:hover,
.provider-categories summary:hover {
  color: #040006 !important;
  border-color: var(--uv-lime) !important;
  background: var(--uv-lime) !important;
  box-shadow: 0 0 15px rgba(198,255,54,.22) !important;
}

.random-controls label {
  color: #9b87a7 !important;
}

.affiliate-strip,
.affiliate-market {
  border-color: rgba(255,40,215,.14) !important;
}

.affiliate-stamp,
.affiliate-disclosure,
.intel-stamp {
  color: var(--uv-lime) !important;
  border-color: rgba(198,255,54,.28) !important;
  background: rgba(198,255,54,.035) !important;
}

.affiliate-offer,
.affiliate-inline-card,
.affiliate-box {
  border-color: rgba(255,40,215,.18) !important;
  background: rgba(6,2,11,.82) !important;
}

/* Feed controls */
.feed-head {
  margin-top: 28px;
  padding: 38px 0 18px !important;
  border-top: 1px solid rgba(55,245,255,.14) !important;
}

.feed-head::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: min(240px, 32vw);
  height: 1px;
  background: linear-gradient(90deg, var(--uv-pink), var(--uv-cyan), transparent);
  box-shadow: var(--glow-pink);
}

.controls {
  padding-bottom: 28px !important;
}

.chips {
  gap: 7px !important;
}

.chip {
  color: #ac9ab7 !important;
  text-transform: uppercase;
  font-size: .72rem !important;
  font-weight: 850;
  letter-spacing: .07em;
}

/* Video wall */
.video-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 30px 16px !important;
  min-height: 340px;
}

.video-card {
  position: relative;
  min-width: 0;
}

.video-card::before {
  content: "";
  position: absolute;
  inset: -1px -1px auto;
  z-index: -1;
  height: 55%;
  border-radius: 13px;
  opacity: 0;
  background: linear-gradient(135deg, rgba(255,40,215,.38), rgba(55,245,255,.18));
  filter: blur(11px);
  transition: opacity .2s ease;
}

.video-card:hover::before {
  opacity: .55;
}

.thumb-button {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(156,77,255,.24) !important;
  border-radius: 12px !important;
  background: #050208 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.42);
}

.video-card:hover .thumb-button {
  border-color: rgba(255,40,215,.65) !important;
  box-shadow: 0 0 0 1px rgba(255,40,215,.12), 0 12px 34px rgba(0,0,0,.55), 0 0 18px rgba(255,40,215,.12);
}

.thumb {
  filter: saturate(1.03) contrast(1.04);
}

.thumb-button:hover .thumb {
  transform: scale(1.035) !important;
  filter: saturate(1.12) contrast(1.07) brightness(.72) !important;
}

.thumb-shade {
  background: linear-gradient(transparent 38%, rgba(2,0,5,.7)) !important;
}

.provider-badge {
  border: 1px solid rgba(55,245,255,.3) !important;
  color: var(--uv-cyan) !important;
  background: rgba(2,1,5,.82) !important;
  box-shadow: 0 0 12px rgba(55,245,255,.1);
  text-shadow: 0 0 7px rgba(55,245,255,.5);
}

.play-badge {
  border: 1px solid var(--uv-pink) !important;
  color: #050008 !important;
  background: var(--uv-pink) !important;
  box-shadow: var(--glow-pink) !important;
}

.duration {
  border: 1px solid rgba(198,255,54,.18);
  color: var(--uv-lime) !important;
  background: rgba(2,1,5,.88) !important;
  text-shadow: 0 0 8px rgba(198,255,54,.3);
}

.card-body {
  padding-top: 11px !important;
}

.title-button {
  color: #f8effb !important;
  font-weight: 760 !important;
}

.title-button:hover {
  color: var(--uv-cyan) !important;
  text-shadow: 0 0 8px rgba(55,245,255,.17);
}

.card-meta {
  color: #8e7d9a !important;
}

.save-button {
  border-radius: 7px !important;
}

.save-button.saved {
  color: #050008 !important;
  border-color: var(--uv-lime) !important;
  background: var(--uv-lime) !important;
  box-shadow: 0 0 12px rgba(198,255,54,.24) !important;
}

.video-card.metadata-card .thumb-button {
  border-color: rgba(55,245,255,.34) !important;
}

.video-card.metadata-card .provider-badge {
  color: var(--uv-lime) !important;
  border-color: rgba(198,255,54,.34) !important;
  text-shadow: 0 0 9px rgba(198,255,54,.3);
}

/* States */
.error-panel {
  border-color: rgba(255,73,109,.34) !important;
  border-radius: 12px !important;
  background: rgba(255,73,109,.055) !important;
  box-shadow: 0 0 18px rgba(255,73,109,.06);
}

.empty-state {
  border-color: rgba(156,77,255,.28) !important;
  border-radius: 12px !important;
  color: #a994b5 !important;
  background: rgba(6,2,11,.5);
}

.skeleton {
  border-radius: 12px !important;
  background: linear-gradient(90deg, #08020e, #160525, #08020e) !important;
  background-size: 220% 100% !important;
}

.loading-more span {
  border-color: rgba(156,77,255,.34) !important;
  border-top-color: var(--uv-cyan) !important;
  box-shadow: 0 0 8px rgba(55,245,255,.25);
}

/* Dialogs */
.player-dialog,
.age-gate {
  border: 1px solid rgba(255,40,215,.3) !important;
  border-radius: 16px !important;
  color: var(--uv-white) !important;
  background: #040008 !important;
  box-shadow: 0 0 45px rgba(142,60,255,.22), 0 40px 120px rgba(0,0,0,.85) !important;
}

.player-dialog::backdrop,
.age-gate::backdrop {
  background: rgba(0,0,0,.9) !important;
  backdrop-filter: blur(9px);
}

.player-frame-wrap {
  border: 1px solid rgba(55,245,255,.2) !important;
  border-radius: 11px !important;
  background: #000 !important;
  box-shadow: 0 0 22px rgba(55,245,255,.07);
}

.player-info,
.intel-panel,
.age-card {
  background: rgba(6,2,11,.78) !important;
}

.player-info h2,
.age-card h2,
.intel-heading strong {
  color: var(--uv-white) !important;
}

.player-stats,
.player-note,
.intel-status,
.intel-metadata,
.recommendation-card small {
  color: #a894b5 !important;
}

.tag-list button,
.intel-categories button,
.recommendation-card {
  border-color: rgba(156,77,255,.28) !important;
  color: #ddcee4 !important;
  background: #07020d !important;
}

.tag-list button:hover,
.intel-categories button:hover,
.recommendation-card:hover {
  border-color: var(--uv-cyan) !important;
  box-shadow: 0 0 14px rgba(55,245,255,.1);
}

.dialog-close {
  color: var(--uv-pink) !important;
  text-shadow: var(--glow-pink);
}

/* Footer */
footer {
  border-top: 1px solid rgba(255,40,215,.16) !important;
  color: #9987a4 !important;
}

footer a {
  color: var(--uv-cyan) !important;
}

.footer-brand {
  color: var(--uv-white) !important;
  text-shadow: 0 0 12px rgba(255,255,255,.1);
}

.back-to-top {
  border: 1px solid rgba(55,245,255,.34) !important;
  color: var(--uv-cyan) !important;
  background: rgba(3,0,7,.88) !important;
  box-shadow: var(--glow-cyan) !important;
}

.toast {
  border: 1px solid rgba(255,40,215,.34) !important;
  color: var(--uv-white) !important;
  background: rgba(5,1,9,.94) !important;
  box-shadow: var(--glow-pink), 0 20px 60px rgba(0,0,0,.65) !important;
}

/* Responsive */
@media (max-width: 1180px) {
  .topbar {
    grid-template-columns: auto 1fr;
  }

  .search-source-block {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .top-actions {
    justify-self: end;
  }

  .hero {
    grid-template-columns: 1fr minmax(250px, .42fr) !important;
  }

  .video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .store-marquee-track {
    font-size: .62rem;
  }

  .topbar {
    position: relative;
    top: auto;
    grid-template-columns: 1fr;
    width: min(100% - 24px, 1560px);
    padding-top: 12px;
  }

  .brand,
  .top-actions,
  .search-source-block {
    grid-column: 1;
  }

  .top-actions {
    justify-self: stretch;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .top-actions::-webkit-scrollbar {
    display: none;
  }

  main,
  footer {
    width: calc(100% - 24px);
  }

  .hero {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 56px 0 44px !important;
  }

  .hero::before {
    inset: 4% -4% 3%;
  }

  .hero h1,
  #sceneTitle {
    font-size: clamp(4rem, 19vw, 7.3rem) !important;
  }

  .status-card {
    max-width: none;
  }

  .category-deck {
    padding: 18px !important;
  }

  .video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 12px !important;
  }

  .feed-head,
  .controls {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .results-meta {
    white-space: normal !important;
  }
}

@media (max-width: 520px) {
  #searchForm.search,
  .search {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  .search-shortcut {
    display: none !important;
  }

  .brand-mark {
    width: 42px;
    height: 42px;
  }

  .nav-button span {
    display: none;
  }

  .orientation-label {
    display: none;
  }

  .hero h1,
  #sceneTitle {
    font-size: clamp(3.7rem, 21vw, 6.2rem) !important;
    letter-spacing: -.065em !important;
  }

  .hero-copy {
    font-size: .95rem !important;
  }

  .video-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  .thumb-button {
    border-radius: 11px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}