/* V25.2.106 — visual color variant. Loaded after all existing styles. */
:root{
  --bg:#0b0d12;--panel:#141722;--panel2:#1a1e2b;--line:#353146;
  --text:#f8fafc;--muted:#b6bfd0;--blue:#8b5cf6;
  --purple:#8b5cf6;--green:#16a34a;
  --al-accent:#8b5cf6;--al-cyan:#22d3ee;--al-adult:#e83e8c;
}
html{background:#0b0d12;color-scheme:dark}
body{
  background:radial-gradient(ellipse at 12% 0%,rgba(139,92,246,.20),transparent 38%),
    radial-gradient(ellipse at 88% 12%,rgba(34,211,238,.10),transparent 35%),#0b0d12!important;
  color:var(--text);
}
.app{background:rgba(11,13,18,.91)!important;border-color:rgba(139,92,246,.26)!important}
.hero{background:linear-gradient(120deg,rgba(139,92,246,.14),rgba(34,211,238,.045))!important;border-bottom-color:rgba(139,92,246,.27)!important}
.hero .brandBlue,.hero .alInternationalFansLogo .brandBlue{
  color:#f8fafc!important;text-shadow:0 0 20px rgba(139,92,246,.55)!important;
}
.box,.stats{background:#141722!important;border-color:rgba(139,92,246,.23)!important}
.btnPurple,.alAiTopBtn{background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;color:#fff!important}
.btnGreen,.greenText{color:#fff}
.greenText{color:#4ade80!important}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  background:#11141e!important;border-color:#47405f!important;color:#f8fafc!important;
}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{
  outline:2px solid #22d3ee!important;outline-offset:2px!important;
}
a:not(.btn):not(.alAiPlatformBtn){text-decoration-color:rgba(34,211,238,.55)}
.partnerRow a{color:#67e8f9!important}
#alSideMenu.alSideMenu{background:#141722!important;border-left:1px solid rgba(139,92,246,.38)!important}
#alSideMenu .alSideMenuHead{background:linear-gradient(110deg,#29203f,#18232f)!important}
.alMenuNavBtn:not(.btnGreen):not(.btnOrange):not(.btnRed),.alAccordionBtn{
  border-color:rgba(139,92,246,.38)!important;
}
#aiAssistantModal .alAiWelcomePicture{
  background:#18142b!important;
  box-shadow:0 9px 28px rgba(139,92,246,.34),0 0 24px rgba(34,211,238,.18)!important;
}
/* Adult area gets a distinct accent without changing media and warning overlays. */
body.alchat-adult-social-page #alAdultSocialComposer,
body.alchat-adult-social-page .socialFeedHeader{
  border-color:rgba(232,62,140,.55)!important;
  box-shadow:0 0 18px rgba(232,62,140,.13)!important;
}
body.alchat-adult-social-page #alAdultSocialComposer button:not(.btnRed):not(.btnGreen),
body.alchat-adult-social-page .socialFeedHeader button:not(.btnRed):not(.btnGreen){
  background:#b7246a!important;color:#fff!important;
}
@media(max-width:700px){
  .hero{background:linear-gradient(160deg,rgba(139,92,246,.17),rgba(34,211,238,.04))!important}
}

/* V25.2.107 — login desktop and mobile */
:root{
  --bg:#0b0d12!important;--panel:#141722!important;--panel2:#1a1e2b!important;
  --line:#47405f!important;--text:#f8fafc!important;--muted:#b6bfd0!important;
  --blue:#8b5cf6!important;--purple:#8b5cf6!important;
}
html,body{background-color:#0b0d12!important;color:#f8fafc!important}
body:before{background:radial-gradient(circle at 15% 0%,rgba(139,92,246,.17),transparent 34%),radial-gradient(circle at 90% 8%,rgba(34,211,238,.1),transparent 30%)!important}
body.alchat-index-page .hero h1 .brandBlue{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;background:none!important}
body.alchat-index-page .alSeoTagline{color:#b6bfd0!important}
body.alchat-index-page #loginScreen.dualLogin{
  width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,560px)!important;
  align-items:start!important;column-gap:clamp(22px,3vw,52px)!important;row-gap:12px!important;
  margin:30px auto 100px!important;
}
body.alchat-index-page #loginScreen .loginWelcome{grid-column:2;grid-row:1;min-width:0;padding:0 8px 4px!important}
body.alchat-index-page #loginScreen .accountAccess{grid-column:2;grid-row:2;min-width:0}
body.alchat-index-page #loginScreen .alLoginConversationVisual{
  grid-column:1;grid-row:1 / span 2;align-self:start;position:sticky;top:20px;
  width:100%;margin:30px 0 0;overflow:hidden;border-radius:25px;
  border:1px solid rgba(139,92,246,.46);
  background:#181525;box-shadow:0 22px 70px rgba(0,0,0,.35),0 0 40px rgba(139,92,246,.15);
}
body.alchat-index-page #loginScreen .alLoginConversationVisual img{
  display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:center;
}
body.alchat-index-page #loginScreen .loginWelcome h2{color:#f8fafc!important}
body.alchat-index-page #loginScreen .loginEyebrow,
body.alchat-index-page #loginScreen .alLoginAiAnnouncementText{color:#67e8f9!important}
body.alchat-index-page #loginScreen .loginWelcome p,
body.alchat-index-page #loginScreen .loginLanguageChoice small,
body.alchat-index-page #loginScreen .alInstructionsVideoIntro,
body.alchat-index-page #loginScreen .alInstructionsVideoEmpty{color:#b6bfd0!important}
body.alchat-index-page #loginScreen .loginBenefits span{
  background:#1d2130!important;color:#e3d7ff!important;border-color:#514274!important;
}
body.alchat-index-page #loginScreen .loginLanguageChoice,
body.alchat-index-page #loginScreen .accountOnlyCard,
body.alchat-index-page #loginScreen .alInstructionsVideoSection{
  background:#171b27!important;border-color:#514274!important;
  box-shadow:0 14px 35px rgba(0,0,0,.22)!important;
}
body.alchat-index-page #loginScreen .loginLanguageChoice label,
body.alchat-index-page #loginScreen .accountOnlyCard summary,
body.alchat-index-page #loginScreen .alInstructionsVideoSection h2,
body.alchat-index-page #loginScreen .alInstructionsVideoManager summary{color:#e3d7ff!important}
body.alchat-index-page #loginScreen .accountDetailsBody label,
body.alchat-index-page #loginScreen .alInstructionsVideoManagerBody label{color:#f8fafc!important}
body.alchat-index-page #loginScreen .accountDetailsBody .meta{color:#b6bfd0!important}
body.alchat-index-page #loginScreen .loginLanguageChoice select,
body.alchat-index-page #loginScreen input:not([type="checkbox"]):not([type="radio"]),
body.alchat-index-page #loginScreen select{
  background:#0e111a!important;color:#f8fafc!important;border-color:#615181!important;
}
body.alchat-index-page #loginScreen .creatorCreateAccountButton,
body.alchat-index-page #loginScreen .googleLoginBtn,
body.alchat-index-page #loginScreen .accountLoginBtn{
  background:linear-gradient(135deg,#7640df,#8b5cf6)!important;border-color:#9c7cf1!important;
  box-shadow:0 7px 20px rgba(139,92,246,.25)!important;color:#fff!important;
}
body.alchat-index-page #loginScreen .alInstructionsVideoManager{border-color:#514274!important}
body.alchat-index-page #alSeoExplore a{color:#67e8f9!important;font-size:13px!important}
@media(max-width:820px){
  body.alchat-index-page #loginScreen.dualLogin{
    width:min(560px,calc(100% - 20px))!important;max-width:560px!important;
    display:flex!important;flex-direction:column!important;gap:12px!important;margin:16px auto 80px!important;
  }
  body.alchat-index-page #loginScreen .loginWelcome,
  body.alchat-index-page #loginScreen .accountAccess{width:100%!important}
  body.alchat-index-page #loginScreen .alLoginConversationVisual{
    position:static;margin:0!important;border-radius:18px;
  }
  body.alchat-index-page #loginScreen .alLoginConversationVisual img{
    height:clamp(130px,29vw,210px);aspect-ratio:auto;object-position:center 42%;
  }
}

