/* Shared VyuMee legal-page theme toggle — matches the homepage / Founding Creator control. */
.header-actions{display:flex;align-items:center;gap:10px}
.theme-toggle{
  appearance:none;
  border:1px solid #dcdcea;
  background:#fff;
  color:#12131d;
  min-height:42px;
  border-radius:999px;
  padding:7px 11px 7px 8px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(42,27,88,.08);
  transition:background .2s,border-color .2s,color .2s,transform .2s
}
.theme-toggle:hover{transform:translateY(-1px);border-color:#bdb8ff}
.theme-toggle-track{
  width:38px;
  height:24px;
  border-radius:999px;
  background:#ececf4;
  position:relative;
  transition:.2s;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)
}
.theme-toggle-knob{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:50%;
  left:3px;
  top:3px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.22);
  transition:.2s
}
.theme-toggle-icon{font-size:13px;line-height:1}
html[data-theme="dark"] .theme-toggle{
  background:#0f1730;
  border-color:#303a5a;
  color:#f7f8ff;
  box-shadow:0 8px 24px rgba(0,0,0,.24)
}
html[data-theme="dark"] .theme-toggle-track{background:linear-gradient(120deg,#385cff,#b245ff)}
html[data-theme="dark"] .theme-toggle-knob{transform:translateX(14px)}
@media(max-width:640px){
  .header-actions{gap:7px}
  .theme-toggle{min-height:38px;padding:6px 8px}
  .theme-toggle-label{display:none}
  .theme-toggle-track{width:36px}
}
@media(prefers-reduced-motion:reduce){
  .theme-toggle,.theme-toggle-track,.theme-toggle-knob{transition:none}
}

/* Override legacy legal-page mobile rules that hid every span inside the toggle. */
@media(max-width:720px){
  .theme-toggle .theme-toggle-icon{display:inline-block!important}
  .theme-toggle .theme-toggle-track{display:inline-block!important}
  .theme-toggle .theme-toggle-knob{display:block!important}
  .theme-toggle .theme-toggle-label{display:none!important}
}