:root{--bg: #121212;--surface: #1e1e1e;--surface-2: #202020;--border: hsla(0, 0%, 100%, .12);--border-soft: hsla(0, 0%, 100%, .06);--text: #eaeaea;--text-dim: #9a9a9a;--accent: #fe992f;--accent-soft: rgba(254, 153, 47, .16);--owned: #7bc47b;--radius: 4px;--font: Lato, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html,body{overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#1a1005;font-weight:700}input:focus,select:focus{outline:none;border-color:var(--accent)}.header{position:sticky;top:0;z-index:10;background:#121212f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);padding:10px 20px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));display:flex;flex-wrap:wrap;align-items:center;gap:14px}.logo{font-size:19px;font-weight:800;letter-spacing:.4px}.logo em{color:var(--accent);font-style:normal}.chanPicker{display:flex;gap:4px}.chanPicker button{background:transparent;border:1px solid transparent;color:var(--text-dim);padding:5px 11px;border-radius:999px;font-weight:700;font-size:13px}.chanPicker button.active{color:#1a1005;background:var(--accent);border-color:var(--accent)}.chanPicker button:not(.active):hover{color:var(--text);border-color:var(--border)}.nav{display:flex;gap:2px;margin-left:auto}.nav a{padding:5px 10px;border-radius:var(--radius);color:var(--text-dim);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.6px}.nav a.active{color:var(--accent);background:var(--accent-soft)}.nav a:hover{color:var(--text)}.spacer{flex:1}.menuBtn{background:transparent;border-color:var(--border);color:var(--text-dim)}.searchWrap{position:relative}.searchWrap input{width:230px;background:var(--surface)}.searchPop{position:absolute;right:0;top:40px;width:min(420px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #0000008c;padding:6px}.searchPop h4{margin:8px 8px 2px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.page{max-width:1080px;margin:0 auto;padding:18px 20px 80px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.pageHead{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:6px 0 14px}.pageHead .chanPicker button{font-size:15px;padding:6px 14px}.ownedToggle{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:5px 11px;border-radius:999px;font-weight:700;font-size:13px}.ownedToggle .glyph{color:var(--owned)}.ownedToggle.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.closeBtn{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:5px 12px;border-radius:999px;font-weight:700;font-size:14px}.closeBtn:hover{color:var(--text)}.pageHead h1{font-size:24px;margin:0;font-weight:800}.pageHead .sub{color:var(--text-dim)}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}.controls .hint{color:var(--text-dim);font-size:13px}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:34px 44px minmax(200px,1.4fr) minmax(120px,1fr) 64px 42px;gap:12px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--border-soft);border-radius:var(--radius)}.row:hover{background:var(--surface)}.row.noRating{grid-template-columns:34px 44px minmax(200px,1.4fr) minmax(120px,1fr) 42px}.row .rank{color:var(--text-dim);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.row img.art,.row .noArt{width:44px;height:44px;border-radius:3px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border-soft);display:block}.row img.art.artistArt{object-fit:contain;background:#000}.row .names{min-width:0}.row .names .primary{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .names .secondary{color:var(--text-dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .names .secondary a:hover{color:var(--accent)}.playbar{display:flex;align-items:center;gap:8px}.playbar .bar{height:6px;border-radius:3px;background:var(--accent);min-width:2px;opacity:.85}.playbar .n{font-variant-numeric:tabular-nums;font-weight:700}.rating{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right}.rating b{color:var(--text)}.ownedDot{text-align:center;font-size:12px;color:var(--owned)}.ownedDot.not{color:var(--text-dim);opacity:.45}.entityHead{display:flex;gap:18px;align-items:flex-start;margin:8px 0 18px}.entityHead img{width:128px;height:128px;border-radius:var(--radius);object-fit:cover;border:1px solid var(--border)}.entityHead img.heroFull{width:320px;max-width:100%;height:auto;object-fit:unset}.heroHead{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start}.heroHead>.heroTitle{grid-column:2;grid-row:1}.heroHead>img{grid-column:1;grid-row:1 / span 2}.heroHead>.entityBody{grid-column:2;grid-row:2}.entityHead h1{margin:0 0 2px;font-size:28px}.entityHead .meta{color:var(--text-dim);display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:6px}.entityHead .meta b{color:var(--text);font-size:18px}.bigOwned{color:var(--owned);font-weight:700}.section{margin-top:26px}.section h2{font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:6px}.authWrap{max-width:380px;margin:10vh auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:28px}.authWrap h1{margin-top:0}.authWrap form{display:flex;flex-direction:column;gap:10px}.authWrap .err{color:#e07a5f;font-size:13px;min-height:18px}.authWrap .alt{margin-top:14px;color:var(--text-dim);font-size:13px;line-height:1.9}.authWrap .alt a{color:var(--accent)}.authWrap .hint{color:var(--text-dim);font-size:13px;margin:4px 0 10px}.pwWrap{position:relative;display:flex}.pwWrap input{flex:1;padding-right:38px}.pwEye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center}.pwEye:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px;margin-bottom:16px}.card h2{margin-top:0;font-size:16px}.card h3{margin:20px 0 2px;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}.card p.hint{color:var(--text-dim);font-size:13px;margin:4px 0 10px}kbd,code{background:var(--surface-2);padding:1px 5px;border-radius:3px;font-size:13px}.statusGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.stat{background:var(--surface-2);border-radius:var(--radius);padding:10px 12px}.stat .k{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.stat .v{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.loading{color:var(--text-dim);padding:30px 0;text-align:center}.listenLinks{display:flex;align-items:center;gap:14px;margin-top:12px}.listenLinks .listenIcon{width:22px;height:22px;display:block;opacity:.85}.listenLinks a:hover .listenIcon{opacity:1;transform:scale(1.1)}.listenIcon.invert{filter:invert(1)}.listenLinks a.searchLink .listenIcon{opacity:.55;filter:grayscale(.65)}.listenLinks a.searchLink .listenIcon.invert{filter:invert(1) grayscale(.65)}.listenLinks a.searchLink:hover .listenIcon{opacity:.9;filter:none}.listenLinks a.searchLink:hover .listenIcon.invert{filter:invert(1)}.alsoOn{color:var(--text-dim);margin:4px 0 14px}.alsoOn a{color:var(--accent);font-weight:700}.alsoOn a:hover{text-decoration:underline}@media(max-width:720px){.row{grid-template-columns:26px 38px minmax(0,1.6fr) minmax(0,1fr) 40px;gap:8px}.row.noRating{grid-template-columns:26px 38px minmax(0,1.6fr) minmax(0,1fr) 40px}.row .rating{display:none}.searchWrap input{width:140px}.page{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.heroHead{display:block}.heroHead>img{margin:8px 0 12px}.header .chanPicker{gap:2px}.header .chanPicker button{padding:5px 9px}}