:root{--fg: #222;--bg: #fafafa;--track-bg: #fff;--border: #000;--btn-bg: #ddd;--btn-hover: #999;--playing-bg: #cfc}@media (prefers-color-scheme: dark){:root{--fg: #fff;--bg: #111;--track-bg: #333;--border: #aaa;--btn-bg: #ccc;--btn-hover: #eee;--playing-bg: #131}}body{margin:auto;max-width:80ch;font-family:sans-serif;color:var(--fg);background-color:var(--bg);padding:.5rem}h1,h2,h3{text-align:center;margin:0}ul,li{margin:0}.svgbtn{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid var(--border);background-color:var(--btn-bg);cursor:pointer;padding:.25em;margin:.25em;min-width:2em}.svgbtn:hover{background-color:var(--btn-hover)}select{border:1px solid var(--border);background-color:var(--btn-bg);padding:.25em;margin:.25em;min-width:2em;cursor:pointer}select:hover{background-color:var(--btn-hover)}.filters{text-align:center}.now-playing{display:block;text-align:center;position:sticky;width:100%;box-sizing:border-box;top:0;padding:.25rem;margin:1rem 0;border:1px solid var(--border);box-shadow:0 0 5px 2px var(--border);background-color:var(--bg)}.now-playing>*{margin:.25em}.player{display:flex;flex-direction:row;margin:.5rem 0}.player audio{flex:1;margin:.25rem;min-width:0;border:1px solid var(--border);background-color:var(--border)}.track{display:flex;flex-direction:row;align-items:center;margin:.25em;min-height:2rem;background-color:var(--bg);border:1px solid var(--border)}.track.playing{background-color:var(--playing-bg)}.track-title{flex:1;margin:.25em;color:inherit}.error{color:#d22}.year-separator{margin:.5rem}