:root{color-scheme:dark;--ink:#f4f4ee;--muted:#898984;--acid:#d7ff38;--panel:#141414;--line:#282825;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090909;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,#292d18 0,transparent 36rem),#090909}.ambient{position:fixed;z-index:0;inset:-15%;width:130%;height:130%;object-fit:cover;filter:blur(90px) saturate(1.75);opacity:0;transform:scale(1.08);transition:opacity 1.2s ease;pointer-events:none}.has-ambient .ambient{opacity:.22}body:after{content:"";position:fixed;z-index:1;inset:0;background:linear-gradient(180deg,#09090955 0,#090909d9 58%,#090909 100%);pointer-events:none}button,input{font:inherit}button{color:inherit;cursor:pointer}main{position:relative;z-index:2;width:min(100%,34rem);margin:auto;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(3rem,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:.65rem;height:2rem;font-size:.78rem;font-weight:800;letter-spacing:.2em}header img{width:1.75rem;height:1.75rem;border-radius:.5rem}header i{margin-left:auto;width:.5rem;height:.5rem;background:#555;border-radius:50%;box-shadow:0 0 0 .2rem #1a1a1a}header i.online{background:var(--acid);box-shadow:0 0 1rem #d7ff3888}.player{padding-top:2rem}.art{position:relative;width:100%;aspect-ratio:1;border-radius:1.75rem;overflow:hidden;background:linear-gradient(145deg,#222,#111);box-shadow:0 2rem 5rem #0008}.art img{width:100%;height:100%;display:none}.art.has-art img{display:block}.art .artback{position:absolute;inset:0;object-fit:cover;filter:blur(28px) saturate(1.45);transform:scale(1.12);opacity:.72}.art .artfront{position:relative;z-index:1;object-fit:contain}.art.has-art .fallback{display:none}.fallback{height:100%;display:grid;place-items:center;color:var(--acid);font-size:30vw;font-weight:900;letter-spacing:-.1em}.track{min-width:0;padding:1.6rem .2rem .7rem}.track h1{margin:0;font-size:clamp(1.6rem,7vw,2.25rem);line-height:1.05;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track p{margin:.5rem 0 0;color:var(--muted);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.rail{height:.32rem;margin-top:.45rem;background:#31312e;border-radius:1rem;overflow:hidden}.rail b{display:block;width:0;height:100%;background:var(--acid);border-radius:inherit;transition:width .4s linear}.transport{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin:1.4rem auto 1.8rem;width:15rem}.transport button{margin:auto;border:0;background:transparent;width:3.1rem;height:3.1rem;border-radius:50%;display:grid;place-items:center}.transport .primary{width:4.25rem;height:4.25rem;background:var(--ink);color:#090909;box-shadow:0 .75rem 2rem #000}.transport svg,form svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.transport .primary svg{width:1.65rem;height:1.65rem}.pause{display:none}body.playing .play{display:none}body.playing .pause{display:block}form{height:3.75rem;display:flex;background:var(--panel);border:1px solid var(--line);border-radius:1.2rem;padding:.4rem;transition:border .2s,box-shadow .2s}form:focus-within{border-color:#626a37;box-shadow:0 0 0 .2rem #d7ff3810}input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);padding:0 .9rem;font-size:1rem}input::placeholder{color:#74746f}form button{width:2.85rem;border:0;border-radius:.85rem;background:var(--acid);color:#090909;display:grid;place-items:center}.queue{padding:2rem .15rem}.queue-head{display:flex;align-items:center;justify-content:space-between}.queue h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;margin:0;color:#aaa}.queue-head button{border:1px solid var(--line);background:transparent;border-radius:2rem;color:var(--muted);font-size:.75rem;padding:.45rem .7rem}ol{list-style:none;padding:0;margin:1rem 0}li{min-width:0;display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.75rem 0;border-bottom:1px solid #1d1d1b}li>div{min-width:0}li .drag{color:#5d5d58;cursor:grab;touch-action:none;text-align:center}li strong,li small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li strong{font-size:.95rem}li small{color:var(--muted);margin-top:.2rem}li button{border:0;background:transparent;color:#666;font-size:1.4rem;padding:.5rem}.queue>p{color:#666;text-align:center;padding:2rem 0}#toast{position:fixed;left:50%;bottom:max(1.25rem,env(safe-area-inset-bottom));transform:translate(-50%,2rem);opacity:0;padding:.75rem 1rem;background:#f1f1eb;color:#111;border-radius:2rem;font-size:.85rem;transition:.25s;pointer-events:none;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis;z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}button:active{transform:scale(.95)}button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}@media(min-width:650px){main{padding-top:2rem}.fallback{font-size:12rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.ambient{transform:none}}