html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
.theme-wordmark { display: block; }
[data-theme="light"] [data-logo-theme="dark"],
[data-theme="dark"] [data-logo-theme="light"] { display: none; }
.appearance-controls { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.appearance-controls .language-selector { position: static; margin: 0; }
.theme-selector { display: flex; gap: 2px; }
.theme-selector button {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; min-height: 44px; margin: 0; padding: 8px;
  border: 0; border-radius: 0; background: transparent;
  color: var(--yp-text-secondary); cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.theme-selector button svg { display: block; width: 14px; height: 14px; }
[data-theme="dark"] .theme-selector .theme-icon-moon,
[data-theme="light"] .theme-selector .theme-icon-sun { display: none; }
.theme-selector button:hover,
.theme-selector button:active { color: var(--yp-text-primary); background: transparent; }
.theme-selector button:focus-visible { outline: 1px solid var(--yp-text-primary); outline-offset: 2px; }
.login-footer {
  display: grid; grid-template-columns: minmax(0, 1fr);
  width: min(100%, 1600px); padding-inline: clamp(24px, 5vw, 80px);
  bottom: max(32px, env(safe-area-inset-bottom));
}
.login-footer .appearance-controls {
  grid-area: 1 / 1; width: 100%; flex-direction: row; justify-content: space-between;
}
.login-footer .theme-selector button { justify-content: flex-start; padding-inline: 4px; }
.login-footer-home { grid-area: 1 / 1; justify-self: center; align-self: center; }
@media (max-width: 640px) {
  .login-footer {
    width: calc(100vw - 46px); padding-inline: 0; gap: 12px;
    bottom: max(24px, env(safe-area-inset-bottom));
  }
  .login-footer-home { grid-area: 2 / 1; }
}
@media (max-height: 600px) {
  .login-footer { bottom: auto; }
}