*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;overflow:hidden}html.light,html.light body{background:#fff}body{color:#fff;transition:background-color .22s,color .22s}html.light body,body.light{color:#000}button,a{-webkit-tap-highlight-color:transparent}#app-shell{color:#fff;background:#000;min-width:320px;position:fixed;inset:0}html.light #app-shell,body.light #app-shell{color:#000;background:#fff}#top-left,#top-right,#play-btn,#bottom-center,#logo-button{z-index:2;position:absolute}#top-left{top:calc(2.5rem + env(safe-area-inset-top,0px));left:max(2rem, env(safe-area-inset-left,0px))}#top-right{top:calc(2.5rem + env(safe-area-inset-top,0px));right:max(2rem, env(safe-area-inset-right,0px))}#play-btn{top:calc(2.5rem + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%)}.ctrl-btn{appearance:none;color:currentColor;cursor:pointer;letter-spacing:0;text-transform:lowercase;background:0 0;border:0;border-radius:0;padding:.25rem;font:700 .875rem/1 Courier New,monospace}.ctrl-btn:hover,.ctrl-btn:focus-visible{opacity:.58;outline:0}.theme-btn{font-size:1rem}#logo-button{appearance:none;cursor:pointer;aspect-ratio:1;background:0 0;border:0;border-radius:0;width:min(72vw,540px);top:50%;left:50%;transform:translate(-50%,-50%)}#logo-button:focus-visible{outline-offset:12px;outline:1px solid}#logo-button img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}#logo-button .logo-light,html.light #logo-button .logo-dark,body.light #logo-button .logo-dark{display:none}html.light #logo-button .logo-light,body.light #logo-button .logo-light{display:block}#logo-button.playing img{opacity:.94}#bottom-center{bottom:calc(2.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:.45rem;width:min(80vw,760px);display:flex;left:50%;transform:translate(-50%)}#cover-art{object-fit:cover;opacity:.86;border-radius:2px;width:48px;height:48px}#track-wrap{max-width:100%;overflow:hidden}#track{color:#ffffffb8;letter-spacing:0;white-space:nowrap;max-width:100%;font:700 .8rem/1.35 Courier New,monospace;text-decoration:none;display:inline-block}#track.live{color:#fff}#track.intermission{cursor:default;opacity:.72;font-style:italic}html.light #track,body.light #track{color:#0000009e}html.light #track.live,body.light #track.live{color:#000}#track.marquee{animation:marquee var(--marquee-dur,12s) linear infinite}#track .sep{width:3rem;display:inline-block}#status{color:#ffffff73;letter-spacing:0;text-align:center;text-transform:lowercase;font:700 .68rem/1.2 Courier New,monospace}html.light #status,body.light #status{color:#00000073}.theme-symbol-light,html.light .theme-symbol-dark,body.light .theme-symbol-dark{display:none}html.light .theme-symbol-light,body.light .theme-symbol-light{display:inline}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:640px){#top-left{top:calc(1.5rem + env(safe-area-inset-top,0px));left:max(1.15rem, env(safe-area-inset-left,0px))}#top-right{top:calc(1.5rem + env(safe-area-inset-top,0px));right:max(1.15rem, env(safe-area-inset-right,0px))}#play-btn{top:calc(1.5rem + env(safe-area-inset-top,0px))}#logo-button{width:min(82vw,390px)}#bottom-center{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));width:86vw}}