:root,:root[data-theme]{--text: #f1f1f2;--core: #f1f1f2;--text-dim: #a6a7ac;--faint: #8c8d93;--floor-rgb: 22 23 25;--water-shallow: #202124;--water-deep: #161719;--glass-top: #292a2e;--glass-bottom: #202124;--play-top: #333438;--play-bottom: #292a2e;--rim: #424348;--rim-rgb: 66 67 72;--pale-rgb: 241 241 242;--hot-rgb: 220 221 224}html body{background:#161719}.site-header{background:#161719;color:var(--text);box-shadow:inset 0 -1px #343539}.brand-name,.header-home .brand-mark{color:var(--text)}.brand-sub{color:var(--glow)}.brand-mark path:last-child{fill:var(--glow)}.header-home:hover{background:#ffffff08}.theme-button,.sound-button{background:transparent;color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--rim)}.theme-button:hover,.theme-button[aria-expanded=true],.sound-button:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--glow)}.swatch{background:var(--swatch);box-shadow:none}.theme-menu{background:#252629;box-shadow:inset 0 0 0 1px var(--rim),0 16px 32px #0006}.theme-menu li:hover,.theme-menu li.active{background:#333438}#panel{background:#202124;box-shadow:inset 0 0 0 1px var(--rim),0 18px 48px #0008}#panel button,#panel .presets button[aria-pressed=true]{background:#303136;box-shadow:inset 0 0 0 1px var(--rim)}#panel button:hover,#panel .presets button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--glow)}#panel .item .confirm .yes{background:#a12d3d}