/* One compact glass-switch layout throughout the site, including GPU fallback. */
.site-preferences { column-gap:28px; padding:0; border:0; background:transparent; }
.site-preferences > .preference-field + .preference-field::before { content:none; }
.site-preferences .language-toggle { border:1px solid var(--line); background:var(--card); }
.site-preferences [data-theme-toggle] {
  position:relative; flex:none; width:70px; min-width:70px; height:40px;
  overflow:visible; touch-action:pan-y; isolation:isolate;
}
.site-preferences [data-theme-toggle]:not([data-glass-ready]) {
  border:1px solid rgba(135,145,170,.2); border-radius:13px;
  background:linear-gradient(145deg,#13161c,#20252f); box-shadow:inset 0 2px 5px #080a1040;
}
.site-preferences [data-theme-toggle]:not([data-glass-ready])::before {
  content:''; position:absolute; left:3px; top:3px; width:32px; height:32px; border-radius:10px;
  border:1px solid #989dce55; background:linear-gradient(145deg,#5a5e76,#292d3a);
  box-shadow:inset 0 1px 2px #ffffff30,0 0 9px #7b80ff65; box-sizing:border-box;
  transition:transform .22s ease,background .22s ease;
}
.site-preferences [data-theme-toggle]:not([data-glass-ready]) > svg {
  position:absolute; left:10px; top:10px; width:18px; height:18px; z-index:1; color:#eeedff;
}
.site-preferences [data-theme-toggle]:not([data-glass-ready]) > .theme-sun {display:none;}
.site-preferences [data-theme-toggle]:not([data-glass-ready]) > .theme-moon {display:block;}
:root[data-theme='light'] .site-preferences [data-theme-toggle]:not([data-glass-ready]) {
  background:linear-gradient(145deg,#e1e2e6,#d5d6dc); box-shadow:inset 0 2px 5px #72778020;
}
:root[data-theme='light'] .site-preferences [data-theme-toggle]:not([data-glass-ready])::before {
  transform:translateX(30px); border-color:#fff8; background:linear-gradient(145deg,#fff,#ece9e3); box-shadow:0 1px 5px #6e614530,0 0 8px #ffd69370;
}
:root[data-theme='light'] .site-preferences [data-theme-toggle]:not([data-glass-ready]) > .theme-sun {display:block;left:40px;color:#61594d;}
:root[data-theme='light'] .site-preferences [data-theme-toggle]:not([data-glass-ready]) > .theme-moon {display:none;}
.site-preferences [data-theme-toggle][data-glass-ready] {background:transparent;border-color:transparent;box-shadow:none;}
.site-preferences [data-theme-toggle][data-glass-ready]::before {content:none;}
.site-preferences [data-theme-toggle][data-glass-ready] > svg {display:none;}
.site-preferences [data-glass-dragging] {cursor:grabbing;}
.site-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;
}
.site-preferences [data-glass-ready] > .onisaki-glass-canvas {visibility:visible;}
@media (prefers-reduced-motion:no-preference) {
  .site-theme-boot .site-preferences:not(.home-preferences) [data-theme-toggle] {visibility:hidden;}
}
@media (max-width:699px) {.site-preferences {column-gap:16px;}}
@media (prefers-reduced-motion:reduce) {.site-preferences [data-theme-toggle]::before {transition:none;}}
@media print {.site-theme-boot .site-preferences [data-theme-toggle] {visibility:visible!important;clip-path:none!important;}}
@media (forced-colors:active) {
 .site-preferences [data-theme-toggle]:not([data-glass-ready]) {background:ButtonFace;border:1px solid ButtonText;box-shadow:none;}
 .site-preferences [data-theme-toggle]:not([data-glass-ready])::before {background:ButtonFace;border:1px solid ButtonText;box-shadow:none;}
 .site-preferences [data-theme-toggle]:not([data-glass-ready]) > svg {color:ButtonText;}
}