@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2)format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff)format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2)format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff)format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2)format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--bg:#f6f3ec;--paper:#fdfbf7;--card:#ece7dc;--rule:#dad3c4;--ink:#16161a;--muted:#66635c;--faint:#6b685f;--hint:#87847b;--accent:#d2452f;--on-accent:#fdfbf7;--accent-ink:#b2321f;--hand:#2b4c9b;--amber:#e0a64a;--display:"Bricolage Grotesque", system-ui, sans-serif;--ui:"Instrument Sans", system-ui, sans-serif;--hand-font:"Caveat", cursive;--mono:"IBM Plex Mono", ui-monospace, monospace;--gutter:24px;--radius:16px}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font:16px/1.45 var(--ui);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent-ink)}a:hover{color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800;line-height:1.05}h2{font-family:var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:32px 0 8px;font-size:12px;font-weight:600}p{margin:0 0 8px}header{max-width:600px;height:44px;padding:0 calc(var(--gutter) - 10px);margin:calc(14px + env(safe-area-inset-top)) auto 0;align-items:center;display:flex}header .brand{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);padding:0 10px;font-size:24px;font-weight:800;text-decoration:none}header .back{width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;display:flex}main{max-width:600px;padding:0 var(--gutter) calc(120px + env(safe-area-inset-bottom));margin:0 auto}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--accent-ink)}.notice{background:var(--card);border-radius:12px;padding:12px 14px;font-size:14px}.grow{flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip{letter-spacing:.04em;color:var(--muted);background:var(--card);white-space:nowrap;border-radius:10px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:500}.badge{border:1.5px solid var(--accent-ink);min-width:34px;height:26px;font-family:var(--display);color:var(--accent-ink);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 7px;font-size:14px;font-weight:800;display:inline-flex}.search{width:100%;height:60px;font:18px var(--ui);color:var(--ink);background:var(--paper);border:1px solid var(--rule);appearance:none;border-radius:18px;outline:none;padding:0 18px 0 52px}.search::placeholder{color:var(--hint)}.search:focus{border-color:var(--ink)}.searchbox{align-items:center;display:flex;position:relative}.searchbox svg{color:var(--muted);pointer-events:none;position:absolute;left:18px}.filters{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.filters label,.filters .pill{border:1px solid var(--rule);height:38px;color:var(--ink);border-radius:19px;align-items:center;gap:6px;padding:0 12px 0 14px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.filters label.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filters select{opacity:0;width:100%;font:inherit;position:absolute;inset:0}.list{margin:0;padding:0;list-style:none}.list li+li{border-top:1px solid var(--rule)}.list li>a,.list li>.row,.list li>button.row{text-align:left;width:100%;color:var(--ink);align-items:center;gap:12px;padding:11px 0;text-decoration:none;display:flex}.list .date{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.list .selected{color:var(--accent-ink);font-weight:600}ol.tracks{counter-reset:t}ol.tracks li>*{height:44px;padding:0}ol.tracks li>:before{counter-increment:t;content:counter(t);width:22px;color:var(--faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.group{margin-top:26px}.group h2{text-transform:none;letter-spacing:0;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 4px;display:flex}.group h2 a{font-family:var(--display);letter-spacing:-.015em;color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}button.primary{background:var(--accent);width:100%;height:56px;color:var(--on-accent);border-radius:28px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}button.link{color:var(--accent-ink);min-height:32px;font-size:14px;font-weight:500}.recording{background:var(--card);border-radius:var(--radius);align-items:flex-start;gap:12px;margin:28px 0 0;padding:16px;font-size:15px;display:flex}p.play{margin:24px 0 0}.years{flex-wrap:wrap;gap:4px 12px;margin:12px 0;font-size:14px;display:flex}.years a{color:var(--muted);text-decoration:none}.years a.selected{color:var(--ink);font-weight:600}dl.meta{grid-template-columns:84px minmax(0,1fr);gap:10px 12px;margin:0;font-size:14px;line-height:1.45;display:grid}dl.meta dt{color:var(--faint)}dl.meta dd{overflow-wrap:anywhere;white-space:pre-line;margin:0}.art{background:var(--card);border-radius:20px;margin:8px 0;display:block}.controls{margin:30px 0 0}.controls input[type=range]{width:100%;accent-color:var(--accent)}.controls .row{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:14px;display:flex}.controls .buttons{justify-content:center;align-items:center;gap:56px;margin-top:40px;display:flex}.controls .buttons button{justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.controls .buttons button.main{background:var(--accent);width:112px;height:112px;color:var(--on-accent);border-radius:56px;font-size:36px}.mini{left:var(--gutter);right:var(--gutter);bottom:calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--ink);max-width:552px;height:64px;color:var(--paper);align-items:center;gap:4px;margin:0 auto;padding:0 8px 0 16px;display:flex;position:fixed;overflow:hidden}.mini a{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:15px;text-decoration:none;overflow:hidden}.mini a .muted{color:#ada495;font-size:13px}.mini button{width:44px;height:44px;color:var(--paper);justify-content:center;align-items:center;font-size:18px;display:flex}.mini .progress{background:var(--accent);height:2px;position:absolute;top:0;left:0}.mini .error{color:#f3a08f}.debug{max-height:40vh;font:11px/1.3 var(--mono);color:#9f9;white-space:pre-wrap;z-index:10;background:#000000d9;margin:0;padding:6px 8px;position:fixed;bottom:96px;left:0;right:0;overflow:auto}.artcard{background:var(--card);border-radius:20px;justify-content:center;align-items:center;height:clamp(240px,78vw,300px);margin-top:8px;display:flex;overflow:hidden}.artcard>img{border-radius:4px;max-width:100%;max-height:100%;display:block}.cassette{width:93.5%;max-width:320px;position:relative;container-type:inline-size}.cassette svg{width:100%;height:auto;display:block}.cassette .hand{text-align:center;white-space:nowrap;width:85.66%;line-height:1;font-family:var(--hand-font);color:var(--hand);pointer-events:none;font-weight:600;position:absolute;left:7.17%}.showhead{flex-direction:column;gap:4px;margin-top:24px;display:flex}.showhead .titlerow{justify-content:space-between;align-items:center;gap:12px;margin-right:-10px;display:flex}.showhead .artist{color:var(--ink);align-self:flex-start;margin-top:2px;font-size:18px;font-weight:600;text-decoration:none}.showhead p{margin:2px 0 0;line-height:1.35}.faint{color:var(--faint);font-size:15px}.recording{flex-direction:row;align-items:flex-start}.recording .title{margin:0;font-weight:600;line-height:1.3}.recording .small{margin:4px 0 0;line-height:1.4}.recording .link{margin-top:6px;display:block}.badge.big{border-radius:10px;flex-direction:column;width:44px;height:44px;line-height:1}.badge.big b{font-size:18px}.badge.big small{font-family:var(--ui);letter-spacing:.12em;color:var(--muted);margin-top:2px;font-size:8px;font-weight:500}.versions{margin-top:12px}.versions .grow{flex-direction:column;gap:2px;display:flex}.play{flex-direction:column;gap:10px;margin-top:24px;display:flex}.play .small{text-align:center;margin:0}ol.tracks{border-top:1px solid var(--rule);margin-top:32px}ol.tracks li>:before{content:none}ol.tracks .n{width:22px;color:var(--faint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}ol.tracks .selected .row{color:var(--accent-ink);font-weight:600}ol.tracks .selected .small{color:var(--muted);font-weight:400}.eq{flex-shrink:0;align-items:flex-end;gap:2px;width:22px;height:14px;display:flex}.eq i{background:var(--accent-ink);border-radius:1px;width:3px;animation:1s ease-in-out infinite alternate eq;display:block}.eq i:first-child{height:8px;animation-delay:-.2s}.eq i:nth-child(2){height:14px}.eq i:nth-child(3){height:5px;animation-delay:-.6s}.eq i:nth-child(4){height:11px;animation-delay:-.4s}@keyframes eq{to{transform:scaleY(.45)}}@media (prefers-reduced-motion:reduce){.eq i{animation:none}}.links{margin-top:16px}.mini a{flex-direction:column;gap:2px;display:flex}.mini a strong{text-overflow:ellipsis;font-weight:600;overflow:hidden}.hero{flex-direction:column;gap:16px;margin:64px 0 32px;display:flex}.hero h1{letter-spacing:-.025em;font-size:40px;line-height:1}.hero p{margin:0;font-size:17px;line-height:1.4}.status{margin:20px 0 0}.rows .grow{flex-direction:column;gap:3px;display:flex}.rows .date{justify-content:space-between;display:flex}.rows strong{font-weight:600;line-height:1.3}.rows .small{line-height:1.35}.recent{margin-top:28px}.recent h2{justify-content:space-between;align-items:center;height:28px;margin:0 0 2px;display:flex}.recent h2 .link{color:var(--muted);font-size:13px}.recent li>a{flex-direction:column;align-items:stretch;padding:12px 0}.recent .muted{font-size:14px}.colophon{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:48px;display:flex}.colophon p{margin:0;line-height:1.5}.colophon .hand{font-family:var(--hand-font);color:var(--hand);white-space:nowrap;font-size:22px;font-weight:600;transform:rotate(-4deg)}.landing .searchbox{margin-top:0}a.browse{align-items:center;gap:6px;width:fit-content;min-height:32px;margin-top:14px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.artists .filters{margin-top:20px}.artists .letter{font-family:var(--display);letter-spacing:-.02em;text-transform:none;color:var(--ink);margin:26px 0 2px;scroll-margin-top:12px;font-size:22px;font-weight:800;line-height:1}.artists .rows strong{font-weight:500}.artists .rows .small{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.artists .rows .chip{margin-left:0}.rail{z-index:5;flex-direction:column;align-items:center;display:flex;position:fixed;top:max(100px,50% - 8*clamp(14px,2.4vh,19px));right:max(5px,50vw - 295px)}.rail button{width:16px;color:var(--muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:clamp(14px,2.4vh,19px)}.rail button:disabled{opacity:.3}.rail button.on{color:var(--accent-ink);font-weight:800}.now .artcard{border-radius:24px;height:clamp(280px,88vw,342px);margin-top:30px}.now .showhead{gap:6px;margin-top:36px}.now h1{font-size:36px}.now .titlerow{align-items:flex-start}.now .titlerow button.share{margin-top:-3px}.now .sub{color:var(--muted);align-self:flex-start;min-height:24px;font-size:17px;text-decoration:none}.now .sub:hover{color:var(--ink)}.controls input[type=range]{appearance:none;background:0 0;width:100%;height:16px;margin:0}.controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct,0%), var(--rule) var(--pct,0%));border-radius:2px;height:4px}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:0;border-radius:8px;width:16px;height:16px;margin-top:-6px}.controls input[type=range]::-moz-range-track{background:var(--rule);border-radius:2px;height:4px}.controls input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.controls input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:8px;width:16px;height:16px}.controls .row{margin-top:6px}h1.band{margin-top:8px;font-size:34px}.bandmeta{flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 0;display:flex}.years{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin:20px 0 0;padding-bottom:4px;overflow-x:auto}.years::-webkit-scrollbar{display:none}.years a{border:1px solid var(--rule);border-radius:17px;flex-shrink:0;align-items:center;height:34px;padding:0 12px;font-weight:500;display:inline-flex}.years a.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.status{color:var(--muted);align-items:center;gap:10px;margin:20px 0 0;font-size:14px;line-height:1.4;display:flex}.status.error{color:var(--accent-ink)}.status.empty{color:var(--muted)}.spinner{border:2px solid var(--rule);border-top-color:var(--ink);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.notice{margin-top:24px;line-height:1.45}ol.tracks li{align-items:center;gap:4px;display:flex}ol.tracks li>.row{flex:1;min-width:0}ol.tracks .target:not(.selected) .row{font-weight:600}ol.tracks .target:not(.selected){background:linear-gradient(to right, transparent, color-mix(in srgb, var(--accent) 8%, transparent), transparent)}button.share{min-width:44px;height:44px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}button.share .note{white-space:nowrap;position:absolute;top:50%;right:calc(100% - 6px);transform:translateY(-50%)}button.share:hover{color:var(--accent-ink)}button.share.labelled{justify-content:flex-start;align-self:flex-start;height:36px;padding:0;font-size:15px;font-weight:500}.play button.primary .ellipsis{min-width:0}