:root{--paper:#ffffff;--ink:#000000;--muted:#6b6b6b;--line:#e6e6e6;--soft:#f3f3f2;--focus:#2457ff;--error:#b3261e;--display:"Bowlby One","Helvetica Neue",Helvetica,Arial,sans-serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:var(--sans);--gutter:20px;--header:56px;--ease:cubic-bezier(0.2,0.7,0.2,1);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121212;--ink:#f2f2f0;--muted:#a3a3a0;--line:#2b2b2b;--soft:#1f1f1f;--focus:#7a9bff;--error:#ff8a80;color-scheme:dark}}:root[data-theme=dark]{--paper:#121212;--ink:#f2f2f0;--muted:#a3a3a0;--line:#2b2b2b;--soft:#1f1f1f;--focus:#7a9bff;--error:#ff8a80;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.menu-open body{overflow:hidden}body{margin:0;background:var(--page-bg,var(--paper));color:var(--page-ink,var(--ink));font-family:var(--sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;font-synthesis:none;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.05;overflow-wrap:anywhere;letter-spacing:-.01em;font-family:var(--display)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:8px;z-index:50;padding:8px 12px;background:var(--ink);color:var(--paper)}.skip:focus{left:8px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--page-bg,var(--paper));color:var(--page-ink,var(--ink))}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--header);padding:0 var(--gutter)}.wordmark{font-size:1rem;font-weight:400;line-height:1;text-decoration:none;font-family:var(--sans)}.nav-inline{display:flex;gap:28px;font-size:.9375rem}.menu-sheet a,.nav-inline a{text-decoration:none}.nav-inline a:hover,.nav-inline a[aria-current=page]{text-decoration:underline}.menu-button{display:none;padding:0 4px;border:0;background:none;color:inherit;font:inherit;font-size:.9375rem;cursor:pointer}.header-mobile,.menu-sheet{display:none}.shuffle{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.shuffle:hover{text-decoration:underline}.shuffle.icon-only{width:44px;height:44px;justify-content:center}@media (max-width:899px){.nav-inline{display:none}.menu-button{display:block}.header-mobile{display:flex;align-items:center;gap:4px}.menu-main,.menu-more{display:flex;flex-direction:column}.menu-more{margin-top:28px;padding-top:20px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.menu-sheet .menu-more a{padding:8px 0;font-size:1.125rem;font-weight:500;font-family:var(--sans)}.menu-sheet:not([hidden]){position:fixed;inset:var(--header) 0 0 0;display:flex;flex-direction:column;gap:4px;padding:24px var(--gutter);background:var(--page-bg,var(--paper));overflow-y:auto}.menu-sheet a{padding:6px 0;font-size:30px;font-weight:800;line-height:1.05;font-family:var(--display)}.menu-sheet a[aria-current=page]{text-decoration:underline;text-decoration-thickness:3px}}.site-footer{display:grid;grid-gap:16px;gap:16px;margin-top:96px;padding:40px var(--gutter) 56px;border-top:1px solid color-mix(in srgb,var(--page-ink,var(--ink)) 11%,transparent);background:var(--page-bg,var(--paper));font-size:.875rem;color:color-mix(in srgb,var(--page-ink,var(--ink)) 62%,transparent)}.footer-mark{color:var(--page-ink,var(--ink));font-size:1rem;font-weight:400;line-height:1;text-decoration:none;font-family:var(--sans)}.site-footer p{max-width:48ch}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}.site-footer nav a{color:var(--page-ink,var(--ink));text-decoration:none}.site-footer nav a:hover{text-decoration:underline}main:has(.cover-page)+.site-footer{margin-top:0}.page-head{display:grid;grid-gap:12px;gap:12px;padding:clamp(32px,6vw,72px) var(--gutter) 28px}.page-head h1{font-size:var(--text-h1)}.page-head p{max-width:54ch;color:var(--muted);font-size:var(--text-lead)}.page-head .crumb{font-size:.875rem}.page-head .crumb a{color:var(--muted)}.page-head .page-count{font-size:.9375rem}.intro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.intro-actions form{margin:0}input,select,textarea{width:100%;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius-card);background:var(--soft);color:var(--ink);font:inherit;font-size:1rem}input:hover,select:hover,textarea:hover{border-color:var(--line)}textarea{resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-size:5px 5px,5px 5px;background-position:calc(100% - 19px) 52%,calc(100% - 14px) 52%;background-repeat:no-repeat;cursor:pointer}.field{font-size:.8125rem;color:var(--muted)}.field,.stack label{display:grid;grid-gap:6px;gap:6px}.stack label{font-size:.875rem;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid;border-radius:var(--radius-pill);background:transparent;color:inherit;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.button.solid{background:var(--ink);border-color:var(--ink);color:var(--paper)}.button.solid:hover{background:color-mix(in srgb,var(--ink) 82%,var(--paper))}.button.wide{width:100%}.button:disabled{opacity:.55;cursor:progress}.text-button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.filter-bar{position:-webkit-sticky;position:sticky;top:var(--header);z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.filter-row{display:flex;align-items:center;gap:10px;padding:12px var(--gutter)}.filter-row .search{flex:1 1 280px;max-width:380px}.filter-selects{display:flex;gap:10px}.filter-selects .field span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.filter-selects select{width:auto;min-width:150px}.filter-open{display:none;min-height:44px;padding:0 18px;border:0;border-radius:var(--radius-card);background:var(--ink);color:var(--paper);font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}.filter-count{display:flex;gap:12px;margin-left:auto;font-size:var(--text-meta);color:var(--muted);white-space:nowrap}@media (max-width:899px){.filter-selects{display:none}.filter-open{display:block}.filter-row .search{max-width:none}.filter-count{display:none}}.sheet{width:100%;max-width:560px;margin:auto auto 0;padding:0;border:0;border-radius:18px 18px 0 0;background:var(--paper);color:var(--ink)}.sheet[open]{animation:sheet-up .22s var(--ease)}.sheet::-webkit-backdrop{background:rgba(0,0,0,.4)}.sheet::backdrop{background:rgba(0,0,0,.4)}.sheet-inner{display:grid;grid-gap:16px;gap:16px;padding:20px var(--gutter) max(24px,env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:baseline;justify-content:space-between}.sheet-head h2{font-size:1.75rem}.sheet .field{font-size:.875rem;font-weight:600;color:var(--ink)}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.cover-grid{list-style:none;margin:0;padding:28px var(--gutter) 0;display:grid;grid-template-columns:1fr;grid-gap:40px 20px;gap:40px 20px}@media (min-width:560px){.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:800px){.cover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.cover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1500px){.cover-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.card{display:grid;grid-gap:2px;gap:2px;text-decoration:none}.card-sleeve{margin-bottom:12px}.card-art,.card-sleeve{position:relative;display:block}.card-art{z-index:1;aspect-ratio:1;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .32s var(--ease)}.card-art img[data-loaded]{opacity:1}.vinyl{position:absolute;top:3%;right:3%;width:94%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--soft) 0 3%,var(--label,#888) 3.4% 15%,#111 15.5% 17%,transparent 17.5%),repeating-radial-gradient(circle,#141414 0 1.2px,#1d1d1d 1.2px 2.4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .38s var(--ease)}@media (hover:hover) and (pointer:fine){.card:focus-visible .vinyl,.card:hover .vinyl{transform:translateX(7%) rotate(25deg)}}.card-title{font-weight:700;line-height:1.15;font-family:var(--display)}.card-meta{font-size:var(--text-meta);color:var(--muted)}.card:hover .card-title{text-decoration:underline}.empty{padding:28px var(--gutter);color:var(--muted);max-width:60ch}body:has(.ring-hero) .site-footer{display:none}.site-header.on-ring{--page-bg:#0b0b0c;--page-ink:#f4f1ea;background:transparent}@media (max-width:899px){html.menu-open .site-header.on-ring{background:var(--page-bg)}}.ring-hero{--glow:#444;position:relative;height:100svh;margin-top:calc(var(--header) * -1);overflow:clip;background:#0b0b0c;color:#f4f1ea;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.ring-hero:active{cursor:-webkit-grabbing;cursor:grabbing}.ring-hero:after,.ring-hero:before{content:"";position:absolute;inset:0;pointer-events:none}.ring-hero:before{background:radial-gradient(70% 45% at 50% 78%,color-mix(in srgb,var(--glow) 55%,transparent),transparent 70%);opacity:.55;transition:background 1.2s ease}.ring-hero:after{z-index:2;background:linear-gradient(transparent 85%,#0b0b0c)}.ring-scene{position:absolute;inset:0;perspective:var(--persp,900px);perspective-origin:50% 76%}.ring-cyl{position:absolute;top:76%;left:50%;width:0;height:0;transform-style:preserve-3d}.ring-card{--f:1;position:absolute;top:calc(var(--row) * var(--card) * 1.16 - var(--card) / 2);left:calc(var(--card) / -2);width:var(--card);height:var(--card);opacity:min(1,calc(var(--f) * 4));filter:brightness(calc(.45 + var(--f) * .55));will-change:transform}.ring-link,.ring-link img,.ring-link>span{display:block;width:100%;height:100%}.ring-link{overflow:hidden;transition:scale .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;-webkit-user-drag:none}.ring-link img{object-fit:cover;pointer-events:none}.ring-link:focus-visible,.ring-link:hover{scale:1.12;box-shadow:0 0 0 2px #f4f1ea,0 30px 60px -20px rgba(0,0,0,.8)}.ring-text{position:absolute;top:0;left:0;z-index:3;display:grid;justify-items:start;grid-gap:clamp(14px,2vh,24px);gap:clamp(14px,2vh,24px);padding:calc(var(--header) + clamp(16px, 4vh, 48px)) var(--gutter) 0;pointer-events:none}.ring-text h1{margin:0;max-width:14ch;font-size:var(--text-h1)}.ring-text p{margin:0;max-width:50vw;font-size:var(--text-lead);line-height:1.5;opacity:.8;text-shadow:0 1px 18px rgba(0,0,0,.9)}.ring-text h1,.ring-text p{animation:ring-in 1.2s cubic-bezier(.2,.8,.2,1) both}.ring-text p{animation-delay:.25s}.ring-scene{opacity:0}.is-ready .ring-scene{opacity:1;animation:ring-open 1.8s cubic-bezier(.2,.8,.2,1) backwards}@keyframes ring-in{0%{opacity:0;translate:0 24px;filter:blur(12px)}}@keyframes ring-open{0%{opacity:0;scale:1.5}}@media (max-width:799px){.ring-text{right:0}.ring-text h1,.ring-text p{max-width:none}}@media (prefers-reduced-motion:reduce){.is-ready .ring-scene,.ring-text h1,.ring-text p{animation:none}}.home-section{padding-top:clamp(56px,8vw,96px)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 var(--gutter)}.section-head h2{font-size:var(--text-h2)}.section-head a{font-size:.9375rem;white-space:nowrap}.doors{margin-top:clamp(64px,9vw,112px);padding:0 var(--gutter)}.doors a{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 24px;padding:20px 0;border-top:1px solid var(--line);text-decoration:none}.doors a:last-child{border-bottom:1px solid var(--line)}.door-label{font-size:clamp(2.25rem,6vw,4.5rem);font-weight:800;line-height:1;font-family:var(--display)}.door-note{color:var(--muted)}.doors a:hover .door-label{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em}.cover-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(32px,5vw,80px);gap:clamp(32px,5vw,80px);padding:clamp(32px,5vw,64px) var(--gutter) 80px;min-height:calc(100svh - var(--header));background:var(--bg);color:var(--ink)}.cover-art{position:-webkit-sticky;position:sticky;top:calc(var(--header) + clamp(32px, 5vw, 64px));align-self:start}.art-frame{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;perspective:1200px;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease)}.art-frame[data-tilt]{transition:transform 80ms linear}.art-frame img{width:100%;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}.art-light{position:absolute;inset:0;background:radial-gradient(circle at var(--lx,50%) var(--ly,50%),rgba(255,255,255,.22),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none;mix-blend-mode:soft-light}.art-frame[data-tilt] .art-light{opacity:1}.art-zoom-hint{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;opacity:0;transition:opacity .2s}.art-frame:focus-visible .art-zoom-hint,.art-frame:hover .art-zoom-hint{opacity:1}@media (hover:none){.art-zoom-hint{opacity:.85}}.cover-body{max-width:38rem}.cover-head{display:grid;grid-gap:12px;gap:12px}.cover-title{font-size:clamp(2.75rem,5.5vw,5rem);line-height:.95;overflow-wrap:anywhere}.cover-artist{font-size:1.25rem}.cover-credits{margin-top:16px;opacity:.85}.cover-actions{margin-top:24px;min-height:44px}.save{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px 10px 16px;border:1px solid;border-radius:var(--radius-pill);background:transparent;color:inherit;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.save:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.save[aria-pressed=true] svg{animation:pop .26s var(--ease)}.save-placeholder{display:inline-block;height:44px}@keyframes pop{50%{transform:scale(1.25)}}.essay{margin-top:40px;font-family:var(--serif);font-size:1.1875rem;line-height:1.65;max-width:62ch}.essay p+p{margin-top:1em}.essay-wrap{margin-top:40px}.essay-wrap .essay{margin-top:8px}.reading-time{font-size:.875rem;opacity:.7}.pull-quote{margin:36px 0;padding:0;font-family:var(--sans);font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;line-height:1.1;letter-spacing:-.01em;font-family:var(--display)}.pull-quote p:before{content:"\201C"}.pull-quote p:after{content:"\201D"}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px 24px;gap:18px 24px;margin:40px 0 0;padding-top:24px;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}.facts dt{font-size:.8125rem;opacity:.7}.facts dd{margin:2px 0 0}.cover-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}.cover-nav a{display:grid;grid-gap:2px;gap:2px;font-weight:600;line-height:1.3;text-decoration:none}.cover-nav a:hover{text-decoration:underline}.cover-nav a[rel=next]{text-align:right}.cover-nav a span{font-size:.8125rem;font-weight:400;opacity:.7}.swipe-hint{display:none;margin-top:16px;font-size:.8125rem;opacity:.7}@media (hover:none) and (pointer:coarse){.swipe-hint{display:block}}@media (max-width:799px){.cover-page{grid-template-columns:1fr;padding:0 0 64px;gap:28px}.cover-art{position:static}.cover-art img{box-shadow:none}.cover-body{padding:0 var(--gutter)}}.index-list{list-style:none;margin:0;padding:0 var(--gutter)}.index-list li{border-top:1px solid var(--line)}.index-list li:last-child{border-bottom:1px solid var(--line)}.index-list a{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;grid-gap:24px;gap:24px;padding:16px 0;text-decoration:none}.index-list img{width:88px;height:88px;object-fit:cover;background:var(--soft)}.index-text{display:grid;grid-gap:6px;gap:6px}.index-name{font-size:var(--text-h2);font-weight:800;line-height:1;font-family:var(--display)}.index-desc{max-width:60ch}.index-count,.index-desc{color:var(--muted);font-size:.9375rem}.index-list a:hover .index-name{text-decoration:underline;text-decoration-thickness:2px}@media (max-width:599px){.index-list a{grid-template-columns:64px minmax(0,1fr) auto;gap:16px}.index-list img{width:64px;height:64px}.index-desc{display:none}}.letters{position:-webkit-sticky;position:sticky;top:var(--header);z-index:10;display:flex;flex-wrap:wrap;gap:2px 4px;padding:8px var(--gutter);background:var(--paper);border-bottom:1px solid var(--line)}.letters a{display:grid;place-items:center;min-width:32px;min-height:32px;font-weight:600;text-decoration:none}.letters a:hover{text-decoration:underline}.creator-index{columns:17rem 3;column-gap:48px;padding:28px var(--gutter) 0}.creator-index section{page-break-inside:avoid;break-inside:avoid;margin-bottom:32px;scroll-margin-top:calc(var(--header) + 64px)}.creator-index h2{font-size:2rem;margin-bottom:8px}.creator-index ul{list-style:none;margin:0;padding:0}.creator-index li a{display:flex;align-items:center;gap:12px;padding:6px 0;text-decoration:none}.creator-index img{flex:none;width:44px;height:44px;object-fit:cover;background:var(--soft)}.creator-index li a>span{display:grid;line-height:1.3}.creator-name{font-weight:600}.creator-role{font-size:.8125rem;color:var(--muted)}.creator-index li a:hover .creator-name{text-decoration:underline}.panel{display:grid;grid-gap:20px;gap:20px;align-content:start;max-width:34rem;padding:clamp(32px,6vw,72px) var(--gutter) 0}.panel.wide{max-width:60rem}.panel h1{font-size:clamp(2.75rem,7vw,4.5rem)}.panel>p{color:var(--muted);font-size:var(--text-lead)}.stack{display:grid;grid-gap:18px;gap:18px}.stack .button{justify-self:start}.notice{padding:14px 16px;border-radius:var(--radius-card);background:var(--soft)}.form-error{color:var(--error);font-weight:600}.section-title{padding:48px var(--gutter) 0;font-size:var(--text-h2)}.subs{padding-bottom:8px}.sub-list{list-style:none;margin:20px 0 0;padding:0 var(--gutter)}.sub-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:14px 0;border-top:1px solid var(--line)}.status{font-size:.875rem;font-weight:600}.status-pending{color:var(--muted)}.status-rejected{color:var(--error)}.review-group h2{font-size:1.75rem;margin:24px 0 8px}.review-group ul{list-style:none;margin:0;padding:0}.review{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.review>div{display:grid;grid-gap:4px;gap:4px}.review-title{font-size:1.125rem}.review-meta{font-size:var(--text-meta);color:var(--muted)}.review-note{font-family:var(--serif);max-width:60ch}.review-actions{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.admin-h{font-size:2.25rem;margin-top:24px}@media (max-width:700px){.review{grid-template-columns:1fr}}::view-transition-group(cover-art){animation-duration:.42s;animation-timing-function:var(--ease)}::view-transition-new(root),::view-transition-old(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){*,::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important;transition:none!important}}@media (min-width:1500px){.recent .cover-grid li:nth-child(n+11){display:none}}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px 48px}.footer-about{display:grid;grid-gap:12px;gap:12px}.newsletter{display:grid;grid-gap:8px;gap:8px;width:min(100%,420px)}.newsletter-label{color:var(--page-ink,var(--ink));font-weight:600}.newsletter-row{display:flex;gap:8px}.newsletter-row input{flex:1 1}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.theme-toggle{display:inline-flex;padding:3px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,currentColor 30%,transparent)}.theme-toggle button{min-height:32px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:none;color:inherit;font:inherit;cursor:pointer}.theme-toggle button[aria-checked=true]{background:var(--page-ink,var(--ink));color:var(--page-bg,var(--paper))}kbd{display:inline-block;min-width:1.6em;padding:0 5px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:4px;font:inherit;font-size:.8125rem;text-align:center}.shortcuts{position:fixed;right:16px;bottom:16px;z-index:60;display:grid;grid-gap:12px;gap:12px;width:min(340px,calc(100vw - 32px));padding:20px;border-radius:var(--radius-card);background:var(--paper);color:var(--ink);box-shadow:0 20px 60px -20px rgba(0,0,0,.45);border:1px solid var(--line)}.shortcuts h2{font-size:1.5rem}.shortcuts dl{display:grid;grid-gap:8px;gap:8px;margin:0}.shortcuts dl div{display:flex;gap:12px}.shortcuts dt{min-width:44px;font-weight:700}.shortcuts dd{margin:0}.shortcuts .text-button{justify-self:start}::view-transition-old(root){animation:fade-out .18s ease both}::view-transition-new(root){animation:fade-in .26s ease both}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}.collection-list{list-style:none;margin:0;padding:0 var(--gutter);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:40px 28px;gap:40px 28px}.collection-list.compact{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 20px;margin-top:20px}.collection-card{display:grid;align-content:start;grid-gap:18px;gap:18px;height:100%;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);overflow:clip;text-decoration:none;transition:border-color .2s}.collection-card:hover{border-color:color-mix(in srgb,currentColor 40%,transparent)}.collection-stack{position:relative;display:block;aspect-ratio:1.45}.collection-stack img,.stack-empty{position:absolute;top:0;left:calc(var(--i, 0) * 15%);width:55%;aspect-ratio:1;object-fit:cover;box-shadow:0 16px 30px -18px rgba(0,0,0,.6);transform:translateY(calc(var(--i, 0) * 4%)) rotate(calc((var(--i, 0) - 1.5) * 2deg));transition:transform .36s var(--ease);z-index:calc(4 - var(--i, 0))}.stack-empty{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line),0 12px 24px -18px rgba(0,0,0,.35)}.collection-card:hover .collection-stack img,.collection-card:hover .stack-empty{transform:translateY(calc(var(--i, 0) * 4%)) translateX(calc(var(--i, 0) * 1.5%)) rotate(calc((var(--i, 0) - 1.5) * 2.6deg))}.collection-text{display:grid;grid-gap:6px;gap:6px}.collection-title{font-size:var(--text-h2);font-weight:800;line-height:1;font-family:var(--display)}.collection-card:hover .collection-title{text-decoration:underline;text-decoration-thickness:2px}.collection-desc{color:var(--muted);max-width:50ch}.collection-count{font-size:var(--text-meta);color:var(--muted)}.h-hero{display:grid;grid-gap:18px;gap:18px;padding:clamp(40px,8vw,104px) var(--gutter) clamp(32px,5vw,56px)}.h-era-num,.h-kicker{margin:0;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.h-kicker{color:var(--muted)}.h-hero-lede{max-width:58ch;margin:6px 0 0;font-family:var(--serif);font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.45}.h-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.h-rail-wrap{position:-webkit-sticky;position:sticky;top:var(--header);z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.h-progress{height:3px;background:var(--line)}.h-progress span{display:block;height:100%;background:var(--ink);transform-origin:left;transition:transform .15s linear}.h-filters,.h-rail{display:flex;gap:6px;overflow-x:auto;padding:10px var(--gutter);scrollbar-width:none}.h-filters::-webkit-scrollbar,.h-rail::-webkit-scrollbar{display:none}.h-filters{align-items:center;padding-top:0}.h-filters button,.h-rail button{flex:none;min-height:34px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:none;color:inherit;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.h-filters button:hover,.h-rail button:hover{border-color:var(--ink)}.h-rail button[aria-current=true]{background:var(--era-bg);color:var(--era-ink);border-color:var(--era-bg)}.h-filters button{min-height:30px;font-size:.8125rem;font-weight:500}.h-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.h-filter-count{flex:none;margin-left:auto;padding-left:12px;font-size:.8125rem;color:var(--muted)}.h-era{scroll-margin-top:calc(var(--header) + 96px)}.h-era-band{display:grid;grid-gap:28px;gap:28px;overflow:clip;padding:clamp(40px,7vw,88px) var(--gutter);background:var(--era-bg);color:var(--era-ink)}.h-era-band h2{margin:10px 0 18px;font-size:clamp(2.5rem,7vw,5.5rem);line-height:.92;letter-spacing:-.02em;font-family:var(--display)}.h-era-intro{max-width:60ch;margin:0;font-family:var(--serif);font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.5}.h-era-sound{max-width:60ch;margin:22px 0 0;padding-top:14px;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);font-size:.9375rem}.h-era-artists>span,.h-era-sound span{display:block;margin-bottom:4px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.h-era-poster{display:grid;grid-gap:10px;gap:10px;align-content:start;color:inherit;text-decoration:none;width:min(100%,420px);padding:8px}.h-era-poster-art{display:block;aspect-ratio:1;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.55);transform:rotate(-2deg);transition:transform .5s var(--ease)}.h-era-poster:hover .h-era-poster-art{transform:rotate(0deg) scale(1.02)}.h-era-poster-art img{width:100%;height:100%;object-fit:cover}.h-era-poster-cap{font-size:.8125rem;opacity:.8}.h-era-artists ul{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}.h-era-artists button{min-height:34px;padding:4px 14px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:var(--radius-pill);background:none;color:inherit;font:inherit;font-size:.875rem;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.h-era-artists button:focus-visible,.h-era-artists button:hover{background:var(--era-ink);color:var(--era-bg);transform:translateY(-1px)}.h-era-artists button:after{content:" +";opacity:.6}@media (min-width:900px){.h-era-band{grid-template-columns:minmax(0,1fr) minmax(260px,380px);column-gap:clamp(40px,6vw,96px)}.h-era-poster{grid-row:span 2}}.h-moments{position:relative;margin:0;padding:clamp(32px,5vw,64px) var(--gutter) 8px;list-style:none}.h-moment{position:relative;display:grid;grid-gap:10px;gap:10px;padding:0 0 clamp(36px,5vw,56px) 28px;scroll-margin-top:calc(var(--header) + 110px)}.h-moment:before{content:"";position:absolute;left:5px;top:8px;bottom:0;width:2px;background:var(--line)}.h-dot{position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:var(--era-bg);box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--ink)}.h-when{font-size:.9375rem;font-weight:800;font-family:var(--display)}.h-card h3{margin:0 0 10px;font-size:clamp(1.375rem,2.6vw,1.875rem);line-height:1.1;letter-spacing:-.01em}.h-card>p{max-width:64ch;margin:0;font-family:var(--serif);font-size:var(--text-lead);line-height:1.6}.h-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.h-tags button{min-height:0;padding:2px 10px;border:0;border-radius:var(--radius-pill);background:var(--soft);color:var(--muted);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer}.h-tags button:hover{color:var(--ink)}.h-card>p.h-stat{font-family:var(--sans)}.h-stat{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:18px 0 0;padding:12px 18px;background:var(--era-bg);color:var(--era-ink)}.h-stat-value{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1;font-family:var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.h-stat-label{font-size:.875rem}.h-records{flex-wrap:wrap;margin:20px 0 0;padding:0;list-style:none}.h-record,.h-records{display:flex;gap:10px}.h-record{align-items:center;max-width:300px;min-height:56px;padding:6px 14px 6px 6px;border:1px solid var(--line);color:inherit;text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease)}.h-record.has-cover:hover{border-color:var(--ink);transform:translateY(-2px)}.h-record-art{flex:none;width:44px;height:44px;overflow:hidden}.h-record-art img{width:100%;height:100%;object-fit:cover}.h-record-icon{flex:none;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,var(--era-bg) 0 18%,var(--paper) 19% 23%,#161616 24% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.h-record{flex-direction:column;align-items:stretch;gap:0;padding:6px}.h-record-link,.h-record-main{display:flex;align-items:center;gap:10px;min-width:0;padding-right:8px;color:inherit;text-decoration:none}.h-record-link:hover strong{text-decoration:underline}.h-listen{margin:6px 0 0;padding:6px 4px 0;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.h-listen>span:first-child{margin-right:6px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.h-listen a{color:var(--ink)}.h-era-artists button{display:inline-flex;align-items:center}.h-record-icon.gear,.h-record-icon.label,.h-record-icon.show{border-radius:6px;background:var(--era-bg);display:grid;place-items:center}.h-record-icon.gear:before,.h-record-icon.label:before,.h-record-icon.show:before{color:var(--era-ink);font-size:.6875rem;font-weight:800;letter-spacing:.04em}.h-record-icon.gear:before{content:"GEAR"}.h-record-icon.label:before{content:"LABEL";font-size:.5625rem}.h-record-icon.show:before{content:"TV"}.h-record-icon.film{border-radius:4px;background:repeating-linear-gradient(90deg,#161616 0 8px,var(--era-bg) 8px 10px)}.h-record-text{display:grid;min-width:0;line-height:1.25}.h-record-text strong{font-size:.875rem;overflow-wrap:anywhere}.h-record-text span{font-size:.75rem;color:var(--muted)}.h-empty{padding:0 0 32px;color:var(--muted)}.h-era-more{margin:0;padding:0 var(--gutter) clamp(40px,6vw,72px);font-size:var(--text-meta);color:var(--muted)}@media (min-width:760px){.h-moment{grid-template-columns:170px minmax(0,1fr);gap:32px;padding-left:0}.h-moment:before{left:175px}.h-dot{left:170px}.h-when{padding-right:20px;text-align:right;font-size:1.125rem}}@media (prefers-reduced-motion:no-preference){.h-moment .h-card,.h-moment .h-when{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.h-moment .h-when{transition-delay:.05s}.h-moment.is-in .h-card,.h-moment.is-in .h-when{opacity:1;transform:none}.h-era-band .h-era-poster-art{transform:rotate(-8deg) translateY(30px);opacity:0;transition:transform .9s var(--ease),opacity .9s var(--ease)}.h-era-band.is-in .h-era-poster-art{transform:rotate(-2deg);opacity:1}.h-era-band.is-in .h-era-poster:hover .h-era-poster-art{transform:rotate(0deg) scale(1.02)}.h-moment.is-flash .h-card{animation:h-flash 2.4s var(--ease)}}@keyframes h-flash{0%,60%{box-shadow:0 0 0 10px var(--era-bg);background:color-mix(in srgb,var(--era-bg) 12%,var(--paper))}to{box-shadow:0 0 0 10px transparent}}@media (prefers-reduced-motion:reduce){.h-moment.is-flash .h-card{outline:3px solid var(--ink);outline-offset:8px}}.h-guide{display:grid;grid-gap:1px;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.h-guide-item{padding:24px var(--gutter);background:var(--paper)}.h-guide-item h3,.h-sub{margin:0 0 8px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.h-guide-item h3:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--era-bg);box-shadow:0 0 0 1px var(--ink);vertical-align:1px}.h-guide-item p{margin:0;max-width:62ch;font-family:var(--serif);font-size:1rem;line-height:1.6}@media (min-width:760px){.h-guide{grid-template-columns:1fr 1fr}.h-guide-item{padding:28px 32px}}@media (min-width:1200px){.h-guide{grid-template-columns:repeat(3,1fr)}}.h-sub{padding:clamp(32px,5vw,56px) var(--gutter) 0;font-size:.8125rem}.h-sub span{margin-left:6px;color:var(--muted)}.h-sub+.h-moments{padding-top:24px}.h-guide-wrap{border-bottom:1px solid var(--line)}.h-guide-wrap summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:18px var(--gutter);cursor:pointer;font-weight:800;list-style:none}.h-guide-wrap summary::-webkit-details-marker{display:none}.h-guide-wrap summary:before{content:"+";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--era-bg);color:var(--era-ink);font-weight:800}.h-guide-wrap[open] summary:before{content:"–"}.h-guide-wrap summary span{font-weight:400;font-size:var(--text-meta);color:var(--muted)}.h-guide-wrap .h-guide{border-top:1px solid var(--line);border-bottom:0}.h-years{margin:0;padding:clamp(28px,4vw,48px) var(--gutter) 8px;list-style:none}.h-year{position:relative;display:grid;grid-gap:12px;gap:12px;padding:0 0 clamp(36px,5vw,56px) 28px;scroll-margin-top:calc(var(--header) + 110px)}.h-year:before{content:"";position:absolute;left:5px;top:10px;bottom:0;width:2px;background:var(--line)}.h-year-label{font-size:1rem;line-height:1.25;font-family:var(--display)}.h-year .h-dot{top:6px}.h-year-body{display:grid;grid-gap:28px;gap:28px;min-width:0}.h-entry{scroll-margin-top:calc(var(--header) + 110px)}.h-when-note{margin:0 0 6px;color:var(--muted);font-size:.875rem;font-weight:600}.h-year-rel{margin:0 0 12px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.h-year-records .h-key-grid{padding:0}@media (min-width:760px){.h-year{grid-template-columns:170px minmax(0,1fr);gap:32px;padding-left:0}.h-year:before{left:175px}.h-year .h-dot{left:170px}.h-year-label{padding-right:20px;text-align:right;position:-webkit-sticky;position:sticky;top:calc(var(--header) + 110px);align-self:start}.h-year-body{padding-left:32px}}@media (prefers-reduced-motion:no-preference){.h-year .h-year-body,.h-year .h-year-label{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.h-year.is-in .h-year-body,.h-year.is-in .h-year-label{opacity:1;transform:none}.h-entry.is-flash .h-card{animation:h-flash 2.4s var(--ease)}}.h-keys{padding-bottom:clamp(24px,4vw,40px);border-top:1px solid var(--line)}.h-key-grid{--card-w:240px;display:grid;grid-template-columns:repeat(auto-fill,var(--card-w));grid-gap:16px;gap:16px;margin:16px 0 0;padding:0;list-style:none}@media (max-width:599px){.h-key-grid{grid-template-columns:1fr}}.h-key{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper)}.h-key-art,.h-key-link{display:block}.h-key-art{width:100%;aspect-ratio:1;overflow:hidden;background:var(--soft)}.h-key-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.h-key-link:hover .h-key-art img{transform:scale(1.04)}.h-key-body{padding:14px 16px 16px}.h-key-art.is-blank{display:flex;align-items:flex-end;padding:16px;background:var(--era-bg);color:var(--era-ink)}.h-key-art.is-blank span{font-size:1.25rem;font-weight:800;line-height:1.05;font-family:var(--display);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.h-key-art.is-blank.kind-song{align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle closest-side,var(--era-bg) 0 30%,#161616 31% 94%,var(--soft) 95%);color:#fff}.h-key-art.is-blank.kind-song span{display:none}.h-key-body h4{margin:2px 0 0;font-size:1rem;line-height:1.2}.h-key-body h4 a{color:inherit;text-decoration:none}.h-key-body h4 a:hover{text-decoration:underline}.h-key-artist,.h-key-meta{margin:0;font-size:.75rem;color:var(--muted)}.h-key-meta{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem}.h-key-note{margin:8px 0 0;font-family:var(--serif);font-size:.9375rem;line-height:1.5}.h-key .h-listen{margin-top:8px}.person-modal{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}.person-modal:focus{outline:none}.person-modal::-webkit-backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.person-modal::backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.person-inner{display:grid}.person-body{padding:24px 24px 8px}.person-era{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.person-body h2{margin:8px 0 4px;font-size:clamp(2rem,5vw,3rem);line-height:.95;font-family:var(--display)}.person-role{margin:0 0 16px;color:var(--muted);font-size:.9375rem}.person-text{margin:0;font-family:var(--serif);font-size:var(--text-lead);line-height:1.6}.person-works{margin-top:18px}.person-works>span{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.person-works ul{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}.person-works li{padding:4px 12px;background:var(--soft);border-radius:var(--radius-pill);font-size:.8125rem}.person-credit{margin:18px 0 0;font-size:.8125rem;color:var(--muted)}.person-nav{position:-webkit-sticky;position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--paper);border-top:1px solid var(--line);font-size:.875rem}.person-nav button{min-height:38px;min-width:38px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-pill);background:none;color:inherit;font:inherit;cursor:pointer}.person-nav button:hover{border-color:var(--ink)}.person-nav .person-close{margin-left:auto;background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (min-width:760px){.person-body{padding:32px 32px 16px}}@media (prefers-reduced-motion:no-preference){.person-modal[open] .person-inner{animation:person-in .35s var(--ease)}}@keyframes person-in{0%{opacity:0;transform:translateY(12px)}}.h-sources{padding:clamp(40px,6vw,72px) var(--gutter);border-top:1px solid var(--line)}.h-sources h2{font-size:1.5rem}.h-sources p{color:var(--muted);margin:6px 0 16px}.h-sources ul{columns:320px 2;column-gap:40px;margin:0;padding:0;list-style:none;font-size:.875rem}.h-sources li{page-break-inside:avoid;break-inside:avoid;padding:4px 0}.h-source-group{margin-top:32px}.h-source-group h3{font-size:1rem}.h-source-group h3 span{color:var(--muted);font-family:var(--sans);font-weight:400}.h-sources ul{columns:300px 3}.reading-progress{position:fixed;top:var(--header);left:0;right:0;z-index:25;height:3px;background:var(--ink);transform-origin:left;transform:scaleX(var(--progress,0));pointer-events:none}.cover-actions{display:flex;flex-wrap:wrap;gap:10px}.share-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font-size:.9375rem}.palette{margin-top:20px}.palette-label{font-size:.8125rem;opacity:.7;margin-bottom:8px}.palette ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px}.palette button{display:grid;grid-gap:6px;gap:6px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:copy}.palette-chip{display:block;height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}.palette-hex{font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.8}.rating{margin-top:40px}.rating-label{font-weight:600}.rating-avg{font-weight:400;opacity:.75}.stars{display:flex;gap:2px;margin-top:6px}.stars button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:none;color:inherit;cursor:pointer;transition:transform .14s var(--ease)}.stars button:hover{transform:scale(1.12)}.stars-placeholder{height:46px}.rating-signin{display:inline-block;margin-top:6px}.sleeve-back{margin-top:40px;padding:24px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:var(--radius-card)}.sleeve-back h2{font-size:1.5rem;margin-bottom:16px}.sleeve-back dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px 24px;gap:14px 24px;margin:0}.sleeve-people{padding-bottom:16px;margin-bottom:16px!important;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}.sleeve-back dt{font-size:.75rem;opacity:.7}.sleeve-back dd{margin:2px 0 0;font-size:.9375rem}.sleeve-people dd{font-weight:700;font-size:var(--text-lead)}.sleeve-mark{margin-top:20px;font-weight:800;font-family:var(--display);opacity:.6}.related{padding-top:64px;color:var(--page-ink,var(--ink))}.related .card-meta{color:inherit;opacity:.7}.related .section-head h2{font-size:var(--text-h2)}.list-sheet .list-choices{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px;max-height:45vh;overflow-y:auto}.check,.list-choices label{display:flex!important;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-weight:500!important}.check input,.list-choices input{width:20px;height:20px;min-height:0;padding:0;accent-color:var(--ink)}.list-new{display:flex;gap:8px}.list-new input{flex:1 1}.page-pad{padding:16px var(--gutter) 0;max-width:560px}.list-manage{font-size:.9375rem}.empty-inline{color:var(--muted)}.list-remove{border:0;padding:0;margin:0}.list-remove legend{font-weight:600;margin-bottom:6px}.list-remove ul{list-style:none;margin:0;padding:0;max-height:30vh;overflow-y:auto}.list-remove li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.button.danger,.danger,.text-button.danger{color:var(--error)}.button.danger{border-color:var(--error)}.danger-row{color:var(--muted)}.settings{padding:16px var(--gutter) 0;max-width:560px}.profile-settings{margin-bottom:24px}.lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0b0b0b;color:#fff}.lightbox::-webkit-backdrop{background:#0b0b0b}.lightbox::backdrop{background:#0b0b0b}.lightbox[open]{display:grid;grid-template-rows:1fr auto}.lightbox-stage{display:grid;place-items:center;overflow:hidden;touch-action:none;cursor:-webkit-grab;cursor:grab}.lightbox-stage img{max-width:94vw;max-height:calc(100dvh - 90px);object-fit:contain;transition:transform .12s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.lightbox-bar button{min-width:44px;min-height:44px;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-pill);background:none;color:#fff;font:inherit;font-size:1.125rem;cursor:pointer}.lightbox-bar button:disabled{opacity:.35}.lightbox-bar span{min-width:52px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lightbox-close{padding:0 18px;margin-left:12px;font-size:1rem!important}.quiz{display:grid;grid-gap:18px;gap:18px;max-width:560px;padding:0 var(--gutter)}.quiz-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.9375rem}.quiz-frame{aspect-ratio:1;overflow:hidden}.quiz-frame img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.quiz-options{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.quiz-options button{display:grid;grid-gap:2px;gap:2px;width:100%;min-height:64px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.quiz-options button:hover:not(:disabled){border-color:var(--ink)}.quiz-options button span{font-size:var(--text-meta);color:var(--muted)}.quiz-options button[data-state=right]{border-color:#1f8a46;box-shadow:inset 0 0 0 1px #1f8a46}.quiz-options button[data-state=wrong]{border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}.quiz-options button:disabled:not([data-state]){opacity:.5}.quiz-feedback{min-height:1.5em;font-weight:600}.quiz .button{justify-self:start}.quiz-end{gap:14px}.quiz-score{font-size:clamp(4rem,14vw,7rem);font-weight:800;line-height:1;font-family:var(--display)}.quiz-review{list-style:none;margin:16px 0 0;padding:0}.quiz-review a{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line);text-decoration:none}.quiz-review img{width:48px;height:48px;object-fit:cover}.quiz-review span{display:grid}.quiz-review span span{font-size:var(--text-meta);color:var(--muted)}@media (max-width:459px){.quiz-options{grid-template-columns:1fr}}.panel .crumb{font-size:var(--text-meta);color:var(--muted)}.admin-tiles{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.admin-tiles a{display:grid;grid-gap:4px;gap:4px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);text-decoration:none}.admin-tiles a:hover{border-color:var(--ink)}.admin-tile-label{font-size:1.75rem;font-weight:800;line-height:1;font-family:var(--display)}.admin-tile-note{color:var(--muted)}.admin-new,.admin-search{display:flex;flex-wrap:wrap;gap:8px}.admin-new input,.admin-search input{flex:1 1 200px}.admin-search select{width:auto}.admin-list{list-style:none;margin:0;padding:0}.admin-list.ordered>li,.admin-list>li>a,.admin-list>li>button{display:flex;align-items:center;gap:14px;width:100%;padding:10px 0;border:0;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.admin-list img,.admin-noimg{flex:none;width:48px;height:48px;object-fit:cover;background:var(--soft)}.admin-list-text{flex:1 1;display:grid}.admin-list-text span{font-size:var(--text-meta);color:var(--muted)}.admin-list a:hover strong{text-decoration:underline}.badge{padding:2px 10px;border-radius:var(--radius-pill);background:var(--soft);font-size:.8125rem;font-weight:600}.badge.live{background:var(--ink);color:var(--paper)}.order-tools{display:flex;align-items:center;gap:4px}.order-tools button:not(.text-button){width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:none;color:inherit;cursor:pointer}.order-tools button:disabled{opacity:.3}.collection-edit,.editor-people{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;border:0}.collection-edit legend,.editor-people legend{font-weight:700;margin-bottom:8px}.editor-grid{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);grid-gap:40px;gap:40px}.editor-art{display:grid;grid-gap:12px;gap:12px;align-content:start}.editor-preview{display:grid;place-items:center;aspect-ratio:1;color:var(--muted);overflow:hidden}.editor-preview img{width:100%;height:100%;object-fit:contain}.upload{cursor:pointer}.hint{font-size:.8125rem;color:var(--muted)}.editor-colors{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.editor-colors label{display:grid;grid-gap:6px;gap:6px;font-size:.875rem;font-weight:600}.color-input{display:flex;gap:6px}.color-input input[type=color]{flex:none;width:44px;padding:4px}.editor-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.editor-row.person{grid-template-columns:1.4fr 1fr auto;align-items:center}.slug-input{gap:4px;color:var(--muted);font-weight:400}.editor-bar,.slug-input{display:flex;align-items:center}.editor-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;flex-wrap:wrap;gap:12px;margin-top:28px;padding:14px 0 max(14px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}.editor-ok{color:#1f8a46;font-weight:600}.danger-zone{margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}.danger-zone summary{cursor:pointer;color:var(--error);font-weight:600}.danger-zone p{margin:10px 0;color:var(--muted)}@media (max-width:799px){.editor-grid,.editor-row{grid-template-columns:1fr}.editor-row.person{grid-template-columns:1fr 1fr}}.card-title,.collection-title{overflow-wrap:anywhere}@media (min-width:800px){.quiz{max-width:980px;grid-template-columns:minmax(0,460px) minmax(0,1fr);grid-template-areas:"top top" "frame options" "frame feedback" "frame next";grid-template-rows:auto auto auto 1fr;column-gap:32px;align-items:start}.quiz-top{grid-area:top;max-width:460px}.quiz-frame{grid-area:frame}.quiz-options{grid-area:options;grid-template-columns:1fr}.quiz-feedback{grid-area:feedback}.quiz-next{grid-area:next}.quiz-end{display:grid;grid-template-columns:1fr;grid-template-areas:none;max-width:560px}}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:var(--text-meta);color:var(--muted)}.breadcrumbs li+li:before{content:"/";margin-right:4px;opacity:.6}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:var(--ink);text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--ink)}@media (max-width:799px){.cover-page{padding:20px var(--gutter) 64px}.cover-body{padding:0}}.cover-artist{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.type-tag{display:inline-flex;align-items:center;min-height:30px;padding:2px 12px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:var(--radius-pill);font-size:.875rem;text-decoration:none}.type-tag:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.games-grid{list-style:none;margin:0;padding:0 var(--gutter);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:36px 20px;gap:36px 20px}.game-card{display:grid;grid-gap:6px;gap:6px;text-decoration:none}.game-art{display:block;aspect-ratio:1;margin-bottom:8px;overflow:hidden}.game-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.game-card:hover .game-art img{transform:scale(1.04)}.game-title{font-size:1.75rem;font-weight:800;line-height:1;font-family:var(--display)}.game-card:hover .game-title{text-decoration:underline;text-decoration-thickness:2px}.game-blurb{color:var(--muted);max-width:40ch}.year-guess{grid-gap:10px;gap:10px;align-content:start}.year-album,.year-guess{display:grid}.year-album strong{font-size:1.25rem}.year-album span{color:var(--muted)}.year-value{font-size:clamp(3.5rem,10vw,5.5rem);font-weight:800;line-height:1;font-family:var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.year-guess input[type=range]{min-height:0;padding:0;background:none;accent-color:var(--ink)}.year-ends{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--muted)}.year-guess .button{justify-self:start}.quiz-frame.blurred img{filter:blur(14px) saturate(1.1);transform:scale(1.1);transition:filter .5s var(--ease),transform .5s var(--ease)}.quiz-frame.blurred img[data-revealed]{filter:none;transform:none}.blank-title{display:grid;grid-gap:4px;gap:4px}.blank-line{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1;font-family:var(--display)}.blank-slot{display:inline-block;min-width:3ch;border-bottom:3px solid}.blank-slot[data-state=right]{color:#1f8a46}.blank-slot[data-state=wrong]{color:var(--error)}.blank-artist{color:var(--muted)}.first-pair{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.first-pair button{display:grid;grid-gap:4px;gap:4px;width:100%;padding:0 0 10px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.first-art{display:block;aspect-ratio:1;margin-bottom:8px;overflow:hidden;outline:3px solid transparent;outline-offset:3px;transition:outline-color .2s}.first-art img{width:100%;height:100%;object-fit:cover}.first-pair button:hover:not(:disabled) .first-art{outline-color:var(--line)}.first-pair button[data-state=right] .first-art{outline-color:#1f8a46}.first-pair button[data-state=wrong] .first-art{outline-color:var(--error)}.first-pair button span:last-child{color:var(--muted);font-size:.875rem}@media (min-width:800px){.quiz-blank .blank-title,.quiz-year .year-guess{grid-area:options}.quiz-blank .quiz-options{grid-area:feedback;grid-template-columns:1fr 1fr}.quiz-blank .quiz-feedback{grid-area:next}.quiz-blank{grid-template-areas:"top top" "frame options" "frame feedback" "frame next" "frame next2"}.quiz-blank .quiz-next{grid-area:next2}.quiz-year .quiz-feedback{grid-area:feedback}.quiz-first{grid-template-columns:1fr;grid-template-areas:none;max-width:900px}}.lightbox-tilt{position:relative;display:grid;place-items:center;transform:perspective(1000px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));will-change:transform}.lightbox-glare{position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.28),transparent 55%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;pointer-events:none}.lightbox-tilt[data-motion] .lightbox-glare{opacity:1}@media (min-width:800px){.quiz-blank{grid-template-rows:auto auto auto auto 1fr}.quiz-first>*{grid-area:auto}.quiz-first .quiz-top{max-width:none}}.cover-artist{gap:0}.cover-artist>*+:before{content:"\00B7";display:inline-block;margin:0 .5em;opacity:.6;text-decoration:none}.cover-type{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.cover-type:hover{text-decoration-thickness:2px}.menu-theme{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.menu-theme>span{font-size:1.125rem}.nav-inline{display:none}.header-actions{position:relative;display:flex;align-items:center;gap:6px}.header-actions .shuffle{min-height:44px;padding:0 10px}.menu-button{display:inline-flex!important;align-items:center;gap:10px;min-height:44px;padding:0 4px 0 10px}.burger{position:relative;display:inline-block;width:20px;height:12px}.burger span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .22s var(--ease),top .22s var(--ease)}.burger span:first-child{top:0}.burger span:last-child{top:10px}.menu-button[aria-expanded=true] .burger span:first-child{top:5px;transform:rotate(45deg)}.menu-button[aria-expanded=true] .burger span:last-child{top:5px;transform:rotate(-45deg)}.menu-theme.sub{margin-top:14px;padding-top:0;border-top:0}@media (max-width:599px){.menu-label,.shuffle-label{display:none}}@media (min-width:900px){html.menu-open body{overflow:auto}.menu-sheet:not([hidden]){position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:420px;max-height:calc(100vh - var(--header) - 24px);overflow-y:auto;padding:22px 24px 24px;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:18px;background:var(--page-bg,var(--paper));color:var(--page-ink,var(--ink));box-shadow:0 30px 70px -25px rgba(0,0,0,.4);animation:menu-in .18s var(--ease)}.menu-main,.menu-more,.menu-sheet:not([hidden]){display:flex;flex-direction:column}.menu-sheet a{text-decoration:none}.menu-sheet .menu-main a{padding:4px 0;font-size:30px;font-weight:800;line-height:1.05;font-family:var(--display)}.menu-sheet a:hover,.menu-sheet a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}.menu-more{margin-top:18px;padding-top:14px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.menu-sheet .menu-more a{padding:6px 0;font-size:1rem}.menu-theme{margin-top:18px;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}.menu-theme>span{font-size:1rem}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}html[data-grid=small] .cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}@media (min-width:560px){html[data-grid=small] .cover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:800px){html[data-grid=small] .cover-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 14px}}@media (min-width:1100px){html[data-grid=small] .cover-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1500px){html[data-grid=small] .cover-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}html[data-grid=small] .card-title{font-size:.9375rem}html[data-grid=small] .card-meta{font-size:.75rem}html[data-grid=small] .card-sleeve{margin-bottom:8px}html[data-grid=small] .recent .cover-grid li:nth-child(n+11){display:initial}.essay>div+div{margin-top:1em}.menu-theme .theme-toggle{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:210px}.menu-theme .theme-toggle button{padding:0 8px}.image-source{margin:8px 0 0;font-size:.75rem;color:var(--muted)}.cover-art .image-source{color:inherit;opacity:.7}.image-source a{color:inherit}.nav-progress{position:fixed;top:0;left:0;z-index:100;width:100%;height:3px;background:var(--page-ink,var(--ink));transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none}.nav-progress.is-loading{opacity:1;animation:nav-creep 8s cubic-bezier(.1,.7,.2,1) forwards}.nav-progress.is-done{transform:scaleX(1);opacity:0;animation:none;transition:transform .2s ease,opacity .3s ease .15s}@keyframes nav-creep{0%{transform:scaleX(0)}10%{transform:scaleX(.3)}to{transform:scaleX(.92)}}html[data-loading] body{cursor:progress}.is-pressed{opacity:.6;transition:opacity .15s ease}.button,.h-era-artists button,.h-rail button,.menu-button,.save,.shuffle,.text-button,.theme-toggle button{transition-property:transform,background-color,color,opacity,border-color;transition-duration:.15s}.button:active:not(:disabled),.h-era-artists button:active,.h-rail button:active,.menu-button:active,.save:active:not(:disabled),.shuffle:active{transform:scale(.96)}[aria-busy=true]{position:relative;cursor:progress}button[aria-busy=true]{color:transparent!important}button[aria-busy=true]:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border:2px solid var(--page-ink,var(--ink));border-right:2px solid transparent;border-radius:50%;animation:busy-spin .7s linear infinite}.button.solid[aria-busy=true]:after{border-color:var(--paper);border-right-color:transparent}@keyframes busy-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.nav-progress.is-loading{animation:none;transform:scaleX(.6)}button[aria-busy=true]:after{animation-duration:2s}}.bookmark{display:grid;grid-gap:6px;gap:6px;justify-items:start}.bookmark-where{margin:0;font-size:.875rem;opacity:.8}.bookmark-where .text-button{color:inherit;text-decoration:underline}.list-choices small{color:var(--muted);font-size:.8125rem}.card-saved{position:absolute;top:8px;right:8px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-saved svg{width:15px;height:15px}.account-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}.account-who{display:flex;align-items:center;gap:16px;min-width:0}.account-who p{overflow-wrap:anywhere}.account-avatar{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover}.account-avatar.is-empty{display:grid;place-items:center;background:var(--soft);color:var(--muted);font-family:var(--display);font-size:1.5rem}.account-tabs{position:-webkit-sticky;position:sticky;top:var(--header);z-index:5;display:flex;gap:4px;overflow-x:auto;padding:10px var(--gutter);border-bottom:1px solid var(--line);background:var(--page-bg,var(--paper));scrollbar-width:none}.account-tabs a{display:inline-flex;flex:none;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);font-weight:600;text-decoration:none}.account-tabs a:hover{background:var(--soft)}.account-tabs a[aria-current=page]{background:var(--ink);color:var(--paper)}.account-tabs a span{font-size:.8125rem;font-weight:400;opacity:.7}.account-section{padding-top:24px;padding-bottom:48px}.account-section>.empty{padding-top:16px}.account-welcome{padding:8px var(--gutter) 24px;max-width:60ch}.account-welcome h2{font-size:1.5rem;margin-bottom:8px}.account-welcome p{color:var(--muted)}.settings{display:grid;padding-left:var(--gutter);padding-right:var(--gutter)}.settings-block{display:grid;grid-gap:16px 48px;gap:16px 48px;padding:28px 0;border-bottom:1px solid var(--line)}.settings-block:last-child{border-bottom:0}.settings-block h2{font-size:1.125rem}.settings-block p{margin-top:6px;color:var(--muted);max-width:44ch}.settings-controls{max-width:520px}@media (min-width:800px){.settings-block{grid-template-columns:280px minmax(0,1fr)}}.avatar-choices{margin:0;padding:0;border:0}.avatar-choices legend{margin-bottom:8px;font-size:.875rem;font-weight:600}.avatar-choices>div{display:flex;flex-wrap:wrap;gap:10px}.avatar-choices label{position:relative;cursor:pointer}.avatar-choices input{position:absolute;opacity:0}.avatar-choices .avatar-none span,.avatar-choices img{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--soft);color:var(--muted);font-family:var(--display);outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s}.avatar-choices input:checked+img,.avatar-choices input:checked+span{outline-color:var(--ink)}.avatar-choices input:focus-visible+img,.avatar-choices input:focus-visible+span{outline-color:var(--focus)}.toggle-row{display:flex;align-items:center;gap:12px}.switch{position:relative;flex:none;width:48px;height:28px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--line);cursor:pointer;transition:background-color .2s}.switch span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s var(--ease)}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true] span{transform:translateX(20px)}.switch[aria-busy=true]:after{display:none}.form-ok{color:var(--muted);font-weight:600}.account-back{padding:0 var(--gutter) 8px;font-size:.9375rem}.account-back a{text-decoration:none}.account-list-title{margin-bottom:8px;font-size:1.75rem}.account-welcome h3{margin:16px 0 6px;font-size:1.125rem}:root{--radius-card:10px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--text-h1:45px;--text-h2:32px;--text-h3:24px;--text-h4:20px;--text-card-title:18px;--text-body:16px;--text-lead:17px;--text-meta:14px;--text-caption:12px;--control-height:44px}@media (max-width:799px){:root{--text-h1:30px;--text-h2:26px;--text-h3:22px}}body{font-size:var(--text-body)}h1:not(.h-none){font-size:var(--text-h1)}h2:not(.h-none){font-size:var(--text-h2)}h3:not(.h-none){font-size:var(--text-h3)}h4:not(.h-none){font-size:var(--text-h4)}.card-title{font-size:var(--text-card-title)}.card-meta,.filter-count{font-size:var(--text-meta)}.button,[role=button],button,input,select,summary,textarea{font-family:var(--sans);font-size:var(--text-body);font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none}.cover-head .cover-artist{font-size:16px;line-height:1.5}.sleeve-back .sleeve-people dd,.sleeve-back dd{font-size:16px}.cover-head .cover-artist a,.sleeve-facts a{color:inherit;text-decoration:underline;text-underline-offset:3px}