.theme-toggle{width:44px;height:44px;min-width:44px;padding:8px;flex:none}
.theme-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}
html[data-theme=dark]{color-scheme:dark;--ink:#ecece7;--paper:#252529;--shade:#161619;background:#17171b;color:#ecece7}
html[data-theme=dark] body{background:#17171b;color:#ecece7}
html[data-theme=dark] .player-card,html[data-theme=dark] .start-panel{background:var(--paper);border-color:#b7b7b5;box-shadow:6px 6px 0 #080809,inset 2px 2px 0 #444449,inset -2px -2px 0 #141417}
html[data-theme=dark] .card-caption h1,html[data-theme=dark] .start-panel h1,html[data-theme=dark] .now,html[data-theme=dark] .times,html[data-theme=dark] .display-line,html[data-theme=dark] .playback-state.is-playing{color:#f3f3ed}
html[data-theme=dark] .system-label,html[data-theme=dark] .footer-hint,html[data-theme=dark] .start-hint,html[data-theme=dark] .upload-note,html[data-theme=dark] .ghost-help,html[data-theme=dark] .track-duration{color:#c2c2c7}
html[data-theme=dark] .console-key,html[data-theme=dark] .transport button,html[data-theme=dark] #ghostHome{color:#eeeef0;border-color:#a5a5ae;background:linear-gradient(#39393f 0 78%,#222228 78%);box-shadow:0 3px 0 #070709,inset 2px 2px 0 #505057,inset -2px -3px 0 #18181c}
html[data-theme=dark] .console-key:hover{background:#4b4b52}
html[data-theme=dark] .console-key[aria-pressed=true],html[data-theme=dark] .transport .play{background:#e3e3dd;color:#19191d;box-shadow:0 3px 0 #070709,inset 2px 2px 0 #fff,inset -2px -3px 0 #a0a0a5}
html[data-theme=dark] .console-key:active{background:#505057}
html[data-theme=dark] .now-display,html[data-theme=dark] .panel-heading,html[data-theme=dark] .curse-control{background:#303036;box-shadow:inset 2px 2px 0 #1a1a1e}
html[data-theme=dark] .playlist-panel{background:#202024}
html[data-theme=dark] .track{color:#e9e9ed;border-bottom-color:#55555e}
html[data-theme=dark] .track:hover,html[data-theme=dark] .track.selected{background:#45454e;color:#fff}
html[data-theme=dark] .track-slot{background:#303036;color:#eee;border-color:#74747e}
html[data-theme=dark] .track.selected .track-slot{background:#e3e3dd;color:#19191d}
html[data-theme=dark] .seek{background:repeating-linear-gradient(90deg,#3c3c44 0 10px,#242429 10px 13px);box-shadow:2px 2px 0 #070709}
html[data-theme=dark] .pixel-range::-webkit-slider-runnable-track{background:#45454e}
html[data-theme=dark] .pixel-range::-moz-range-track{background:#45454e}
html[data-theme=dark] .pixel-range::-webkit-slider-thumb{background:#bdbdc6;box-shadow:2px 2px 0 #080809}
html[data-theme=dark] .pixel-range::-moz-range-thumb{background:#bdbdc6;box-shadow:2px 2px 0 #080809}
html[data-theme=dark] .visualizer i{background:#d9d9df}
html[data-theme=dark] .settings-panel{background:var(--paper);box-shadow:4px 4px 0 #080809}
html[data-theme=dark] .ghost-lock svg{fill:#ecece7}
html[data-theme=dark] .ada-image{filter:brightness(calc(var(--ghost-brightness,.55)*1.8))}
html[data-theme=dark] .player-page::before,html[data-theme=dark] .start-screen::before{filter:grayscale(1) brightness(.55)}
html[data-theme=dark] .start-screen::after{background:rgba(0,0,0,.45)}
html[data-theme=dark] .health-notice,html[data-theme=dark] .ghost-quote{background:#303036;color:#eeeef0;border-color:#b7b7b5}

html[data-theme=dark] .curse-heading,html[data-theme=dark] .curse-mode,html[data-theme=dark] .player-status{color:#ecece7}
html[data-theme=dark] .curse-scale{color:#c2c2c7}
html[data-theme=dark] .health-meter{filter:grayscale(1) invert(1)}
html[data-theme=dark] .theme-toggle[aria-pressed=true]{color:#ecece7;background:#39393f}
html[data-theme=dark] .console-key[aria-pressed=true]:hover,html[data-theme=dark] .transport .play:hover{background:#f0f0ec;color:#19191d}
html[data-theme=dark] .console-key[aria-pressed=true]:active{background:#bdbdc6;color:#19191d}

@font-face{font-family:Born2bSporty;size-adjust:135%;src:url('../../libs/fonts/born2bsporty-fs.otf') format('opentype');font-display:swap}
:root{--ui-font:GothicByte,monospace}
.font-setting{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0 0 12px;font:14px/1.5 var(--ui-font)}
.font-setting select{min-width:0;min-height:44px;width:100%;padding:6px;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--ui-font)}