:root{--bg:#0a0b0d;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.06);--text:#f1f2ed;--muted:#9da39f;--accent:#d5ff3f;--accent-soft:rgba(213,255,63,.18)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:radial-gradient(circle at 76% 15%,rgba(213,255,63,.055),transparent 25rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--bg);background-size:auto,44px 44px,44px 44px,auto}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.19;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 4px);mix-blend-mode:soft-light}button,a{outline-color:var(--accent)}a{color:inherit;text-decoration:none}.shell{width:min(1440px,calc(100% - 40px));margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line2);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand-mark{width:9px;height:9px;border:1px solid var(--accent);transform:rotate(45deg);box-shadow:0 0 18px var(--accent-soft)}.system-status{display:flex;gap:22px;color:var(--muted)}.system-status span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:1px;box-shadow:0 0 10px var(--accent)}
.intro{min-height:490px;padding:72px 0 58px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:22px}h1{position:relative;margin:0;font-size:clamp(64px,10vw,145px);font-weight:600;letter-spacing:-.065em;line-height:.76}.lede{margin:34px 0 0;color:#b8bdb8;font-size:clamp(17px,1.7vw,24px);letter-spacing:-.025em}.stats{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));margin:0;border:1px solid var(--line2);border-radius:18px;overflow:hidden;background:var(--line2)}.stats div{min-width:125px;padding:22px;background:rgba(10,11,13,.94)}.stats dt,.archive h2,.sort,.column-head,.set-id,.set-status{font-size:9px;letter-spacing:.16em;text-transform:uppercase}.stats dt{color:var(--muted)}.stats dd{margin:12px 0 0;font-size:35px;letter-spacing:-.05em}
.archive{border-top:1px solid var(--line2);padding-top:26px}.archive-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.archive h2{font-weight:400;color:var(--muted)}.sort{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sort>span{color:#6f756f;margin-right:7px}.sort button{appearance:none;border:1px solid transparent;border-radius:999px;background:transparent;color:#929892;padding:9px 11px;letter-spacing:.1em;text-transform:uppercase;font:inherit;cursor:pointer}.sort button:hover,.sort button:focus-visible{color:var(--text);border-color:var(--line)}.sort button[aria-pressed="true"]{color:var(--accent);border-color:rgba(213,255,63,.25);background:rgba(213,255,63,.04)}.sort button[aria-pressed="true"]::after{content:"";display:inline-block;width:4px;height:4px;margin-left:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;vertical-align:2px;transform:rotate(45deg)}.sort button[aria-pressed="true"][data-direction="asc"]::after{transform:rotate(225deg);vertical-align:-1px}.column-head,.set-row{display:grid;grid-template-columns:minmax(210px,1.05fr) minmax(260px,1.4fr) 105px 105px 72px 20px;gap:24px;align-items:center}.column-head{padding:0 18px 12px;color:#656b66}.set-list{position:relative;border-top:1px solid var(--line)}.set-list.switching{animation:list-signal 420ms steps(1,end)}@keyframes list-signal{0%,100%{opacity:1;transform:none;filter:none}18%{opacity:.56;transform:translateX(1px);filter:contrast(1.12)}32%{opacity:.82;transform:translateX(-1px)}48%{opacity:.42}64%{opacity:1}}
.set-row{position:relative;min-height:112px;padding:22px 18px;border-bottom:1px solid var(--line2);transition:background .18s ease,color .18s ease}.set-row[href]:hover,.set-row[href]:focus-visible{background:rgba(255,255,255,.025)}.set-row[href]::before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:var(--accent);transform:scaleY(0);transition:transform .18s ease}.set-row[href]:hover::before,.set-row[href]:focus-visible::before{transform:scaleY(1)}.set-id{display:block;color:var(--accent);margin-bottom:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.artist{position:relative;width:fit-content;max-width:100%;font-size:clamp(18px,2vw,28px);font-weight:550;letter-spacing:-.035em}.set-title{position:relative;width:fit-content;max-width:100%;font-size:15px;color:#d0d4ce;line-height:1.35}.event-name{display:block;margin-top:7px;color:#777e78;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.date,.rating{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#aeb4ae}.rating{color:var(--accent);font-size:16px}.arrow{color:var(--accent);transition:transform .16s ease}.set-row[href]:hover .arrow{transform:translate(2px,-2px)}.set-row.pending{color:#686e69;cursor:default}.set-row.pending .set-title{color:#686e69}.set-row.pending .rating{color:#8e967b}.set-status{display:block;margin-top:8px;color:#a7ad9e}.letter-divider{position:relative;padding:30px 18px 10px;border-bottom:1px solid var(--line2);color:var(--accent);font:500 44px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.06em}.letter-divider.resolving{animation:divider-resolve 680ms steps(1,end)}@keyframes divider-resolve{0%{opacity:0;transform:translateX(-5px);text-shadow:3px 0 rgba(116,198,214,.5)}18%{opacity:.72;transform:translateX(2px)}33%{opacity:.28;clip-path:inset(22% 0 38% 0)}48%{opacity:1;transform:translateX(-1px);text-shadow:-2px 0 rgba(214,134,157,.4)}70%,100%{opacity:1;transform:none;text-shadow:none;clip-path:none}}
.glitch-target{position:relative}.glitch-copy{position:absolute;inset:0;opacity:0;pointer-events:none;color:inherit;background:#0a0b0d}.microglitch{animation:micro-shift 680ms steps(1,end)}.microglitch .glitch-copy{animation:micro-slice 680ms steps(1,end)}@keyframes micro-shift{0%,9%,25%,100%{transform:none;text-shadow:none}5%{transform:translateX(2px);text-shadow:-2px 0 rgba(116,198,214,.38),2px 0 rgba(214,134,157,.32)}16%{transform:translateX(-1px)}}@keyframes micro-slice{0%,3%,24%,100%{opacity:0}4%,9%{opacity:.62;clip-path:inset(18% 0 58%);transform:translateX(-3px)}13%,19%{opacity:.38;clip-path:inset(65% 0 18%);transform:translateX(2px)}}
.digital-resolve{animation:title-resolve 680ms cubic-bezier(.18,.78,.2,1)}@keyframes title-resolve{0%{opacity:.12;filter:blur(1.2px);clip-path:inset(0 0 76%)}22%{opacity:.48;clip-path:inset(29% 0 43%)}48%{opacity:.65;transform:translateX(-2px);clip-path:inset(62% 0 8%)}72%,100%{opacity:1;filter:none;transform:none;clip-path:none}}
.footer{padding:48px 0;color:var(--muted);font-size:10px;line-height:1.65;border-top:1px solid var(--line2)}.footer strong{color:#c3c7c2;font-weight:500}
@media(max-width:900px){.intro{grid-template-columns:1fr;min-height:auto}.stats{width:100%}.column-head{display:none}.set-row{grid-template-columns:minmax(0,1fr) 95px 48px 18px;gap:14px}.set-primary{grid-column:1}.set-secondary{grid-column:1;grid-row:2}.date.listened{grid-column:2;grid-row:1}.date.event{grid-column:2;grid-row:2}.rating{grid-column:3;grid-row:1/3}.arrow{grid-column:4;grid-row:1/3}}
@media(max-width:620px){.shell{width:calc(100% - 22px)}.topbar{height:62px}.system-status span:first-child{display:none}.intro{padding:46px 0}.stats div{min-width:0;padding:16px 12px}.stats dd{font-size:28px}.archive-head{align-items:flex-start;flex-direction:column}.sort{justify-content:flex-start}.sort>span{width:100%}.set-row{min-height:0;padding:19px 8px;grid-template-columns:minmax(0,1fr) 54px 17px}.set-primary{grid-column:1}.set-secondary{grid-column:1;grid-row:2}.date{display:none}.rating{grid-column:2;grid-row:1/3}.arrow{grid-column:3;grid-row:1/3}.letter-divider{padding-left:8px}h1{font-size:clamp(58px,20vw,94px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.glitch-copy{display:none!important}}