:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1c1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;padding:1rem;text-align:center}body{margin:0;padding:0;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;overflow:hidden}.app-root{display:flex;flex-direction:column;height:100vh;background-color:#1a1c1e}.app-bar{flex-shrink:0;height:60px;display:grid;grid-template-columns:60px 1fr 60px;align-items:center;background-color:#282c34;border-radius:8px}.app-bar-title{display:flex;justify-content:center;align-items:center}.app-bar-title h1{margin:0;line-height:1;font-family:Fredoka;letter-spacing:.02em}.app-bar-section{display:flex;justify-content:center;align-items:center}.app-container{display:flex;flex:1;min-height:0}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem}@media(orientation:landscape){.main-content{margin:unset;margin-bottom:2rem;flex-direction:row;gap:3rem}.song-info{max-width:40%}}.album-art{border-radius:8px;width:300px;height:300px}.playlist-item{display:flex;align-items:center;gap:1rem}.playlist-text{display:flex;flex-direction:column;justify-content:center;text-align:left}.playlist-text *{margin:0}.playlist-text h5{color:#999}.tutter-blue{color:#65abc1}.listeners{display:flex;justify-content:center}.listeners-icon{width:1.5rem;height:1.5rem;margin-right:.5rem}@font-face{font-family:Fredoka;src:local("Fredoka"),url(/assets/Fredoka-VariableFont_wdth_wght-DbxtNlKw.ttf) format("truetype");font-weight:500}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.icon-button:hover{background-color:#fff3}.icon-button svg{width:20px;height:20px;color:#fff}.icon-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer}.icon-checkbox input{position:absolute;opacity:0;width:0;height:0}.icon-checkbox .checkmark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#ffffff1a;border-radius:6px;transition:background-color .1s ease,transform .1s ease}.icon-checkbox:hover .checkmark{background-color:#fff3}.icon-checkbox svg{width:20px;height:20px;color:transparent;transition:color .1s ease}.icon-checkbox input:checked+.checkmark{background-color:#65abc1}.icon-checkbox input:checked+.checkmark svg{color:#fff}.list-item{display:flex;align-items:center;gap:1rem}.list-item-text{display:flex;flex-direction:column;justify-content:center;text-align:left}.list-item-text *{margin:0}.list-item-text h5{color:#999}.volume-slider{--slider-pointer-color: #dddddd;display:inline-flex;align-items:center;flex-direction:row;width:100%}.volume-slider input[type=range]{-webkit-appearance:none;appearance:none;display:inline-flex;background:#ffffff1a;height:12px;flex:1;margin-left:8px;width:100%;border-radius:18px;cursor:pointer;transition:background .2s ease;padding:0 7px}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background-color:var(--slider-pointer-color);border-radius:50%;transition:transform .1s ease,background-color .1s ease;box-shadow:0 0 2px #0000004d}.volume-slider input[type=range]::-moz-range-thumb{width:24px;height:24px;background-color:var(--slider-pointer-color);border:none;border-radius:50%;cursor:pointer;transition:transform .1s ease,background-color .1s ease}.sidebar{background-color:#282c34;border-radius:8px;margin-top:1rem;margin-bottom:2rem}@media(max-width:650px)or (max-height:600px){.sidebar{justify-self:center;min-width:100%}}.sidebar-content{margin:1rem;display:flex;flex-direction:column;align-items:start;gap:1rem}.sidebar-content h2{margin:0}.loading{padding:2em}