/* Canonical public-site chrome. Pages may keep their own layout, but the
   palette, typography, controls, navigation surfaces, and focus states are
   shared everywhere. */
:root {
  --tvc-bg: #0b0d0f !important;
  --tvc-surf: #15181b !important;
  --tvc-surf2: #1d2226 !important;
  --tvc-surf3: #252b30 !important;
  --tvc-t1: #f5f1e8 !important;
  --tvc-t2: rgba(245, 241, 232, .66) !important;
  --tvc-t3: rgba(245, 241, 232, .42) !important;
  --tvc-b1: rgba(244, 239, 228, .13) !important;
  --tvc-b2: rgba(244, 239, 228, .22) !important;
  --tvc-red: #cf4b35 !important;
  --tvc-gold: #c7a568 !important;
  --tvc-public-bg: #0b0d0f;
  --tvc-public-surface: #15181b;
  --tvc-public-surface-2: #1d2226;
  --tvc-public-border: rgba(244, 239, 228, .13);
  --tvc-public-text: #f5f1e8;
  --tvc-public-muted: rgba(245, 241, 232, .66);
  --tvc-public-faint: rgba(245, 241, 232, .42);
  --tvc-public-accent: #cf4b35;
  --tvc-public-gold: #c7a568;
}

body.tvc-public-shell,
body.tvc-public-shell .profile-page {
  background: var(--tvc-public-bg) !important;
  color: var(--tvc-public-text) !important;
}

body.tvc-public-shell a:focus-visible,
body.tvc-public-shell button:focus-visible,
body.tvc-public-shell input:focus-visible,
body.tvc-public-shell textarea:focus-visible,
body.tvc-public-shell select:focus-visible {
  outline: 2px solid var(--tvc-public-gold);
  outline-offset: 3px;
}

/* Legal documents are intentionally a light reading surface. Keep this
   scoped so the artwork-led home and Studio retain their own visual systems. */
