*{box-sizing:border-box}html{overflow-x:hidden}body{position:relative}#list,.ghost{padding-inline:12px}#list{margin-inline:-12px}ul{list-style:none;margin:0;padding:0;counter-reset:n;position:relative}li{counter-increment:n}li a{color:inherit;text-decoration:none}li .main{display:flex}li div{min-width:0;display:flex;flex-direction:column}li .title,li .artist,li time,li .now{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:1px}.card{display:contents}.detail,.stats,.when-rail{display:none}.links{display:flex;gap:6px}li .svc{flex:none;display:inline-block;color:inherit;text-decoration:none}li .svc.dead{opacity:.35;cursor:default}.title-inner{display:inline}li .hatch,.when-short{display:none}.when-long,.when-short{display:contents}.when-short{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.intro li{animation:fade-in .5s ease both;animation-delay:calc(var(--i,0) * .25s)}@media(prefers-reduced-motion:reduce){.intro li{animation:none}}.pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:28px 0 0;font-size:12px}.pg{display:inline-flex;align-items:center;justify-content:center;min-width:2ch;text-decoration:none;color:var(--muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation}li .svc{-webkit-tap-highlight-color:transparent}.pg.current{color:var(--fg);font-weight:600}.pg.dead{opacity:.3;pointer-events:none}.pg-gap{color:var(--muted)}#styles{position:fixed;top:14px;left:14px;z-index:10;font:inherit}#styles{display:none}#styles-btn{display:block;width:22px;height:22px;padding:0;cursor:pointer;background:none;border:0;color:var(--fg);opacity:.25;transition:opacity .15s;font:inherit;line-height:22px;text-align:center}#styles-btn:hover,#styles-btn[aria-expanded=true]{opacity:.75}#styles-menu[hidden]{display:none}#styles-menu{margin-top:6px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}#styles-menu button{cursor:pointer;background:none;border:0;padding:2px 0;font:inherit;font-size:11px;color:var(--muted);opacity:.85}#styles-menu button:hover{color:var(--fg)}#styles-menu button[aria-current=true]{color:var(--fg);font-weight:600}:root{color-scheme:light dark;--fg:#141414;--muted:#767676;--accent:#c2185b;--bg:#fbfbfb}@media(prefers-color-scheme:dark){:root:not([data-style=brutal]){--fg:#ececec;--muted:#8d8d8d;--accent:#ff6f9c;--bg:#111}}html{background:var(--bg)}body{margin:0;padding:40px 20px 60px;max-width:480px;margin-inline:auto;color:var(--fg);background:var(--bg);font:12px/1.4 Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}li{display:flex;align-items:center;gap:16px;margin:0 0 16px}li:before{content:counter(n);flex:none;width:2ch;text-align:right;font-size:34px;font-weight:200;line-height:1;color:var(--fg);opacity:.08;font-variant-numeric:tabular-nums;letter-spacing:-.02em}li .main{align-items:center;gap:16px;flex:1;min-width:0}li img,li .noart{flex:none;width:64px;height:64px;border-radius:4px;object-fit:cover;background:color-mix(in srgb,var(--fg) 8%,transparent)}.title{font-weight:600}.artist{color:var(--muted)}time,.now{margin-top:8px;font-size:10px;color:var(--muted)}.now{color:var(--accent)}.empty{color:var(--muted)}li .links{flex:none;flex-direction:column;align-items:flex-end;gap:3px;font-size:10px;color:var(--muted)}li .svc:hover{color:var(--fg);text-decoration:underline;text-underline-offset:2px}li .svc.dead{display:none}:root[data-style=brutal]{color-scheme:light;--fg:#0a0a0a;--muted:#0a0a0a;--accent:#ff2e63;--bg:#ffd93d;--card:#fffdf5;--line:#0a0a0a}:root[data-style=brutal] body{max-width:1180px;padding:40px 24px 28px;min-height:100dvh;display:flex;flex-direction:column;box-sizing:border-box;font:14px/1.35 Noto Sans,Noto Sans JP,Noto Sans KR,Noto Sans SC,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-style=brutal] #app{display:flex;flex-direction:column;flex:1;min-height:0}:root[data-style=brutal] #list{flex:0 0 auto}:root[data-style=brutal] li{position:relative;display:block;margin:0 0 18px;background:none;border:0;box-shadow:none;padding:0}:root[data-style=brutal] li:before{content:none}:root[data-style=brutal] li:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--line);transform:translate(8px,8px)}:root[data-style=brutal] li.playing:after{background:var(--accent)}@property --progress{syntax:"<number>";inherits:true;initial-value:1}:root[data-style=brutal] li:hover:after{background:var(--line)}:root[data-style=brutal] li.playing:hover:after{background:var(--accent)}:root[data-style=brutal] .card{position:relative;z-index:1;display:grid;height:122px;grid-template-columns:auto 1fr auto auto auto auto auto;grid-template-rows:auto;align-items:stretch;background:var(--card);border:3px solid var(--line);transition:transform .07s steps(2)}:root[data-style=brutal] li:hover .card{transform:translate(-6px,-6px)}@media(prefers-reduced-motion:reduce){:root[data-style=brutal] .card{transition:none}:root[data-style=brutal] li:hover .card{transform:none}}:root[data-style=brutal] .card:before{content:counter(n);grid-column:1;grid-row:1/-1;display:flex;align-items:center;justify-content:center;min-width:2.6ch;padding:0 14px;font-size:28px;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--line);border-right:3px solid var(--line);background:var(--card)}:root[data-style=brutal] .card>.main{grid-column:2;grid-row:1;display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:14px;padding:8px;background:var(--card);transition:background .07s steps(2)}:root[data-style=brutal] .card>.main>div{display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;padding:4px 0 8px;min-width:0}:root[data-style=brutal] li:hover .card>.main{background:var(--accent)}:root[data-style=brutal] li img,:root[data-style=brutal] li .noart{align-self:stretch;width:100px;height:100px;object-fit:cover;border-radius:0;border:3px solid var(--line)}:root[data-style=brutal] .title{font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.15;padding-bottom:0;text-box:trim-both text text}:root[data-style=brutal] .title.marquee{text-overflow:clip}:root[data-style=brutal] .title.marquee .title-inner{display:inline-block;white-space:nowrap;animation:marquee var(--marquee-dur,6s) linear infinite}@keyframes marquee{0%,18%{transform:translate(0)}46%,58%{transform:translate(var(--shift,0px))}86%,to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){:root[data-style=brutal] .title.marquee{text-overflow:ellipsis}:root[data-style=brutal] .title.marquee .title-inner{animation:none}}:root[data-style=brutal] .artist{font-size:15px;font-weight:700;color:var(--fg);line-height:1.2;padding-bottom:0;margin-top:2px;text-box:trim-both text text}:root[data-style=brutal] .when-inline{display:none}:root[data-style=brutal] .detail{display:block;margin-top:auto;min-width:0}:root[data-style=brutal] li .hatch{display:block;width:120px;height:12px;background:repeating-linear-gradient(135deg,var(--line) 0 2px,transparent 2px 7px);opacity:.9}:root[data-style=brutal] .album{display:block;max-width:52ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;padding:0;font-size:13px;font-weight:700;text-box:trim-both text text}:root[data-style=brutal] .stats{display:contents}:root[data-style=brutal] .stats>span{display:flex;align-items:center;justify-content:center;min-width:84px;padding:9px 12px;font-size:16px;font-weight:900;letter-spacing:-.01em;font-variant-numeric:tabular-nums}:root[data-style=brutal] .stats .year{grid-column:3;grid-row:1/-1;background:var(--line);color:var(--card);border-left:3px solid var(--line)}:root[data-style=brutal] .stats .dur{grid-column:4;grid-row:1/-1;border-left:3px solid var(--line)}:root[data-style=brutal] .stats .src{grid-column:5;grid-row:1/-1;min-width:0;padding:0;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr);align-items:stretch;justify-content:stretch;align-content:stretch;border-left:3px solid var(--line);color:var(--fg)}:root[data-style=brutal] .src .dev,:root[data-style=brutal] .src .share{display:flex;align-items:center;justify-content:center;padding:0 14px;min-width:0;width:100%;height:100%;box-sizing:border-box;margin:0}:root[data-style=brutal] .src .share{border:0;border-top:3px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;transition:background .07s steps(2),color .07s steps(2)}@media(hover:hover){:root[data-style=brutal] .src button.share:hover{background:var(--accent)}}:root[data-style=brutal] .src button.share:active{background:var(--accent)}:root[data-style=brutal] .src .share.copied{background:var(--line);color:var(--card)}:root[data-style=brutal] .src .share.dead{cursor:default}:root[data-style=brutal] .src svg{width:20px;height:20px}:root[data-style=brutal] .src .hatch{width:20px;height:20px}.rail-dev{display:none}:root[data-style=brutal] .links{grid-column:6;grid-row:1/-1;display:grid;grid-template-rows:repeat(3,1fr);aspect-ratio:1/3;align-self:stretch;gap:0;padding:0;border-left:3px solid var(--line)}:root[data-style=brutal] .svc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:15px;font-weight:700;color:var(--fg);background:var(--card);position:relative;text-decoration:none!important;transition:background .07s steps(2),color .07s steps(2)}:root[data-style=brutal] .svc+.svc{border-top:3px solid var(--line)}:root[data-style=brutal] a.svc-spotify:hover,:root[data-style=brutal] a.svc-spotify:active{background:#1db954;color:#fff}:root[data-style=brutal] a.svc-deezer:hover,:root[data-style=brutal] a.svc-deezer:active{background:#a238ff;color:#fff}:root[data-style=brutal] a.svc-tidal:hover,:root[data-style=brutal] a.svc-tidal:active{background:#000;color:#fff}:root[data-style=brutal] .svc.dead{opacity:1;color:var(--fg)}:root[data-style=brutal] .svc .cross{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:var(--line);stroke-width:3px;pointer-events:none}:root[data-style=brutal] .pager{position:relative;z-index:1;justify-content:flex-start;gap:0;margin:auto auto 0;width:max-content;max-width:100%;border:3px solid var(--line);background:var(--card);box-shadow:8px 8px 0 var(--line)}:root[data-style=brutal] .pg{width:44px;height:44px;min-width:0;font-size:16px;font-weight:800;color:var(--fg);background:var(--card);border-left:3px solid var(--line)}:root[data-style=brutal] .pg:hover{transition:background .07s steps(2),color .07s steps(2)}:root[data-style=brutal] .pg:first-child{border-left:0}:root[data-style=brutal] .pg-arrow{background:var(--line);color:var(--card);font-size:11px}:root[data-style=brutal] .pg-num:hover{background:var(--accent);color:var(--fg)}:root[data-style=brutal] .pg-arrow:hover{background:var(--accent);color:var(--fg)}:root[data-style=brutal] .pg.current{background:var(--accent);color:var(--fg)}:root[data-style=brutal] .pg.dead{opacity:1;background:var(--card);color:var(--line);pointer-events:none;background-image:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--line) calc(50% - 1.5px),var(--line) calc(50% + 1.5px),transparent calc(50% + 1.5px))}:root[data-style=brutal] .pg-gap{font-weight:800;letter-spacing:-.1em}:root[data-style=brutal] .when-rail{grid-column:7;grid-row:1/-1;display:flex;align-items:center;justify-content:center;padding:8px 6px;border-left:3px solid var(--line);overflow:hidden;writing-mode:vertical-rl;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}:root[data-style=brutal] li.playing .when-rail{background:linear-gradient(to top,var(--accent) calc(var(--progress,1) * 100%),var(--card) 0);transition:--progress 1s linear}@media(prefers-reduced-motion:reduce){:root[data-style=brutal] li.playing .when-rail{transition:none}}:root[data-style=brutal] .when-rail time,:root[data-style=brutal] .when-rail .now{display:block;margin:0;padding:0;background:none;border:0;overflow:visible;transform:rotate(180deg);font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:var(--fg)}:root[data-style=brutal] .empty{border:3px solid var(--line);background:var(--card);box-shadow:8px 8px 0 var(--line);padding:20px;font-weight:900;text-transform:uppercase}:root[data-style=brutal] #styles-btn{opacity:.55}:root[data-style=brutal] #styles-menu button{font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media(max-width:820px){:root[data-style=brutal] body{padding:12px}body,#list,.ghost{overflow-x:clip}:root[data-style=brutal] li{margin:0 0 18px}:root[data-style=brutal] .card{display:grid;height:auto;grid-template-columns:auto minmax(0,1fr) 44px auto 44px;grid-template-rows:auto 44px}:root[data-style=brutal] .card:before{content:none}:root[data-style=brutal] .card>.main{grid-column:1/5;grid-row:1;grid-template-columns:auto 1fr;gap:12px;padding:8px;align-items:start}:root[data-style=brutal] .card>.main>div{height:56px;padding:0}:root[data-style=brutal] li img,:root[data-style=brutal] li .noart{width:56px;height:56px;min-height:0;align-self:start}:root[data-style=brutal] .title{font-size:15px}:root[data-style=brutal] .artist{font-size:12px;margin-top:-2px}:root[data-style=brutal] .album{font-size:10px;max-width:100%}:root[data-style=brutal] li .hatch{width:90px;height:10px}:root[data-style=brutal] .stats{display:contents}:root[data-style=brutal] .stats>span{min-width:0;height:44px;padding:0 6px;font-size:14px;border-top:3px solid var(--line)}:root[data-style=brutal] .stats .year{grid-column:5;grid-row:1;height:auto;writing-mode:vertical-rl;transform:rotate(180deg);border-top:0;border-left:0;border-right:3px solid var(--line);padding:8px 0}:root[data-style=brutal] .stats .dur{grid-column:1;grid-row:2;border-left:0;padding:0 14px}:root[data-style=brutal] .stats .src{grid-column:3;grid-row:2;padding:0;border-left:3px solid var(--line);grid-template-rows:1fr}:root[data-style=brutal] .src .dev{display:none}:root[data-style=brutal] .src .share{padding:0;border-top:0}:root[data-style=brutal] .src svg{width:18px;height:18px}:root[data-style=brutal] .src .hatch{width:18px;height:14px}:root[data-style=brutal] .rail-dev{display:flex;align-items:center;flex:none;color:var(--card);margin-right:8px}:root[data-style=brutal] .rail-dev svg{width:13px;height:13px}:root[data-style=brutal] li.playing .rail-dev{color:var(--fg)}:root[data-style=brutal] .when-rail{grid-column:2;grid-row:2;height:44px;display:flex;align-items:center;justify-content:center;min-width:0;writing-mode:horizontal-tb;border-left:3px solid var(--line);border-top:3px solid var(--line);font-size:10px;letter-spacing:.1em;padding:0 6px;background:var(--line)}:root[data-style=brutal] .when-rail time,:root[data-style=brutal] .when-rail .now{transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--card)}:root[data-style=brutal] li.playing .when-rail{background:linear-gradient(to right,var(--accent) calc(var(--progress,1) * 100%),var(--card) 0)}:root[data-style=brutal] li.playing .when-rail .now{color:var(--fg)}:root[data-style=brutal] .links{grid-column:4/6;grid-row:2;display:flex;flex-direction:row;aspect-ratio:auto;align-self:auto;height:44px;gap:3px;background:var(--line);border-left:3px solid var(--line);border-top:3px solid var(--line);justify-content:flex-end}:root[data-style=brutal] .svc{width:41px;height:100%}:root[data-style=brutal] .svc+.svc{border-top:0;border-left:0}@media(max-width:380px){:root[data-style=brutal] .when-rail .when-long{display:none}:root[data-style=brutal] .when-rail .when-short{display:contents}:root[data-style=brutal] .when-rail{letter-spacing:.06em;padding:0 5px}:root[data-style=brutal] .rail-dev{margin-right:5px}:root[data-style=brutal] .stats .dur{padding:0 10px}}:root[data-style=brutal] .pager{margin:auto auto 8px;flex-wrap:nowrap}:root[data-style=brutal] .pg{width:38px;height:38px;font-size:14px}}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);z-index:20;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toast.on{opacity:1;transform:translate(-50%)}:root[data-style=brutal] #toast{background:var(--line);color:var(--card);border:3px solid var(--line);box-shadow:6px 6px 0 var(--accent);padding:10px 16px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}body.single #app{justify-content:center}.single-page{width:100%}.single-page .eyebrow{margin:0 0 14px;font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}:root[data-style=brutal] .single-page .eyebrow{color:var(--line)}:root[data-style=brutal] #list.single .card:before{content:none}:root[data-style=brutal] #list.single li{margin:0}.stream{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:34px 0 0}.stream-slot{display:block;min-width:0}:root[data-style=brutal] .stream-slot{--shadow:8px;--lift:4px;position:relative}:root[data-style=brutal] .stream-slot.live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--line);transform:translate(var(--shadow),var(--shadow))}:root[data-style=brutal] .stream a,:root[data-style=brutal] .stream .dead{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:14px 18px;border:3px solid var(--line);background:var(--card);color:var(--fg);text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:14px;transition:transform .07s steps(2),background .07s steps(2),color .07s steps(2)}:root[data-style=brutal] .stream-slot:hover a{transform:translate(calc(-1 * var(--lift)),calc(-1 * var(--lift)))}:root[data-style=brutal] .stream-slot:hover a.stream-spotify{background:#1db954;color:#fff}:root[data-style=brutal] .stream-slot:hover a.stream-deezer{background:#a238ff;color:#fff}:root[data-style=brutal] .stream-slot:hover a.stream-tidal{background:#000;color:#fff}@media(prefers-reduced-motion:reduce){:root[data-style=brutal] .stream a{transition:none}:root[data-style=brutal] .stream-slot:hover a{transform:none}}:root[data-style=brutal] .stream .dead{color:var(--muted);background-image:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--line) calc(50% - 1.5px),var(--line) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.back{display:inline-block;margin-top:34px;text-decoration:none}:root[data-style=brutal] .back{padding:12px 18px;border:3px solid var(--line);background:var(--card);color:var(--fg);box-shadow:8px 8px 0 var(--line);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px}:root[data-style=brutal] .back:hover{background:var(--accent)}@media(max-width:820px){.stream{grid-template-columns:1fr;gap:14px;margin-top:22px}:root[data-style=brutal] .stream-slot{--shadow:6px}:root[data-style=brutal] .stream a,:root[data-style=brutal] .stream .dead{min-height:52px;font-size:13px}.back{margin-top:24px}:root[data-style=brutal] .single-page .eyebrow{margin-top:8px}}body.stats-view{padding-bottom:40px}:root[data-style=brutal] body.stats-view{min-height:0;display:block}.stats-page{width:100%}.stats-page .eyebrow{margin:0;font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.stats-page.loading .hero,.stats-page.loading .tiles,.stats-page.loading .cards{opacity:.45}.stats-page .hero,.stats-page .tiles,.stats-page .cards{transition:opacity .12s}.stats-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 26px}.stats-page .eyebrow{margin:0}.stats-page .controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.stats-page .ranges{display:flex}:root[data-style=brutal] .stats-page .ranges{border:3px solid var(--line);background:var(--card);box-shadow:6px 6px 0 var(--line)}:root[data-style=brutal] .stats-page .rg{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border:0;border-left:3px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;font:inherit;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;-webkit-tap-highlight-color:transparent;transition:background .07s steps(2),color .07s steps(2)}:root[data-style=brutal] .stats-page .ranges .rg:first-child{border-left:0}@media(hover:hover){:root[data-style=brutal] .stats-page .rg:hover{background:var(--accent)}}:root[data-style=brutal] .stats-page .rg.current{background:var(--accent)}:root[data-style=brutal] .stats-page .toggle{border:3px solid var(--line);box-shadow:6px 6px 0 var(--line)}:root[data-style=brutal] .stats-page .toggle[aria-pressed=true]{background:var(--line);color:var(--card)}.stats-page .rg-short{display:none}.stats-page .hero{margin:0 0 24px;display:flex;align-items:stretch}:root[data-style=brutal] .stats-page .hero{border:3px solid var(--line);background:var(--card);box-shadow:8px 8px 0 var(--line);padding:0}.stats-page .hero-lead{flex:0 1 auto;min-width:0;padding:22px 24px}.stats-page .hero-side{display:flex;flex:1;margin:0;padding:0}.stats-page .hero-side>div{display:flex;flex:1;flex-direction:column-reverse;justify-content:center;align-items:center;text-align:center;gap:6px;min-width:0;padding:22px 24px}:root[data-style=brutal] .stats-page .hero-side>div{border-left:3px solid var(--line)}.stats-page .hero-side dd{margin:0;font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1}.stats-page .hero-side dt{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.stats-page .hero-fig{margin:0;font-size:clamp(54px,9vw,92px);font-weight:900;line-height:.92;letter-spacing:-.045em}.stats-page .hero-label{margin:8px 0 0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.stats-page .tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0 0 30px}:root[data-style=brutal] .stats-page .tile{border:3px solid var(--line);background:var(--card);box-shadow:8px 8px 0 var(--line);padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.stats-page .tv{font-size:26px;font-weight:900;letter-spacing:-.03em;line-height:1}.stats-page .tl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.stats-page .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.stats-page .panel{min-width:0}.stats-page .panel.span{grid-column:1/-1}:root[data-style=brutal] .stats-page .panel{border:3px solid var(--line);background:var(--card);box-shadow:8px 8px 0 var(--line);padding:0}.stats-page .panel h2{margin:0;padding:14px 16px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}:root[data-style=brutal] .stats-page .panel h2{border-bottom:3px solid var(--line)}.stats-page .chart{position:relative}.stats-page .tip{position:absolute;transform:translate(-50%,-100%);margin-top:-8px;z-index:6;pointer-events:none;background:var(--line);color:var(--card);padding:7px 11px;white-space:nowrap;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:4px 4px 0 var(--accent)}.stats-page .tip.below{transform:translate(-50%);margin-top:8px}.stats-page .tip.follow{transform:translate(15px,-3px);margin-top:0}.stats-page .tip.follow:before,.stats-page .tip.follow:after{content:"";position:absolute;top:0;left:-15px;width:16px;height:21px;clip-path:polygon(0 0,100% 100%,100% 0)}.stats-page .tip.follow:before{background:var(--accent);transform:translate(-1px,4.5px)}.stats-page .tip.follow:after{background:var(--line)}.stats-page .tip.follow.flipped{transform:translate(calc(-100% - 15px),-3px)}.stats-page .tip.follow.flipped:before,.stats-page .tip.follow.flipped:after{left:auto;right:-15px;clip-path:polygon(100% 0,0 100%,0 0)}.stats-page .tip.follow.flipped:before{transform:translate(1px,4.5px)}.stats-page .tip b{display:block;font-size:15px;font-weight:900;letter-spacing:-.01em;text-transform:none}.stats-page .bars{display:grid;grid-template-columns:minmax(0,17ch) 1fr auto;gap:0;grid-auto-rows:minmax(32px,1fr);height:100%;padding:0}.stats-page .bar-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center}@media(hover:hover)and (pointer:fine){.stats-page .bar-row{cursor:none}}:root[data-style=brutal] .stats-page .bar-row.held{outline:3px solid var(--accent);outline-offset:-3px}:root[data-style=brutal] .stats-page .bar-row{border-top:3px solid var(--line)}:root[data-style=brutal] .stats-page .bars>.bar-row:first-child{border-top:0}@supports not (grid-template-columns: subgrid){.stats-page .bar-row{display:contents}.stats-page .bars{gap:2px 14px}:root[data-style=brutal] .stats-page .bar-row{border-top:0}:root[data-style=brutal] .stats-page .bar-track{border:0;padding:0}.stats-page .bar-val{aspect-ratio:auto}}.stats-page .bar-name{padding-left:16px;padding-right:12px}.stats-page .bars.wide{grid-template-columns:minmax(0,20ch) 1fr auto}.stats-page .bar-val{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0 10px;text-align:center}.stats-page .bar-track{align-self:stretch}.stats-page .panel:has(>.bars){display:flex;flex-direction:column}.stats-page .panel:has(>.bars)>.bars{flex:1}.stats-page .bar-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-page .bar-name b{font-size:15px;font-weight:900;letter-spacing:-.01em}.stats-page .bar-track{align-self:stretch;display:flex;align-items:center;min-width:0;padding:3px}:root[data-style=brutal] .stats-page .bar-track{border-left:3px solid var(--line);border-right:3px solid var(--line)}.stats-page .bar{display:block;height:100%;background:var(--line);transition:background .07s steps(2)}.stats-page .bar.lead,.stats-page .bar:hover{background:var(--accent)}.stats-page .bar.hatch,.stats-page .bar.hatch:hover{background:repeating-linear-gradient(135deg,var(--line) 0 2px,transparent 2px 7px)}.stats-page .bar-val{font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.stats-page .col-plot{display:flex;align-items:flex-end;gap:2px;height:160px;padding:0}.stats-page .cols.ruled .col-plot{gap:0}.stats-page .cols.dense .col-plot{gap:1px}.stats-page .col{position:relative;flex:1;min-width:0;height:100%}:root[data-style=brutal] .stats-page .cols.ruled .col+.col{border-left:3px solid var(--line)}.stats-page .col-track{position:absolute;top:0;right:0;bottom:0;left:0}.stats-page .cols.ruled .col-track{top:3px;right:3px;bottom:3px;left:3px}.stats-page .col-fill{position:absolute;left:0;right:0;bottom:0;height:var(--h);display:flex;align-items:flex-start;justify-content:center;background:var(--line);transition:background .07s steps(2)}.stats-page .col-fill.lead,.stats-page .col-fill:hover{background:var(--accent)}.stats-page .col-fill.zero{background:none}.stats-page .col-fill.hatch{background:repeating-linear-gradient(135deg,var(--line) 0 2px,transparent 2px 7px);outline:1px solid color-mix(in srgb,var(--line) 45%,transparent);outline-offset:-1px}.stats-page .col-peak{padding-top:6px;font-size:11px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.stats-page .col-axis{display:flex;margin:0;padding:9px 0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.stats-page .col-axis.spread{padding:9px 14px}:root[data-style=brutal] .stats-page .cols.ruled .col-tick+.col-tick{border-left:3px solid transparent}.stats-page .col-tick b{font-size:13px;font-weight:900;letter-spacing:-.01em}:root[data-style=brutal] .stats-page .col-axis{border-top:3px solid var(--line)}.stats-page .col-axis.spread{justify-content:space-between}.stats-page .col-tick{flex:1;min-width:0;text-align:center;overflow:hidden}.stats-page .clock-grid{display:grid;grid-template-columns:auto repeat(24,minmax(0,1fr));align-items:stretch}:root[data-style=brutal] .stats-page .clock-grid{gap:3px;background:var(--line)}.stats-page .clock-hour,.stats-page .clock-corner{font-size:9px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums;padding:7px 0}:root[data-style=brutal] .stats-page .clock-hour,:root[data-style=brutal] .stats-page .clock-corner{background:var(--line);color:var(--card)}.stats-page .clock-day{display:flex;align-items:center;justify-content:flex-end;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:0 10px}:root[data-style=brutal] .stats-page .clock-day{background:var(--card);position:sticky;left:0;z-index:2;box-shadow:3px 0 0 var(--line)}.stats-page .cell{display:block;aspect-ratio:1;background:var(--card)}.stats-page .cell.nil{background:var(--card)}:root[data-style=brutal] .stats-page .cell:hover{outline:3px solid var(--accent);outline-offset:-3px}.stats-page .scale{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}:root[data-style=brutal] .stats-page .scale{border-top:3px solid var(--line)}.stats-page .scale-steps{display:flex}:root[data-style=brutal] .stats-page .scale-steps{gap:3px;background:var(--line);border:3px solid var(--line)}.stats-page .scale-steps .cell{width:17px;height:17px;aspect-ratio:auto}.stats-page .scale-max{margin-left:auto}.stats-page .clock-hour,.stats-page .clock button.cell{border:0;margin:0;font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stats-page .clock button.cell{padding:0}.stats-page .clock-hour.lit{background:var(--accent);color:var(--line)}:root[data-style=brutal] .stats-page .clock-hour.lit{background:var(--accent);color:var(--line)}.stats-page .clock-hour:focus-visible,.stats-page .clock button.cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.stats-page .clock .cell.dim{box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--card) 82%,transparent)}.stats-page .clock .cell{transition:box-shadow .07s steps(2)}.stats-page .genre-head{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}:root[data-style=brutal] .stats-page .genre-head{border-top:3px solid var(--line)}.stats-page .genre-head b{font-weight:900;color:var(--accent)}.stats-page .genre-clear{margin-left:auto;font:inherit;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:4px 8px;background:var(--card);color:var(--ink);border:0}:root[data-style=brutal] .stats-page .genre-clear{border:3px solid var(--line)}.stats-page .genre-clear:hover{background:var(--accent)}:root[data-style=brutal] .stats-page .genre-bar>.bars{border-top:3px solid var(--line)}.stats-page .genre-none{margin:0;padding:16px;font-size:13px;font-weight:700}:root[data-style=brutal] .stats-page .genre-none{border-top:3px solid var(--line)}.stats-page .panel:has(>.split){display:flex;flex-direction:column}.stats-page .panel:has(>.split)>.split{flex:1;display:flex;flex-direction:column}.stats-page .panel:has(>.split)>.split>.split-bar{flex:1}.stats-page .split-bar{display:flex;min-height:52px}.stats-page .seg{display:flex;align-items:center;justify-content:center;min-width:0;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}@media(hover:hover)and (pointer:fine){.stats-page .seg{cursor:none}}:root[data-style=brutal] .stats-page .seg.held{outline:3px solid var(--accent);outline-offset:-3px}:root[data-style=brutal] .stats-page .seg-mobile.held,:root[data-style=brutal] .stats-page .seg-played.held{outline-color:var(--card)}.stats-page .seg-desktop{background:var(--line);color:var(--card)}.stats-page .seg-mobile,.stats-page .seg-played{background:var(--accent);color:var(--line)}.stats-page .seg-waiting{background:var(--line);color:var(--card)}.stats-page .key-played{background:var(--accent)}.stats-page .key-waiting{background:var(--line)}.stats-page .seg-unknown,.stats-page .key-unknown{background:repeating-linear-gradient(135deg,var(--line) 0 2px,transparent 2px 7px);color:var(--line)}:root[data-style=brutal] .stats-page .seg-unknown b{background:var(--card);padding:3px 8px}.stats-page .legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:12px 16px;list-style:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}:root[data-style=brutal] .stats-page .legend{border-top:3px solid var(--line)}.stats-page .legend li{display:flex;align-items:center;gap:7px;position:static;counter-increment:none;margin:0;padding:0;background:none;border:0;box-shadow:none}.stats-page .legend li:before,.stats-page .legend li:after{content:none}.stats-page .key{display:inline-block;width:14px;height:14px;flex:none}.stats-page .key-desktop{background:var(--line)}.stats-page .key-mobile{background:var(--accent)}.stats-page .legend b{font-weight:900;font-variant-numeric:tabular-nums}.stats-page .toplist{list-style:none;margin:0;padding:0;counter-reset:t}:root[data-style=brutal] .stats-page .toplist li{counter-increment:t;display:flex;align-items:stretch;gap:0;margin:0;padding:0;background:none;border:0;border-top:3px solid var(--line);box-shadow:none;position:static}:root[data-style=brutal] .stats-page .toplist li:after{content:none}:root[data-style=brutal] .stats-page .toplist li:first-child{border-top:0}:root[data-style=brutal] .stats-page .toplist li:before{content:counter(t);flex:none;display:flex;align-items:center;justify-content:center;width:auto;min-width:3.4ch;padding:0 12px;border:0;border-right:3px solid var(--line);background:none;text-align:center;opacity:1;font-size:14px;font-weight:900;letter-spacing:0;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--fg) 42%,transparent)}:root[data-style=brutal] .stats-page .toplist img,:root[data-style=brutal] .stats-page .toplist .noart{flex:none;align-self:center;margin:8px 0 8px 14px;width:40px;height:40px;min-height:0;object-fit:cover;border:2px solid var(--line);border-radius:0}:root[data-style=brutal] .stats-page .toplist .noart{background:repeating-linear-gradient(135deg,var(--line) 0 2px,transparent 2px 7px)}.stats-page .tt{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:1px;padding:8px 14px 8px 12px}.stats-page .tt a,.stats-page .tt>:first-child{font-size:14px;font-weight:900;color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-page .tt a:hover{color:var(--accent)}.stats-page .tt small{font-size:11px;font-weight:700;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-page .tn{flex:none;display:flex;align-items:center;justify-content:center;min-width:62px;padding:0 14px;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}:root[data-style=brutal] .stats-page .tn{border-left:3px solid var(--line)}.stats-page .tn.when{min-width:78px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.stats-page .notes{margin:0;padding:0;font-size:11px}.stats-page .notes>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 16px}:root[data-style=brutal] .stats-page .notes>div{border-top:3px solid var(--line)}.stats-page .notes dt{font-weight:700;text-transform:uppercase;letter-spacing:.06em}.stats-page .notes dd{margin:0;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}.stats-page .quiet{margin:0;padding:14px 16px;font-size:12px;font-weight:700;opacity:.7}.stats-page .toplist.saved .tt small{opacity:.75}.stats-page .data{width:100%;border-collapse:collapse;font-size:12px}:root[data-style=brutal] .stats-page .data{border:3px solid var(--line)}.stats-page .data th,.stats-page .data td{padding:9px 11px;text-align:left;border:0}:root[data-style=brutal] .stats-page .data tr>*{border-bottom:3px solid var(--line)}:root[data-style=brutal] .stats-page .data tr>*+*{border-left:3px solid var(--line)}:root[data-style=brutal] .stats-page .data tbody tr:last-child>*{border-bottom:0}.stats-page .data td{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.stats-page .data thead th{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}:root[data-style=brutal] .stats-page .data thead th{background:var(--line);color:var(--card)}.stats-page .data thead th+th{text-align:right}.stats-page .clock-table thead th+th{text-align:center}.stats-page .data tbody th{font-weight:700;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-page .table-scroll{overflow-x:auto}:root[data-style=brutal] .stats-page.tables .panel{padding:0}.stats-page.tables .cards{align-items:start}.stats-page.tables .panel h2{margin:0;padding:14px 16px}:root[data-style=brutal] .stats-page.tables .panel h2{border-bottom:3px solid var(--line)}:root[data-style=brutal] .stats-page.tables .data{border:0}.stats-page .clock-table th,.stats-page .clock-table td{padding:6px 7px;text-align:center}:root[data-style=brutal] .stats-page .clock-table tr>*+*{border-left:0}:root[data-style=brutal] .stats-page .clock-table tr>*:nth-child(6n+2){border-left:3px solid var(--line)}.site-nav{display:flex;justify-content:flex-end;margin:0 0 10px}.site-nav a{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--fg);text-decoration:none;opacity:.55}.site-nav a:hover{opacity:1;color:var(--accent)}@media(max-width:820px){.stats-head{margin-bottom:18px}.stats-page .rg-long{display:none}.stats-page .rg-short{display:inline}:root[data-style=brutal] .stats-page .rg{padding:0 11px;height:34px;font-size:11px}.stats-page .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}:root[data-style=brutal] .stats-page .tile{padding:10px 12px;box-shadow:5px 5px 0 var(--line)}.stats-page .tv{font-size:21px}.stats-page .cards{grid-template-columns:minmax(0,1fr);gap:20px}:root[data-style=brutal] .stats-page .panel{padding:0;box-shadow:6px 6px 0 var(--line)}.stats-page .panel h2{padding:12px}.stats-page .bar-name{padding-left:12px}.stats-page .bar-val{padding-right:12px}.stats-page .col-axis{padding:8px 10px}.stats-page .legend{padding:10px 12px;gap:6px 12px}.stats-page .notes>div{padding:8px 12px}.stats-page .quiet{padding:12px}.stats-page .hero{flex-direction:column}:root[data-style=brutal] .stats-page .hero{padding:0;box-shadow:6px 6px 0 var(--line)}.stats-page .hero-lead{padding:16px}.stats-page .hero-side>div{flex:1;min-width:0;padding:12px 14px;gap:3px}:root[data-style=brutal] .stats-page .hero-side>div{border-left:0;border-top:3px solid var(--line)}:root[data-style=brutal] .stats-page .hero-side>div+div{border-left:3px solid var(--line)}.stats-page .hero-side dd{font-size:24px}.stats-page .hero-side dt{font-size:9px}.stats-page .bars{grid-template-columns:minmax(0,13ch) 1fr auto;gap:0}.stats-page .bars.wide{grid-template-columns:minmax(0,15ch) 1fr auto}.stats-page .bar-name{padding-left:12px;padding-right:10px}.stats-page .bar-val{padding-left:10px;padding-right:12px}:root[data-style=brutal] .stats-page .toplist li{padding:0}:root[data-style=brutal] .stats-page .toplist li:before{padding:0 9px}:root[data-style=brutal] .stats-page .toplist img,:root[data-style=brutal] .stats-page .toplist .noart{margin:7px 0 7px 10px}.stats-page .toplist .tt{padding:7px 10px}.stats-page .tn{min-width:52px;padding:0 10px}.stats-page .tn.when{min-width:70px;font-size:10px}.stats-page .col-plot{height:120px}.stats-page .clock-scroll{overflow-x:auto;overflow-y:hidden}.stats-page .clock-grid{min-width:520px}.stats-page .scale{padding:10px 12px;gap:8px}.stats-page .clock-day{padding:0 7px}}