:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#222;background:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;padding:0 20px max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.artwork{flex:1;justify-content:center;align-items:center;width:100%;min-height:240px;display:flex}.artwork img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:max(280px,100svh - 170px);display:block}.music{width:min(100%,320px);margin:6px auto 0}.queue{border-top:1px solid #dedede;align-items:center;gap:6px;min-height:32px;display:flex}.queue label{letter-spacing:.18em;font-size:8px}select{color:#222;min-width:0;max-width:100%;font:inherit;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;padding:7px 0;font-size:10px}#count{color:#777;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:8px}button{color:#222;cursor:pointer;background:0 0;border:0;flex-shrink:0;width:26px;height:32px;padding:0;font-size:22px;font-weight:300}button:hover{background:#f5f5f5}:focus-visible{outline-offset:3px;outline:2px solid #666}.player-frame{height:80px}iframe{transform-origin:0 0;border:0;width:125%;height:100px;display:block;transform:scale(.8)}.soundcloud-link{color:#777;width:fit-content;margin:4px 0 0 auto;font-size:8px;text-decoration:none;display:block}.contact{color:#1a1a1a;letter-spacing:.02em;margin-top:20px;font-size:11px;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}#status{font-size:12px;line-height:1.5}@media (width<=480px){main{padding-left:16px;padding-right:16px}.queue{gap:6px}}