/* Homepage controls remain inside the existing cursor reveal fields. */
.home-preferences [data-theme-toggle] {
  width: 70px;
  min-width: 70px;
}

.home-preferences [data-theme-toggle][data-glass-ready] {
  background: transparent;
  overflow: visible;
  touch-action: pan-y;
}

.home-preferences [data-theme-toggle][data-glass-dragging] { cursor: grabbing; }
.home-preferences .theme-toggle[data-theme-toggle][data-glass-ready] > svg { display: none; }

.home-preferences .onisaki-glass-canvas {
  position: absolute;
  inset: 50% auto auto 50%;
  display: block;
  width: 96px;
  height: 58px;
  max-width: none;
  transform: translate(-50%, -50%);
  visibility: hidden;
  pointer-events: none;
}

.home-preferences [data-glass-ready] > .onisaki-glass-canvas { visibility: visible; }

/* Leave each field in the original cursor sequence, with two distinct controls. */
.site-preferences.home-preferences {
  column-gap: 28px;
  padding: 0;
  border: 0;
  background: transparent;
}

.home-preferences > .preference-field + .preference-field::before { content: none; }

.home-preferences .language-toggle,
.home-preferences .theme-toggle:not([data-glass-ready]) {
  border: 1px solid var(--line);
  background: var(--card);
}

.home-preferences .language-toggle:hover,
.home-preferences .language-toggle:focus-visible,
.home-preferences .theme-toggle:not([data-glass-ready]):hover,
.home-preferences .theme-toggle:not([data-glass-ready]):focus-visible {
  background: var(--soft);
}

@media (max-width: 699px) {
  .site-preferences.home-preferences { column-gap: 16px; }
}

@media (forced-colors: active) {
  .home-preferences .language-toggle,
  .home-preferences .theme-toggle:not([data-glass-ready]) { border-color: ButtonText; }
}