/* PersonaScope 5.0 V548: simple mode with type cards and About video retained */
.side-menu-preference{
  margin-top:8px;
  padding:12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  text-align:left;
}
.side-menu-preference-copy{display:grid;gap:4px;min-width:0}
.side-menu-preference-copy strong{color:#f4f7fc;font-size:.84rem}
.side-menu-preference-copy small{color:rgba(211,221,237,.63);font-size:.65rem;line-height:1.45}
.side-menu .simple-mode-toggle{
  width:auto;
  min-width:68px;
  min-height:38px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  color:rgba(232,238,248,.7);
  text-align:center;
  font-size:.65rem;
  font-weight:900;
}
.side-menu .simple-mode-toggle span{
  width:25px;
  height:25px;
  border-radius:50%;
  background:#8995a8;
  box-shadow:0 3px 10px rgba(0,0,0,.28);
  transition:transform .2s ease,background .2s ease;
}
.side-menu .simple-mode-toggle b{min-width:22px;letter-spacing:.05em}
.side-menu .simple-mode-toggle[aria-checked="true"]{
  justify-content:flex-end;
  border-color:rgba(218,181,74,.42);
  background:rgba(218,181,74,.15);
  color:#f4d878;
}
.side-menu .simple-mode-toggle[aria-checked="true"] span{background:#dbb64c}
.side-menu .simple-mode-toggle:focus-visible{outline:2px solid #f2cf67;outline-offset:2px}

/* Hide every character-focused surface while preserving the app's text and functions. */
html.simple-mode-pending #homeResidentCard,
html.simple-mode-pending .quote-detail-resident,
html.simple-mode-pending #resultResidentReaction,
html.simple-mode-pending #resultTypeVisual,
html.simple-mode-pending #libraryResidentGuide,
html.simple-mode-pending #quizResidentReaction,
body.simple-mode #homeResidentCard,
body.simple-mode .quote-detail-resident,
body.simple-mode #resultResidentReaction,
body.simple-mode #resultTypeVisual,
body.simple-mode #libraryResidentGuide,
body.simple-mode #quizResidentReaction{
  display:none!important;
}
html.simple-mode-pending img[src*="/resident/"],
html.simple-mode-pending img[id$="ResidentImage"],
body.simple-mode img[src*="/resident/"],
body.simple-mode img[id$="ResidentImage"]{
  display:none!important;
}
body.simple-mode .hero-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
}
body.simple-mode .hero-copy{grid-column:1}
body.simple-mode .home-history-preview{grid-column:2}
body.simple-mode .quote-detail-grid{grid-template-columns:minmax(0,1fr)!important}

@media(max-width:900px){
  body.simple-mode .hero-grid{grid-template-columns:1fr!important}
  body.simple-mode .hero-copy,body.simple-mode .home-history-preview{grid-column:auto}
}
@media(max-width:420px){
  .side-menu-preference{grid-template-columns:1fr;gap:9px}
  .side-menu .simple-mode-toggle{justify-self:stretch;justify-content:space-between}
  .side-menu .simple-mode-toggle[aria-checked="true"]{justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  .side-menu .simple-mode-toggle span{transition:none!important}
}