:root { --inner-theme-ink:#171719; --inner-theme-control:#f1f1f1; color-scheme:light; }
html[data-theme="dark"] { --inner-theme-ink:#f3f3f1; --inner-theme-control:#292a2e; color-scheme:dark; }
[data-inner-theme-toggle] {
  position:relative;
  display:grid;
  place-items:center;
  flex:none;
  width:34px;
  height:34px;
  padding:8px;
  border:1px solid transparent;
  border-radius:50%;
  color:var(--inner-theme-ink);
  background:var(--inner-theme-control);
  cursor:pointer;
  touch-action:manipulation;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,opacity .3s ease;
}
[data-inner-theme-toggle]::after { content:""; position:absolute; inset:-5px; }
[data-inner-theme-toggle]:hover { border-color:currentColor; }
[data-inner-theme-toggle]:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
[data-inner-theme-toggle] svg { display:block; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
[data-inner-theme-toggle] .theme-icon-sun { display:none; }
html[data-theme="dark"] [data-inner-theme-toggle] .theme-icon-sun { display:block; }
html[data-theme="dark"] [data-inner-theme-toggle] .theme-icon-moon { display:none; }
@media (max-width:700px) { [data-inner-theme-toggle] { width:32px; height:32px; } }
@media (prefers-reduced-motion:reduce) {
  [data-inner-theme-toggle], .inner-menu-panel a, .inner-menu-panel button { transition:none!important; }
}