:root{--bg: #0d0f13;--panel: #151920;--panel-2: #1b2029;--line: #262c37;--text: #e8e6e3;--muted: #9aa3b2;--accent: #f2c14e;--radius: 10px;--cc: var(--accent);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-variant-numeric:tabular-nums}h1,h2,h3{line-height:1.2;margin:0 0 .4em}h1{font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:-.01em}h2{font-size:1.3rem}h3{font-size:1rem}p{margin:0 0 .8em}a{color:var(--accent)}small{color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.center{min-height:70vh;display:grid;place-items:center;padding:16px}.errorbox{background:var(--panel);border:1px solid #5a2a22;padding:24px;border-radius:var(--radius);max-width:440px}.top{border-bottom:1px solid var(--line);padding-top:28px}.lede{color:var(--muted);max-width:62ch}.tabs{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.tabs a{display:block;padding:10px 14px;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;font-weight:500}.tabs a:hover{color:var(--text)}.tabs a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.filters{position:sticky;top:0;z-index:5;background:#0d0f13f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.frow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;padding-top:10px;padding-bottom:10px}.fld{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);min-width:0}.fld.inline{flex-direction:row;align-items:center;gap:8px;font-size:14px}.fld input,.fld select{font:inherit;font-size:14px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:7px 10px;min-height:36px;max-width:100%}.fld input[type=search]{width:210px}.fcount{margin:0 0 8px auto;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.chipdot{width:10px;height:10px;border-radius:50%;display:inline-block}.btn{font:inherit;font-size:14px;font-weight:600;color:#15130d;background:var(--accent);border:0;border-radius:7px;padding:8px 14px;min-height:36px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--muted)}.btn.small{font-size:13px;padding:5px 10px;min-height:30px}.linkish{font:inherit;color:var(--text);background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.linkish:hover{text-decoration-color:var(--accent)}.iconbtn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;flex:none}main.wrap{padding-top:24px;padding-bottom:40px}.block{margin-top:34px}.block:first-child{margin-top:0}.bhead p{color:var(--muted);max-width:70ch}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.empty{color:var(--muted)}.summary{margin:10px 0 0;color:var(--muted);font-size:14px}.mt{margin-top:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;min-width:0}.stat dt{font-size:12px;color:var(--muted)}.stat dd{margin:2px 0 0;font-size:1.35rem;font-weight:650;overflow-wrap:anywhere}.stat dd small{display:block;font-size:12px;font-weight:400}.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--cc);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:opacity .2s,border-color .2s}.card.on{border-color:var(--cc);box-shadow:0 0 0 1px var(--cc)}.card.dim{opacity:.45}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card h3{margin:0;font-size:1.05rem}.count{font-size:13px;color:var(--muted);white-space:nowrap}.desc{font-size:14px;margin:0;color:#cfd3da}.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0}.mini dt{font-size:11px;color:var(--muted)}.mini dd{margin:0;font-weight:600}.artists{font-size:13px;color:var(--muted);margin:0}.card .btn{align-self:flex-start;margin-top:auto}.card .btn[aria-pressed=true]{background:var(--cc)}.card .btn[aria-pressed=false]{background:transparent;color:var(--text);border:1px solid var(--line)}.deep{border-left:3px solid var(--cc)}.deepgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.kv{margin:0;display:grid;gap:6px}.kv div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:4px}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0;text-align:right;font-size:14px}.songlist{padding-left:18px;margin:0 0 12px;font-size:14px}.songlist li{margin-bottom:4px}.tagrow{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:0 0 8px}.tr-title{font-size:12px;color:var(--muted);width:84px;flex:none}.tag{font-size:12.5px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.tag small{font-size:11px}.shift{list-style:none;padding:0;margin:0;display:grid;gap:6px}.shift li{display:grid;grid-template-columns:12px minmax(0,210px) 1fr 110px;gap:10px;align-items:center;font-size:14px}.sh-bar{position:relative;height:12px;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px))}.sh-bar span{position:absolute;top:0;bottom:0;border-radius:3px}.sh-bar .up{left:50%;background:#8ac926}.sh-bar .down{right:50%;background:#e4572e}.sh-val{color:var(--muted);font-size:13px;text-align:right}.sw{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--panel);border:1px solid var(--line);padding:3px;border-radius:9px;margin-bottom:12px}.seg button{font:inherit;font-size:13.5px;color:var(--muted);background:none;border:0;padding:6px 12px;border-radius:6px;cursor:pointer;min-height:32px}.seg button.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.controls{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.controls .seg{margin-bottom:0}.controls+.panel{margin-top:12px}.chart svg{display:block;overflow:visible}.grid{stroke:var(--line);stroke-width:1}.tick{fill:var(--muted);font-size:12px}.tipbox{fill:#0b0d11;stroke:var(--line)}.tiptitle{fill:var(--text);font-size:13px;font-weight:600}.tiptext{fill:var(--muted);font-size:12px}.legend{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 6px}.legend button,.legend-static{font:inherit;font-size:13px;color:var(--text);background:none;border:1px solid transparent;border-radius:6px;padding:3px 8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:28px}.legend-static{cursor:default;color:var(--muted)}.legend button:hover{border-color:var(--line)}.legend button.on{border-color:var(--muted);background:var(--panel-2)}.mapbox{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px}.mapbox svg{display:block}.maptip{position:absolute;pointer-events:none;background:#0b0d11;border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:220px;display:flex;flex-direction:column;font-size:13px;box-shadow:0 6px 20px #0006}.maptip strong{overflow-wrap:anywhere}.rows{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px}.rows.compact{grid-template-columns:minmax(0,1fr)}.row{font:inherit;width:100%;min-width:0;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;gap:10px;align-items:center;cursor:pointer;min-height:44px}.row:hover{border-color:var(--muted)}.r-main{display:flex;flex-direction:column;min-width:0;flex:1}.r-main strong,.r-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-main span{color:var(--muted);font-size:13px}.r-meta{color:var(--muted);font-size:12px;white-space:nowrap}.tablewrap{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}thead th{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;background:var(--panel-2)}tbody th{font-weight:600}.num{text-align:right;white-space:nowrap}.sortbtn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.atable tr.open,.songsrow td{background:var(--panel-2)}.chips{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;font-size:13px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.mixbar{display:flex;height:10px;width:160px;border-radius:3px;overflow:hidden;background:var(--line);margin:4px 0 3px}.mixbar span{display:block;height:100%}.artists-cell{color:var(--muted);font-size:13px;min-width:180px}.ytable td small{display:block;font-size:12px}.barlist{list-style:none;padding:0;margin:0;display:grid;gap:4px}.bl-row{font:inherit;color:var(--text);background:none;border:0;width:100%;padding:2px 0;display:grid;grid-template-columns:minmax(0,1.3fr) 1fr 36px;gap:10px;align-items:center;text-align:left;font-size:13.5px}.bl-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-track{height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden;display:block}.bl-fill{display:block;height:100%;border-radius:4px}.bl-val{text-align:right;color:var(--muted);font-size:13px}.drawer-layer{position:fixed;inset:0;z-index:20}.scrim{position:absolute;inset:0;background:#0000008c;border:0;cursor:default}.drawer{position:absolute;max-width:100vw;overflow-x:hidden;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:20px 20px 40px;display:flex;flex-direction:column;gap:18px;animation:slide .22s ease-out;overscroll-behavior:contain}@keyframes slide{0%{transform:translate(16px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.drawer{animation:none}.card{transition:none}}.dr-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.dr-head h2{font-size:1.45rem;margin:2px 0;overflow-wrap:anywhere}.kicker{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px;margin:0}.by{color:var(--muted);margin:0}.drawer section h3{border-bottom:1px solid var(--line);padding-bottom:6px}.yt{align-self:flex-start}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin:0}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:0;font-weight:600}.cap{font-size:12px;color:var(--muted);margin:8px 0 2px}.stems{list-style:none;padding:0;margin:0;display:grid;gap:6px}.stems li{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center;font-size:14px}.chroma{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;height:70px;align-items:end}.ch{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:2px}.chbar{width:100%;background:var(--cc);border-radius:2px 2px 0 0}.chl{font-size:10.5px;color:var(--muted)}.smp{padding-left:18px;margin:0 0 8px;font-size:14px}.labline{font-size:13.5px;background:var(--panel-2);padding:8px 10px;border-radius:8px}.foot{color:var(--muted);font-size:13px;padding-bottom:40px;border-top:1px solid var(--line);padding-top:16px}@media(min-width:1100px){.stats{grid-template-columns:repeat(6,1fr)}}@media(max-width:900px){.deepgrid,.two{grid-template-columns:1fr}}@media(max-width:600px){body{font-size:14.5px}.fld{flex:1 1 140px}.fld input[type=search]{width:100%}.fcount{margin-left:0}.filters{position:static}.shift li{grid-template-columns:12px minmax(0,1fr) 90px}.shift .sh-bar{grid-column:2 / 4}.rows,.rows.compact{grid-template-columns:minmax(0,1fr)}.r-meta{display:none}.mini,.stats{grid-template-columns:repeat(2,1fr)}.stat dd{font-size:1.12rem}.tabs{flex-wrap:wrap;overflow:visible}.tabs a{padding:8px 10px}.top{padding-top:20px}.tr-title{width:100%}}