html{scrollbar-gutter:stable}
.theme-switcher{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px;border:1px solid #c99a36;background:#070808cc;box-shadow:0 8px 24px #0007}
.theme-switcher button{min-height:31px;padding:0 12px;border:0;background:transparent;color:#e9e3d6;font:700 .62rem/1 "DM Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.theme-switcher button:hover{transform:translateY(-1px);color:#e8bd5c}
.theme-switcher button[aria-pressed=true]{background:#c99a36;color:#080909}
html[data-theme=card] .theme-switcher{border-color:#111;background:#f7f2e8e8;box-shadow:6px 6px 0 #111}
html[data-theme=card] .theme-switcher button{color:#111;font-family:"Permanent Marker","DM Sans",Arial,sans-serif;letter-spacing:0}
html[data-theme=card] .theme-switcher button:hover{color:#f00786}
html[data-theme=card] .theme-switcher button[aria-pressed=true]{background:#111;color:#fff}
html.theme-roll-lock{overflow-x:hidden;overflow-y:scroll}
.theme-roll-layer{position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden;background:transparent}
.theme-roll-frame{display:block;width:100%;height:100%;border:0;clip-path:inset(0 0 100% 0);will-change:clip-path}
.theme-roll-layer.is-running .theme-roll-frame{animation:themeRollDrop .82s cubic-bezier(.2,.78,.22,1) both}
@keyframes themeRollDrop{
  0%{clip-path:inset(0 0 100% 0)}
  100%{clip-path:inset(0 0 0 0)}
}
@media(prefers-reduced-motion:reduce){
  .theme-roll-layer.is-running .theme-roll-frame{animation:none}
}
@media(max-width:760px){
  .theme-switcher{position:absolute;top:17px;right:74px;z-index:6;margin-left:0}
  .theme-switcher button{min-height:34px;padding:0 10px;font-size:.58rem}
}