:root{color-scheme:dark;--tblr-primary:#f59f00;--tblr-primary-rgb:245,159,0;--tblr-body-color:var(--tblr-gray-200);--tblr-secondary:var(--tblr-gray-400);--tblr-body-bg:var(--tblr-gray-900);--tblr-emphasis-color:#ffffff;--tblr-emphasis-color-rgb:255,255,255;--tblr-bg-forms:var(--tblr-gray-900);--tblr-bg-surface:var(--tblr-gray-800);--tblr-bg-surface-inverted:var(--tblr-gray-100);--tblr-bg-surface-secondary:var(--tblr-gray-900);--tblr-bg-surface-tertiary:var(--tblr-gray-800);--tblr-text-inverted:var(--tblr-gray-800);--tblr-link-color:var(--tblr-primary);--tblr-link-hover-color:color-mix(in srgb, var(--tblr-primary), black 20%);--tblr-active-bg:rgb(34.676744186, 45.8627906977, 61.523255814);--tblr-disabled-color:color-mix(in srgb, var(--tblr-body-color) 40%, transparent);--tblr-border-color:var(--tblr-gray-700);--tblr-border-color-translucent:var(--tblr-dark-mode-border-color-translucent);--tblr-border-dark-color:var(--tblr-dark-mode-border-dark-color);--tblr-border-active-color:var(--tblr-dark-mode-border-active-color);--tblr-btn-color:rgb(27.323255814, 36.1372093023, 48.476744186);--tblr-highlight-bg:rgb(169, 169, 169);--tblr-body-font-family:var(--tblr-font-monospace);--tblr-body-font-size:110%;--tblr-border-radius-scale:2;--tblr-gray-50:#fafaf9;--tblr-gray-100:#f5f5f4;--tblr-gray-200:#e7e5e4;--tblr-gray-300:#d6d3d1;--tblr-gray-400:#a8a29e;--tblr-gray-500:#78716c;--tblr-gray-600:#57534e;--tblr-gray-700:#44403c;--tblr-gray-800:#292524;--tblr-gray-900:#1c1917;--tblr-gray-950:#0c0a09}body{position:relative;min-height:100vh;overflow:auto}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;width:100vw;height:100vh;display:block;background:#000}body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;width:100vw;height:100vh;display:block;background:0 0}body video.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1;filter:blur(8px) brightness(.8);pointer-events:none}.welcome-modal-img{max-width:250px;height:auto;margin-bottom:1rem}.tip-modal-video{width:100%;max-width:600px;border-radius:8px}.navbar-mellow{--tblr-navbar-border-color:transparent;background:color-mix(in srgb,var(--tblr-gray-800),transparent 40%)}.footer-shadow{filter:drop-shadow(2px 4px 2px #000)}@media (min-width:1024px){#music-visualizer>canvas{max-height:80%}}#music-visualizer{position:relative;width:100%;height:calc(100vh - 450px);min-height:400px;max-height:900px;transition:height .3s ease-in-out;display:flex;align-items:center;justify-content:center}@media (max-width:767px){#music-visualizer{height:calc(100vh - 500px);min-height:250px}}@media (max-height:600px){#music-visualizer{height:calc(100vh - 420px);min-height:250px}}.music-visualizer-sm{min-height:250px!important}#visualizer-vinyl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 10px rgba(0, 0, 0, .5));z-index:2}#visualizer-loading{position:absolute;z-index:3;transform:translateZ(0);will-change:transform}.fade-out{opacity:0;transition:opacity .5s ease;pointer-events:none}#volume-text{width:40px;text-align:left;display:inline-block}.media-controls{background:color-mix(in srgb,var(--tblr-gray-800),transparent 50%);padding:1.5rem;border-radius:var(--tblr-border-radius-lg)}.text-popover{text-decoration:underline;text-decoration-style:dotted;cursor:pointer;color:var(--tblr-gray-100-fg)}.vinyl-spin{animation:rotate 8s linear infinite}#loading-overlay{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease-out}#loading-overlay.fade-out{opacity:0}@keyframes rotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}