*{margin:0;padding:0;box-sizing:border-box}html{background:#1a1a1a;min-height:100vh}body{font-family:Georgia,serif;color:#e8e8e8;max-width:750px;margin:0 auto;padding:80px 30px 120px;line-height:1.7}a,a:visited,a:active{color:#8ba9fc;text-decoration:none;transition:color .2s}a:hover{color:#b8c7fd}::selection{background-color:#ef4444;color:#fff}::-moz-selection{background-color:#ef4444;color:#fff}nav{display:flex;align-items:baseline;margin-bottom:3em}nav .home,nav .home:visited,nav .home:active{font-size:1.3em;font-weight:700;margin-right:auto;color:#e8e8e8;text-decoration:none}nav .home:hover{color:#b8c7fd}nav .links{display:flex;gap:1.5em}nav .links a,nav .links a:visited,nav .links a:active{color:#e8e8e8;text-decoration:none}nav .links a:hover{color:#b8c7fd}h1{font-size:2.5em;margin-bottom:.3em;letter-spacing:-.02em}.intro{color:#bbb;margin-bottom:1.6em}.meter{position:sticky;top:0;z-index:30;background:linear-gradient(#1a1a1a,#1a1a1a 78%,transparent);padding:12px 0 14px;margin-bottom:.4em}.meter-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:.5em}.meter-count{font-size:1.1em;color:#e8e8e8}.meter-count b{color:#8ba9fc;font-weight:400}.meter-pct{color:#888;font-size:.85em;font-family:ui-monospace,monospace}.bar{height:4px;background:#242424;border:1px solid #3a3a3a;border-radius:99px;overflow:hidden}.bar-fill{height:100%;width:0;background:#8ba9fc;transition:width .35s cubic-bezier(.2,.7,.2,1)}.controls{display:flex;gap:.6em;flex-wrap:wrap;align-items:center;margin:.4em 0 1em}.search-wrap{flex:1;min-width:200px;position:relative}.search-wrap input{width:100%;background:#242424;border:1px solid #3a3a3a;color:#e8e8e8;font-family:Georgia,serif;font-size:.95em;padding:.55em .9em;outline:none;transition:border-color .2s}.search-wrap input:focus{border-color:#8ba9fc}.search-wrap input::placeholder{color:#666}button.reset{background:transparent;border:1px solid #3a3a3a;color:#888;font-family:Georgia,serif;font-size:.9em;padding:.55em .9em;cursor:pointer;transition:color .2s,border-color .2s}button.reset:hover{color:#ef4444;border-color:#ef4444}.chips{display:flex;gap:.5em;flex-wrap:wrap;margin:0 0 2em}.chip{background:#242424;border:1px solid #3a3a3a;color:#888;font-family:Georgia,serif;font-size:.82em;padding:.3em .75em;cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap}.chip:hover{color:#e8e8e8;border-color:#888}.chip[aria-pressed=true]{color:#8ba9fc;border-color:#8ba9fc}section.crate{margin:0 0 2.4em}.divider{display:flex;align-items:center;gap:1em;border-bottom:1px solid #3a3a3a;padding-bottom:.5em;margin-bottom:.8em}.divider .range{font-size:1.6em;font-weight:700;color:#8ba9fc;letter-spacing:-.01em;white-space:nowrap}.divider .meta{flex:1;min-width:0}.divider .meta .name{font-size:1em;color:#e8e8e8}.divider .meta .sub{font-size:.82em;color:#888}.divider .scount{font-size:.82em;color:#888;font-family:ui-monospace,monospace;white-space:nowrap}.divider .scount b{color:#8ba9fc;font-weight:400}.letterhead{font-size:.9em;color:#666;font-family:ui-monospace,monospace;letter-spacing:.1em;margin:1.1em 0 .3em}ul.list{list-style:none;margin:0;padding:0}li.row{display:flex;align-items:center;gap:.8em;padding:.4em .5em;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s}li.row:hover{background:#222;border-color:#2e2e2e}li.row.rated{cursor:default}.box{flex:none;width:18px;height:18px;border:1.5px solid #555;border-radius:3px;display:grid;place-items:center;transition:.15s}.box svg{width:11px;height:11px;stroke:#1a1a1a;stroke-width:3.5;fill:none;opacity:0;transform:scale(.4);transition:.15s}li.row[aria-checked=true] .box{background:#8ba9fc;border-color:#8ba9fc}li.row[aria-checked=true] .box svg{opacity:1;transform:scale(1)}.txt{flex:1;min-width:0;font-size:.95em;line-height:1.35}.txt .artist{color:#e8e8e8}.txt .album{color:#999}li.row[aria-checked=true] .txt .artist{color:#777}li.row[aria-checked=true] .txt .album{color:#666}.flag{font-size:.7em;color:#888;border:1px solid #555;border-radius:3px;padding:0 .3em;margin-left:.4em;vertical-align:middle;cursor:help}.stars{flex:none;display:inline-flex;align-items:center;gap:.4em;white-space:nowrap}.stars .glyphs{position:relative;display:inline-block;font-size:.85em;line-height:1;letter-spacing:.04em;color:#3a3a3a}.stars .glyphs .fill{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#8ba9fc}.stars .num{font-size:.78em;color:#888;font-family:ui-monospace,monospace}a.act{flex:none;font-size:.78em;color:#888;border:1px solid #3a3a3a;padding:.18em .5em;transition:color .2s,border-color .2s;white-space:nowrap}a.act:hover{color:#8ba9fc;border-color:#8ba9fc}.empty{color:#888;font-size:.9em;padding:2.5em .5em;text-align:center}footer{color:#888;font-size:.82em;line-height:1.7;border-top:1px solid #3a3a3a;margin-top:2.5em;padding-top:1.2em}@media(max-width:560px){a.act{padding:.18em .4em}.txt{font-size:.9em}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}