:root{--paper:#f1ebdf;--paper-2:#f8f4ec;--paper-hover:#e9e1d2;--ink:#1f1b16;--muted:#6b6152;--rule:#cfc5b3;--accent:#b5432a;--accent-2:#c4512f;--sans:"Archivo", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 48px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--accent);text-decoration:none}@media (hover:hover){a:hover{color:var(--ink);text-decoration:underline}}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;min-height:100dvh;display:flex}.main{width:100%;max-width:1400px;padding:clamp(20px, 4vw, 48px) var(--gutter);flex:1;margin:0 auto}.stack{flex-direction:column;gap:28px;display:flex}.stack-lg{gap:40px}.narrow{max-width:860px}.mono-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.page-title{text-transform:uppercase;margin:0;font-size:clamp(32px,5vw,56px);font-weight:900;font-stretch:125%;line-height:.9}.section-title{text-transform:uppercase;border-bottom:2px solid var(--ink);margin:0;padding-bottom:8px;font-size:22px;font-weight:900;font-stretch:125%}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1.5px solid var(--ink);color:var(--ink);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;display:inline-block}.pill-on{background:var(--ink);color:var(--paper)}@media (hover:hover){.pill:hover{color:var(--ink);text-decoration:none}.pill-on:hover{color:var(--paper)}.pill-btn:hover{background:var(--ink);color:var(--paper)}.lift{transition:transform .15s}.lift:hover{transform:translateY(-3px)}}.text-btn{font-family:var(--mono);text-align:left;align-self:flex-start;padding:4px 0;font-size:12px;text-decoration:underline}.dark-btn{background:var(--ink);color:var(--paper);font-family:var(--mono);text-transform:uppercase;padding:10px 16px;font-size:13px}.header{border-bottom:2px solid var(--ink);padding:20px var(--gutter);padding-top:max(20px, env(safe-area-inset-top));flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.brand{color:var(--ink);flex-direction:column;gap:4px;display:flex}@media (hover:hover){.brand:hover{color:var(--ink);text-decoration:none}}.brand .mono-label{letter-spacing:.12em}.brand-title{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(36px,6vw,64px);font-weight:900;font-stretch:125%;line-height:.9}.nav{flex-wrap:wrap;gap:4px;display:flex}.footer{border-top:2px solid var(--ink);padding:20px var(--gutter);padding-bottom:max(20px, env(safe-area-inset-bottom));font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.cover{aspect-ratio:1;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);color:var(--ink);flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:relative;overflow:hidden}.vinyl{aspect-ratio:1;background:var(--ink);opacity:.9;border-radius:50%;width:80%;position:absolute;top:50%;right:-28%;transform:translateY(-50%)}.vinyl-label{aspect-ratio:1;border-radius:50%;width:16%;position:absolute;top:50%;right:2%;transform:translate(50%,-50%)}.cover-rel{position:relative}.cover-num{letter-spacing:-.03em;font-size:96px;font-weight:900;font-stretch:62%;line-height:.8}.cover-lg{box-shadow:8px 8px 0 var(--ink);padding:24px}.cover-lg .vinyl{opacity:1;right:-30%}.cover-title{text-transform:uppercase;max-width:60%;font-size:clamp(22px,2.6vw,30px);font-weight:900;font-stretch:125%;line-height:.95;position:relative}.cover-vol{flex-direction:column;gap:6px;display:flex;position:relative}.cover-vol .mono-label{font-size:14px}.cover-lg .cover-num{font-size:clamp(120px,16vw,200px);line-height:.78}.intro{text-wrap:pretty;max-width:640px;margin:0;font-size:18px;line-height:1.5}.record-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.record{color:var(--ink);flex-direction:column;gap:10px;display:flex}@media (hover:hover){.record:hover{color:var(--ink);text-decoration:none}}.record-meta{font-family:var(--mono);justify-content:space-between;gap:8px;padding-top:6px;font-size:13px;display:flex}.record-place{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.vol-nav{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:12px;font-size:13px;display:flex}.vol-nav-step{gap:20px;display:flex}.vol-nav a,.mono-link{padding:6px 0}.vol-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:clamp(24px,4vw,56px);display:grid}.vol-side{flex-direction:column;gap:24px;display:flex}.meta{border-top:2px solid var(--ink);grid-template-columns:auto 1fr;gap:10px 24px;margin:0;padding-top:16px;font-size:16px;display:grid}.meta dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;padding-top:3px;font-size:12px}.meta dd{margin:0;font-weight:600}.player{border:2px solid var(--ink);background:var(--paper-2);flex-direction:column;gap:12px;padding:16px;display:flex}.player-frame{border:0;border-radius:12px;width:100%;height:380px}.player-text{margin:0;font-size:14px;line-height:1.45}.player-form{gap:8px;display:flex}.player-form input{min-width:0;font-family:var(--mono);border:1.5px solid var(--ink);color:var(--ink);background:#fff;border-radius:0;flex:1;padding:10px 12px;font-size:16px}.sides{flex-direction:column;gap:32px;min-width:0;display:flex}.side{flex-direction:column;display:flex}.side-head{border-bottom:2px solid var(--ink);align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.side-name{font-size:32px;font-weight:900;font-stretch:125%}.track{border-bottom:1px solid var(--rule);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.track-num{font-family:var(--mono);font-size:13px}.track-text{flex-direction:column;gap:2px;min-width:0;display:flex}.track-song{text-wrap:pretty;overflow-wrap:anywhere;font-size:17px;font-weight:700}.track-artist{font-size:14px}.track-member{font-family:var(--mono);color:var(--muted);font-size:12px}.spotify-btn{border:1.5px solid var(--ink);font-family:var(--mono);color:var(--ink);text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:flex}@media (hover:hover){.spotify-btn:hover{background:var(--ink);color:var(--paper);text-decoration:none}}.member-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;display:grid}.member{flex-direction:column;gap:14px;display:flex}.portrait{aspect-ratio:218/289;justify-content:center;align-items:center;display:flex}.portrait img{object-fit:contain;width:100%;height:100%;display:block}.portrait-empty{border:2px dashed var(--rule);width:100%;height:100%;font-family:var(--mono);color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.member-name{text-transform:uppercase;padding-top:6px;font-size:34px;font-weight:900;font-stretch:125%;line-height:1}.member-stats{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-top:1.5px solid var(--ink);grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;font-size:12px;display:grid}.member-stats>div{flex-direction:column;gap:2px;display:flex}.member-num{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:24px;font-weight:800}.member-repeat{text-wrap:pretty;font-size:14px;line-height:1.45}.member-repeat .mono-label{letter-spacing:0}.timeline{border-left:2px solid var(--ink);flex-direction:column;margin-left:8px;display:flex}.tl-row{border-bottom:1px solid var(--rule);color:var(--ink);grid-template-columns:110px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:14px 8px 14px 28px;display:grid;position:relative}@media (hover:hover){.tl-row:hover{background:var(--paper-hover);color:var(--ink);text-decoration:none}}.tl-dot{border:2px solid var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:20px;left:-8px}.tl-date{font-family:var(--mono);font-size:13px}.tl-place{font-size:20px;font-weight:700}.tl-host{font-size:14px;font-weight:400}.tl-vol{white-space:nowrap;font-size:22px;font-weight:900;font-stretch:75%}.masonry{columns:4 220px;column-gap:20px}.photo{break-inside:avoid;background:var(--ink);border:2px solid var(--ink);width:calc(100% - 6px);box-shadow:5px 5px 0 var(--ink);cursor:zoom-in;margin:0 6px 26px 0;display:block;overflow:hidden}.photo img{width:100%;height:auto;display:block}.lightbox{z-index:50;touch-action:pan-y;background:#14110df0;justify-content:center;align-items:center;padding:clamp(16px,5vw,64px);display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border:6px solid var(--paper);max-width:100%;max-height:100%}.lb-btn{background:var(--paper);width:48px;height:48px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lb-prev{left:12px}.lb-next{right:12px}.lb-close{top:max(16px, env(safe-area-inset-top));font-family:var(--mono);color:var(--paper);text-transform:uppercase;padding:8px 0;font-size:13px;position:absolute;right:20px}.totals{border:2px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.total{border-right:1px solid var(--ink);flex-direction:column;gap:4px;padding:20px;display:flex}.total .mono-label{letter-spacing:.08em}.total-num{font-size:52px;font-weight:900;font-stretch:62%;line-height:1}.stats-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:40px;display:grid}.repeat-row{border-bottom:1px solid var(--rule);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.repeat-text{flex-direction:column;gap:2px;min-width:0;display:flex}.repeat-name{font-weight:700}.repeat-detail{font-family:var(--mono);color:var(--muted);font-size:12px}.repeat-count{font-size:22px;font-weight:900;font-stretch:75%}.bars{flex-direction:column;gap:12px;display:flex}.bar-row{grid-template-columns:140px minmax(0,1fr) 32px;align-items:center;gap:12px;display:grid}.bars:first-child .bar-row{grid-template-columns:80px minmax(0,1fr) 32px}.bar-name{overflow-wrap:anywhere;font-weight:700}.bar-track{border:1.5px solid var(--ink);height:18px}.bar-fill{height:100%}.bar-count{font-family:var(--mono);text-align:right;font-size:14px}@media (width<=600px){.header{padding-top:max(16px, env(safe-area-inset-top));gap:14px;padding-bottom:14px}.nav{scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);width:calc(100% + 2 * var(--gutter));flex-wrap:nowrap;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.intro{font-size:16px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.cover{box-shadow:4px 4px 0 var(--ink);padding:12px}.cover-num{font-size:clamp(56px,18vw,96px)}.cover-lg{box-shadow:6px 6px 0 var(--ink);padding:18px}.cover-lg .cover-num{font-size:clamp(110px,38vw,200px)}.record-meta{font-size:12px}.player-frame{height:352px}.track{grid-template-columns:26px minmax(0,1fr) auto;gap:10px}.track-song{font-size:16px}.spotify-label{display:none}.spotify-btn{justify-content:center;width:40px;height:40px;padding:0}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.member-name{font-size:24px}.member-num{font-size:20px}.member-repeat{font-size:13px}.tl-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date vol""place vol";align-items:center;gap:2px 12px;padding:12px 4px 12px 22px}.tl-date{grid-area:date;font-size:12px}.tl-place{grid-area:place;font-size:17px}.tl-vol{grid-area:vol;font-size:20px}.tl-dot{top:50%;transform:translateY(-50%)}.masonry{columns:2;column-gap:12px}.photo{box-shadow:3px 3px 0 var(--ink);margin-bottom:14px}.lb-btn{width:40px;height:40px;top:auto;bottom:max(20px, env(safe-area-inset-bottom));transform:none}.lb-prev{left:calc(50% - 52px)}.lb-next{right:calc(50% - 52px)}.totals{grid-template-columns:repeat(2,1fr)}.total{border-bottom:1px solid var(--ink);padding:14px 16px}.total-num{font-size:44px}.bar-row,.bars:first-child .bar-row{grid-template-columns:96px minmax(0,1fr) 28px;gap:10px}.bar-name{font-size:14px}}@media (prefers-reduced-motion:reduce){.lift{transition:none}}