/* V25.2.109 — enforce contrast against the legacy light theme selectors. */
html body.alchat-index-page,
html body.alchat-index-page .app,
html body.alchat-index-page #loginScreen.dualLogin{
  background:#0b0d12!important;color:#f8fafc!important;
}
html body.alchat-index-page .hero{
  background:linear-gradient(100deg,#221833 0%,#151b29 70%,#102a31 100%)!important;
  border-bottom:1px solid #514274!important;
}
html body.alchat-index-page .hero .alInternationalFansLogo .brandBlue{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 14px rgba(139,92,246,.58)!important;
}
html body.alchat-index-page .hero .alSeoTagline{color:#e1d9ec!important}
html body.alchat-index-page #loginScreen .loginWelcome h2{
  color:#fff!important;text-shadow:0 2px 16px rgba(139,92,246,.28)!important;
}
html body.alchat-index-page #loginScreen .loginWelcome p{
  color:#d7dce8!important;
}
html body.alchat-index-page #loginScreen .alLoginAiAnnouncementText,
html body.alchat-index-page #loginScreen .loginEyebrow{
  color:#67e8f9!important;
}
html body.alchat-index-page #loginScreen #alSeoExplore a{
  color:#89ecf9!important;text-decoration:underline!important;text-underline-offset:3px!important;
}