body.tvc-public-shell.legal-page,
body.tvc-public-shell.legal-page .profile-page {
  background:#fff !important;
  color:#090909 !important;
}
body.tvc-public-shell.legal-page .legal-nav {
  background:#fff !important;
  border-bottom-color:#d8d8d5 !important;
  color:#090909 !important;
}
body.tvc-public-shell.legal-page .legal-nav .brand,
body.tvc-public-shell.legal-page .legal-nav .nav-link,
body.tvc-public-shell.legal-page .legal-nav .back,
body.tvc-public-shell.legal-page .legal-nav .nav-menu-btn {
  color:#111 !important;
}
body.tvc-public-shell.legal-page .legal-nav .nav-menu-btn span { background:#111 !important; }
body.tvc-public-shell.legal-page .legal-footer {
  background:#fff !important;
  border-top-color:#d8d8d5 !important;
  color:#777 !important;
}

/* Account is part of the same light utility flow as authentication. */
body.tvc-public-shell.account-page {
  background:#fff !important;
  color:#090909 !important;
}
body.tvc-public-shell.account-page :is(a,button,input,textarea,select):focus-visible {
  outline-color:#111 !important;
}

body.tvc-public-shell .nav,
body.tvc-public-shell .brand-bar,
body.tvc-public-shell .tvc-brand-bar {
  background: rgba(11, 13, 15, .93) !important;
  border-bottom: 1px solid var(--tvc-public-border) !important;
  color: var(--tvc-public-text) !important;
}

body.tvc-public-shell .nav-logo,
body.tvc-public-shell .brand-bar-name,
body.tvc-public-shell .nav-link,
body.tvc-public-shell .nav-menu-btn,
body.tvc-public-shell .tvc-menu-btn {
  color: var(--tvc-public-text) !important;
}

body.tvc-public-shell .nav-link:not(.nav-auth-login) {
  color: var(--tvc-public-muted) !important;
}

body.tvc-public-shell .nav-link:hover,
body.tvc-public-shell .nav-link.is-current,
body.tvc-public-shell .nav-link[aria-current="page"] {
  color: var(--tvc-public-text) !important;
}
body.tvc-public-shell .legal-nav .brand,
body.tvc-public-shell .legal-nav .nav-link {
  color:#111 !important;
}

body.tvc-public-shell .menu-panel,
body.tvc-public-shell .tvc-menu-panel,
body.home-gallery-theme.tvc-public-shell .menu-panel,
body.home-playback-theme.tvc-public-shell .menu-panel {
  background: #fff !important;
  border-left: 1px solid #d8d8d5 !important;
  color: #090909 !important;
  box-shadow: -18px 0 44px rgba(0,0,0,.08);
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) {
  position:fixed !important;
  z-index:320 !important;
  inset:0 0 0 auto !important;
  width:min(520px,100vw) !important;
  padding:26px clamp(25px,5vw,58px) 26px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  overflow-y:auto;
  transform:translateX(102%);
  transition:transform .52s cubic-bezier(.76,0,.24,1);
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel).open { transform:translateX(0); }
body.tvc-public-shell :is(.menu-backdrop,.tvc-menu-backdrop) {
  position:fixed !important;
  z-index:310 !important;
  inset:0 !important;
  background:rgba(9,9,9,.28);
  backdrop-filter:blur(2px);
  opacity:0;
  pointer-events:none;
  transition:opacity .52s ease;
}
body.tvc-public-shell :is(.menu-backdrop,.tvc-menu-backdrop).open {
  opacity:1;
  pointer-events:auto;
}
body.tvc-public-shell .tvc-menu-head { display:flex; align-items:center; justify-content:space-between; min-height:34px; }
body.tvc-public-shell .tvc-menu-index {
  color:#999; font:500 9px/1 'DM Mono',monospace; letter-spacing:.16em;
}
body.tvc-public-shell .tvc-menu-signature {
  margin:clamp(42px,9vh,92px) 0 clamp(44px,8vh,80px);
  width:min(260px,72%); line-height:0;
}
body.tvc-public-shell .tvc-menu-signature img { display:block; width:100%; height:auto; }
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) :is(.menu-group-label,.tvc-menu-group-label) {
  margin:0 0 14px !important;
  color:#999 !important;
  font:500 10px/1.2 'DM Mono',monospace !important;
  letter-spacing:.18em !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-link,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-link {
  display:flex; align-items:baseline; justify-content:space-between;
  width:100%; padding:6px 0 !important;
  color:#0a0a0a !important;
  font:500 clamp(22px,2.3vw,26px)/1.28 'DM Sans',sans-serif !important;
  letter-spacing:-.04em !important;
  text-transform:none !important;
  text-decoration:none !important;
  transition:color .22s ease, transform .22s ease !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-link:hover,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-link:hover {
  color:#777 !important; transform:translateX(7px);
}
body.tvc-public-shell .tvc-menu-arrow { color:#aaa; font:400 15px/1 'DM Mono',monospace; letter-spacing:0; }
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-nav-arrow {
  flex:0 0 auto;
  align-self:center;
  margin-left:18px;
  color:currentColor;
  font:400 13px/1 'DM Mono',monospace;
  letter-spacing:0;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-icons,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-icons {
  display:flex; align-items:center; flex-wrap:wrap; margin:12px 0 0; gap:12px;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-icon,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-icon {
  width:42px; height:42px; display:grid; place-items:center; flex:0 0 42px;
  border:1px solid #d8d8d5 !important; border-radius:50% !important;
  color:#555 !important; text-decoration:none !important;
  transition:color .22s ease, border-color .22s ease, transform .22s ease !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) :is(.menu-icon,.tvc-menu-icon) svg {
  display:block; width:20px !important; height:20px !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-icon:hover,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-icon:hover { transform:translateY(-2px); color:#090909 !important; border-color:#090909 !important; background:transparent !important; }
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-connect-label,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-legal-label { margin-top:28px !important; }
body.tvc-public-shell .tvc-menu-legal { display:flex; flex-wrap:wrap; gap:10px 22px; }
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-legal .menu-link,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-legal .tvc-menu-link {
  width:auto; padding:0 !important; color:#62625e !important; font-size:12px !important; line-height:1.5 !important; letter-spacing:0 !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-legal .menu-link:hover,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-legal .tvc-menu-link:hover { color:#090909 !important; transform:none; }
body.tvc-public-shell .tvc-menu-footer {
  display:flex; justify-content:space-between; gap:18px; margin-top:clamp(34px,6vh,54px); padding-top:28px;
  color:#686864; font:400 10px/1.5 'DM Mono',monospace; letter-spacing:.02em;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-close,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-close {
  position:static !important; width:42px !important; height:42px !important;
  display:grid !important; place-items:center !important; padding:0 !important;
  border:0 !important; border-radius:0 !important; background:transparent !important;
  color:#090909 !important; font:300 27px/1 'DM Sans',sans-serif !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-close:hover,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-close:hover { color:#888 !important; }
@media(max-width:700px) {
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) { width:100vw !important; padding:20px 22px 22px !important; }
  body.tvc-public-shell .tvc-menu-signature { margin-top:48px; margin-bottom:54px; width:205px; }
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-link,
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-link { font-size:24px !important; padding:6px 0 !important; }
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-connect-label,
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-legal-label { margin-top:28px !important; }
  body.tvc-public-shell .tvc-menu-legal { flex-direction:column; align-items:flex-start; gap:12px; }
  body.tvc-public-shell .tvc-menu-footer { padding-top:26px; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel), body.tvc-public-shell :is(.menu-backdrop,.tvc-menu-backdrop),
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-link,
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-link,
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-icon,
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-icon { transition:none !important; }
}
@media(max-width:700px) and (max-height:700px) {
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) { padding-top:14px !important; padding-bottom:16px !important; }
  body.tvc-public-shell .tvc-menu-signature { margin-top:28px; margin-bottom:30px; width:175px; }
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-link,
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-link { font-size:24px !important; padding:5px 0 !important; }
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-connect-label,
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-legal-label { margin-top:24px !important; }
  body.tvc-public-shell .tvc-menu-footer { margin-top:30px; padding-top:18px; }
}
body.tvc-public-shell .tvc-utility-link{font-size:12px!important;font-weight:500!important;letter-spacing:.08em!important}
body.tvc-public-shell .tvc-footer-legal{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:auto;font-size:9px;letter-spacing:.04em}
body.tvc-public-shell .tvc-footer-legal a{color:inherit;text-decoration:none;opacity:.66}
body.tvc-public-shell .tvc-footer-legal a:hover{opacity:1}
@media(max-width:700px){body.tvc-public-shell #home-footer .tvc-footer-legal{display:none}}

body.tvc-public-shell .menu-link,
body.tvc-public-shell .tvc-menu-link {
  color: #090909 !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
}

body.tvc-public-shell .menu-link:hover,
body.tvc-public-shell .tvc-menu-link:hover,
body.tvc-public-shell .menu-link.is-current,
body.tvc-public-shell .tvc-menu-link.is-current {
  color: #777 !important;
}

body.tvc-public-shell .menu-group-label,
body.tvc-public-shell .tvc-menu-group-label,
body.tvc-public-shell .menu-sub-link,
body.tvc-public-shell .tvc-menu-sub-link {
  color: #777 !important;
}

body.tvc-public-shell .menu-close,
body.tvc-public-shell .tvc-menu-close {
  color: #090909 !important;
}

body.tvc-public-shell .menu-icon,
body.tvc-public-shell .tvc-menu-icon {
  color: #444 !important;
  border-color: #d8d8d5 !important;
}

body.tvc-public-shell .menu-icon:hover,
body.tvc-public-shell .tvc-menu-icon:hover {
  color: #090909 !important;
  border-color: #090909 !important;
}

/* A quiet, deliberate empty shelf is preferable to a faux product area. */
.tvc-profile-editorial {
  max-width: 780px;
  margin: 28px auto 0;
  padding: 24px;
  border-top: 1px solid var(--tvc-public-border);
}
.tvc-profile-editorial-label {
  color: var(--tvc-public-gold);
  font: 10px/1.2 'DM Mono', monospace;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.tvc-profile-editorial-intro {
  color: var(--tvc-public-text);
  font: 500 clamp(18px, 2.4vw, 24px)/1.45 'DM Sans', sans-serif;
  max-width: 34em;
}
.tvc-profile-editorial-link {
  display: inline-block;
  margin-top: 14px;
  color: var(--tvc-public-gold);
  font: 11px/1.4 'DM Mono', monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid rgba(199, 165, 104, .4);
}
.tvc-profile-editorial-link:hover { color: var(--tvc-public-text); }
.tvc-profile-credits {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 18px;
}
.tvc-profile-credit {
  color: var(--tvc-public-muted);
  font-size: 12px;
}
.tvc-profile-credit strong {
  color: var(--tvc-public-text);
  font-weight: 600;
}
@media (max-width: 640px) {
  .tvc-profile-editorial { padding: 20px 0; }
}

.tvc-account-block {
  margin-top: 24px;
  padding: 20px 0 10px;
  border-top: 1px solid #e4e4e1;
  border-bottom: 1px solid #e4e4e1;
}
.tvc-account-identity {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
  color:#090909;
  font:500 15px/1.25 'DM Sans',sans-serif;
}
.tvc-account-identity strong { display:block; font-weight:500; }
.tvc-account-identity small {
  display:block;
  margin-top:4px;
  color:#888;
  font:400 11px/1.35 'DM Mono',monospace;
  letter-spacing:.01em;
}
.tvc-account-avatar {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f5f1e8;
  color: #111;
  font-size: 9px;
}
.tvc-account-block .tvc-menu-logout {
  padding-left:34px !important;
  font-size:15px !important;
  color:#555 !important;
}
.tvc-account-block .tvc-menu-logout:hover { color:#090909 !important; transform:translateX(7px); }
.tvc-menu-auth { display: contents; }
.tvc-menu-logout {
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
}
@media (prefers-reduced-motion:reduce) {
  body.tvc-public-shell .tvc-account-block .tvc-menu-logout { transition:none !important; }
}

/* Mobile menu: a quiet editorial index, not a second homepage. */
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) {
  background:#fbfbfa !important;
  border-left:1px solid #e2e2df !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:24px 28px 28px !important;
}
body.tvc-public-shell .tvc-menu-head { flex:0 0 auto; }
body.tvc-public-shell .tvc-menu-index {
  color:#777 !important;
  font:500 10px/1 'DM Sans',sans-serif !important;
  letter-spacing:.15em !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-primary,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-secondary {
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-primary {
  margin-top:clamp(58px,10vh,112px);
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-link,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-link {
  color:#171717 !important;
  font:500 clamp(22px,5.9vw,30px)/1.18 'DM Sans',sans-serif !important;
  letter-spacing:.015em !important;
  text-transform:uppercase !important;
  padding:7px 0 !important;
  transform:none;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-primary .is-current {
  color:#979793 !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-link:hover,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-link:hover {
  color:#777 !important;
  transform:translateX(4px);
}
body.tvc-public-shell .tvc-menu-rule {
  height:1px;
  margin:24px 0 19px;
  background:#dededb;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-secondary .tvc-menu-link,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-secondary .menu-link {
  font-size:14px !important;
  line-height:1.25 !important;
  letter-spacing:.08em !important;
}
body.tvc-public-shell .tvc-menu-arrow {
  color:#858581 !important;
  font-size:16px !important;
  margin-left:5px;
}
body.tvc-public-shell .tvc-menu-lower {
  margin-top:auto;
  padding-top:clamp(40px,10vh,100px);
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-connect {
  display:flex;
  align-items:center;
  gap:clamp(15px,4vw,28px);
  margin:0 !important;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-connect .menu-icon,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-connect .tvc-menu-icon {
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  gap:7px;
  color:#4d4d49 !important;
  font:500 10px/1 'DM Sans',sans-serif !important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-connect svg { width:17px !important; height:17px !important; }
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-connect .menu-icon:hover,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-connect .tvc-menu-icon:hover {
  transform:none !important;
  color:#090909 !important;
  border:0 !important;
}
body.tvc-public-shell .tvc-menu-footer {
  display:block !important;
  margin-top:26px !important;
  padding-top:21px !important;
  border-top:1px solid #dededb;
  color:#73736f !important;
  font:500 10px/1.35 'DM Sans',sans-serif !important;
  letter-spacing:.13em !important;
  text-transform:uppercase;
}
body.tvc-public-shell .tvc-menu-legal,
body.tvc-public-shell .tvc-menu-signature { display:none !important; }

/* Home playback uses the selected record's dark player accent in the menu. */
body.home-gallery-theme.home-playback-theme.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) {
  background:var(--home-player-field,#242124) !important;
  border-left-color:var(--home-player-border,rgba(255,255,255,.22)) !important;
  color:var(--home-player-ink,#fff) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell .tvc-menu-index,
body.home-gallery-theme.home-playback-theme.tvc-public-shell .tvc-menu-arrow,
body.home-gallery-theme.home-playback-theme.tvc-public-shell .tvc-menu-footer {
  color:var(--home-player-muted,rgba(255,255,255,.72)) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) :is(.menu-link,.tvc-menu-link,.menu-close,.tvc-menu-close) {
  color:var(--home-player-ink,#fff) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-primary .is-current,
body.home-gallery-theme.home-playback-theme.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) :is(.menu-link,.tvc-menu-link,.menu-close,.tvc-menu-close):hover {
  color:var(--home-player-muted,rgba(255,255,255,.72)) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell .tvc-menu-rule {
  background:var(--home-player-border,rgba(255,255,255,.22)) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-connect :is(.menu-icon,.tvc-menu-icon) {
  color:var(--home-player-muted,rgba(255,255,255,.72)) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-connect :is(.menu-icon,.tvc-menu-icon):hover {
  color:var(--home-player-ink,#fff) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell .tvc-menu-footer {
  border-top-color:var(--home-player-border,rgba(255,255,255,.22)) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell .tvc-account-identity,
body.home-gallery-theme.home-playback-theme.tvc-public-shell .tvc-account-identity strong {
  color:var(--home-player-ink,#fff) !important;
}
body.home-gallery-theme.home-playback-theme.tvc-public-shell .tvc-account-identity small {
  color:var(--home-player-muted,rgba(255,255,255,.72)) !important;
}

body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel).open .tvc-menu-primary .menu-link,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel).open .tvc-menu-primary .tvc-menu-link,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel).open .tvc-menu-secondary .menu-link,
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel).open .tvc-menu-secondary .tvc-menu-link {
  animation:tvc-menu-link-in .38s both;
}
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel).open .tvc-menu-primary > :nth-child(2) { animation-delay:.035s; }
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel).open .tvc-menu-primary > :nth-child(3) { animation-delay:.07s; }
body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel).open .tvc-menu-primary > :nth-child(4) { animation-delay:.105s; }
@keyframes tvc-menu-link-in { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
@media(max-width:700px) {
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) { padding:20px 22px 22px !important; }
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-primary { margin-top:clamp(52px,9vh,82px); }
  body.tvc-public-shell .tvc-menu-lower { padding-top:clamp(30px,8vh,72px); }
}
@media(prefers-reduced-motion:reduce) {
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .menu-link,
  body.tvc-public-shell :is(.menu-panel,.tvc-menu-panel) .tvc-menu-link { animation:none !important; }
}