#tab-discover { min-height: calc(100svh - 70px); isolation: isolate; }
#home-background, .home-shade { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#home-background { object-fit: cover; z-index: -2; }
.home-shade { z-index: -1; background: linear-gradient(180deg,rgba(8,8,14,.42),rgba(8,8,14,.65) 70%,#0f0f13); }
#tab-discover .hero-inner { padding-top: clamp(56px,10vh,120px); }
#tab-discover .hero-sub, #tab-discover .eyebrow { color: #e2dcf4; text-shadow: 0 1px 6px #000; }
#tab-discover .prompt-card { background: rgba(24,24,31,.93); backdrop-filter: blur(12px); }
#classic-login { width: min(420px,calc(100vw - 32px)); padding: 28px; border: 1px solid #3b324e; border-radius: 18px; color: #eee; background: #18181f; box-shadow: 0 24px 90px #0009; }
#classic-login::backdrop { background: #09090ebd; backdrop-filter: blur(7px); }
#classic-login h2 { margin: 0 0 12px; }
#classic-login p { color: #aaa; font-size: 14px; }
#classic-login label { display: grid; gap: 8px; margin: 16px 0; font-size: 14px; }
#classic-login [hidden] { display: none; }
#classic-login input { width: 100%; padding: 12px; background: #101015; color: white; border: 1px solid #3b324e; border-radius: 8px; }
#classic-login .login-actions { display:flex; gap: 10px; justify-content: flex-end; }
#classic-login-error { color: #f87171 !important; }
#classic-account { white-space: nowrap; }
.topnav { overflow: visible; }
.workspace-tabs { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; overflow-x: auto; scrollbar-width: none; }
.workspace-tabs::-webkit-scrollbar { display: none; }
.topnav-actions .credit-topup { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 42px; padding: 10px 20px; border: 1px solid #a78bfa; border-radius: 10px; background: linear-gradient(135deg,#8b5cf6,#6d28d9); color: #fff; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; white-space: nowrap; box-shadow: 0 4px 18px #7c3aed50; }
.topnav-actions .credit-topup:hover { background: #7c3aed; box-shadow: 0 4px 22px #8b5cf675; }
.topnav-actions .credit-topup:focus-visible { outline: 2px solid #ddd6fe; outline-offset: 3px; }
.credit-nav-balance { color: #ddd6fe; font-size: 13px; white-space: nowrap; }
#classic-account { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
@media(max-width:900px) {
  .topnav { flex-wrap: wrap; gap: 10px; }
  .workspace-tabs { order: 1; flex-basis: 100%; }
  .topnav-actions .src-btn { display: none; }
}
@media(max-width:640px) {
  .topnav .brand-logo { width: 96px; height: 32px; }
  .topnav-actions .credit-topup { padding: 10px 14px; }
  .credit-nav-balance { display: none; }
  #classic-account { max-width: 76px; padding: 8px 10px; }
}
/* Confirmation opened from a history modal must remain clickable above it. */
#modal-ui-confirm { z-index: 100000; }
@media(max-width:640px) {
  #tab-discover .hero-inner { padding: 44px 16px; }
  #tab-discover .prompt-foot, #tab-discover .prompt-foot > div { flex-wrap: wrap; }
  #tab-discover .prompt-foot { gap: 14px; }
  #tab-discover .sources-row { flex-wrap: wrap; justify-content: center; }
  #tab-discover .hero-h1 { font-size: 32px; }
}