/* styles.css */
:root{--bg:#101010;--text:#FFF8F7;--muted:rgba(255,248,247,.54);--line:rgba(255,248,247,.11);--glass:rgba(255,248,247,.027)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-ms-user-select:none}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;display:flex;max-height:100%;overflow-y:hidden;flex-direction:column}.wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px 60px}.container{width:100%;padding-top:25px;max-width:333px;display:flex;flex-direction:column;gap:12px;text-align:center}.link{text-decoration:none;color:var(--text);font-size:15px;opacity:.89}.link:hover{opacity:1}.player{display:flex;flex-direction:column;gap:11px;padding:13px;border-radius:5px;background:rgba(255,243,239,.013);border:1px solid var(--line)}.top{display:flex;align-items:center;gap:10px;text-align:left}.art{width:34px;height:34px;border-radius:5px;object-fit:cover;background:#111}.meta{font-size:12px;color:var(--muted);line-height:1.2;border:none}.controls{display:flex;align-items:center;justify-content:center;gap:12px}.controls button{width:24px;height:24px;display:grid;place-items:center;opacity:.92;border-radius:50%;border-color:transparent;background:var(--bg);color:var(--text);cursor:pointer}.controls button:hover{opacity:1}.controls svg{width:13px;height:13px;fill:var(--text)}.seek{width:100%;height:2px;background:var(--line);position:relative;overflow:hidden;cursor:pointer}.seek-fill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--text);transform-origin:left;will-change:width}#volume{-webkit-appearance:none;width:95px;height:2px;background:linear-gradient(to right,var(--text) 0,var(--text) var(--vol-percent,100%),var(--line) var(--vol-percent,100%),var(--line) 100%);outline:0;cursor:pointer}#volume::-webkit-slider-runnable-track{height:2px;background:transparent}#volume::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:4px;background:var(--text);border-radius:0;margin-top:-1px;opacity:0}
#volume::-moz-range-thumb{width:4px;height:4px;background:var(--text);border:none;opacity:0}#trackList{display:flex;flex-direction:column;gap:4px;max-height:140px;overflow-y:auto}.track{display:flex;justify-content:space-between;font-size:11px;padding:4px 6px;border-radius:3px;color:var(--muted);cursor:pointer}.track:hover{background:var(--line)}.track.active{color:var(--text);background:var(--line)}.footer{text-align:center;font-size:9px;color:var(--muted);padding:12px 0}.player.empty{padding:0;border:none;background:0 0}.player.empty .bar-row,.player.empty .top{display:none}.art:not([src]),.art[src=""]{display:none}img{-webkit-user-drag:none;user-drag:none;pointer-events:auto}
.player.empty{display:none}
.player.empty+.controls{display:none}
.player.empty+.controls+.controls{display:none}