.brand .brand-emblem {
  display: block;
  width: 94px;
  height: 84px;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 5px 10px #0edbc333);
}

.brand b {
  width: 235px;
  font-size: 48px;
  letter-spacing: -2px;
}

.brand b span { color: var(--aurora-focus, #69e9ff); }
:root[data-theme="creta"] {
  --aurora-ink: #f7f8ff;
  --aurora-muted: #c6def8;
  --aurora-edge: #36acff99;
  --aurora-focus: #75e3ff;
  --aurora-glass: linear-gradient(135deg, #063d7a99, #07152edd 55%, #005ecc66);
  --aurora-selection: linear-gradient(120deg, #7a071f, #370a1f 55%, #970c2d);
  --aurora-depth: inset 0 0 18px #00aaff55, 0 12px 32px #010713ad;
  --switcher-surface: #061125f2;
}

#channelSwitcher {
  position: absolute;
  z-index: 60;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 560px;
  max-width: 88%;
  margin: 0;
  padding: 14px;
  list-style: none;
  color: var(--aurora-ink);
  background: var(--aurora-glass), var(--switcher-surface, #103741e8);
  border: 1px solid var(--aurora-edge);
  border-radius: 26px;
  box-shadow: var(--aurora-depth), 0 24px 72px #0008;
  pointer-events: none;
  text-align: center;
}

#channelSwitcher li {
  min-height: 58px;
  padding: 12px 15px;
  border: 2px solid transparent;
  border-radius: 15px;
  color: var(--aurora-muted);
  font-size: 26px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#channelSwitcher li[aria-current] {
  color: #fff;
  font-size: 34px;
  border-color: var(--aurora-focus);
  background: var(--aurora-selection);
  box-shadow: inset 0 1px #fff6, 0 0 18px #a6fff034;
}