@font-face{font-family:Moderat;src:local("Moderat"),local("Moderat-Regular");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #000000;--fg: #ffffff;--text: #ffffff;--gutter-x: 150px;--gutter-y: 5vh;--stack-gap: 60px;--logo-w: 160px;--button-w: 112px;--song-size: 2.5rem;--artist-size: 1.5rem;--copy-size: .8rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background-color:var(--bg);color:var(--text);font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease}body{min-height:100dvh;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.player{position:absolute;top:50%;left:var(--gutter-x);padding-right:var(--gutter-x);transform:translateY(-50%);display:flex;align-items:center;gap:var(--stack-gap);max-width:calc(100% - (var(--gutter-x) * 2))}.logo{color:var(--fg);flex:0 0 auto}.logo svg{width:var(--logo-w);height:auto;display:block}.toggle{flex:0 0 auto;width:var(--button-w);height:var(--button-w);padding:0;background:transparent;border:0;color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:4px;transition:opacity .15s ease,transform .15s ease}.toggle svg{width:100%;height:100%;display:block}.toggle:hover,.toggle:focus-visible{opacity:.85}.toggle:focus-visible{outline:2px solid var(--text);outline-offset:6px}.toggle:active{transform:scale(.97)}.toggle.is-loading{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.infos{font-family:Moderat,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 auto;overflow:hidden}.song{font-size:var(--song-size);margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1em}.artist{font-size:var(--artist-size);opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1em}.rs{position:absolute;bottom:var(--gutter-y);left:var(--gutter-x);display:flex;gap:25px;align-items:center}.rs a{display:inline-flex;color:var(--fg);text-decoration:none;transition:opacity .15s ease;border-radius:4px}.rs a:hover,.rs a:focus-visible{opacity:.75}.rs a:focus-visible{outline:2px solid var(--text);outline-offset:4px}.rs svg{width:28px;height:28px;display:block}.copyright{position:absolute;bottom:var(--gutter-y);right:var(--gutter-x);margin:0;font-family:Moderat,Helvetica,Arial,sans-serif;font-size:var(--copy-size)}@media (max-width: 830px){:root{--gutter-x: 30px}}@media (max-width: 500px){body{overflow-y:auto;padding:3px}.player{position:static;transform:none;padding:60px;max-width:100%;flex-direction:column;align-items:center;text-align:center;gap:30px}.logo svg{width:100px}.toggle{width:100px;height:100px}.song{font-size:1.5rem;white-space:normal}.artist{font-size:1rem;white-space:normal}.rs,.copyright{position:static;padding:30px 60px;text-align:center;justify-content:center}.rs svg{width:20px;height:20px}.rs{gap:10px}}@media (prefers-reduced-motion: reduce){html,body,.toggle{transition:none}.toggle.is-loading{animation:none}}