:root{--bg:#0e0d0c;--surface:#181614;--surface-2:#221f1c;--line:#34302b;--ink:#ece6dc;--muted:#9b9388;--accent:#e8402a;--accent-ink:#fff4ef;--bone:#e3d5b8;--youtube:#ff3b30;--bandcamp:#4fa3b8;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);font-family:Archivo,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 50% -200px, #e8402a29, transparent 70%), var(--bg);min-height:100vh;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.85rem}.app{max-width:1240px;margin:0 auto;padding:24px 16px 40px}.header{border-radius:var(--radius);border:1px solid var(--line);aspect-ratio:3;min-height:240px;margin-bottom:24px;position:relative;overflow:hidden}.header__banner,.header__banner svg{width:100%;height:100%;display:block;position:absolute;inset:0}.header__title{text-align:center;padding:0 16px;position:absolute;bottom:4%;left:0;right:0}.seo-fallback{text-align:center;max-width:640px;color:var(--muted);margin:15vh auto 0;padding:0 16px}.seo-fallback h1,.seo-fallback h2{color:var(--ink);font-size:1.4rem}.lang{border:1px solid var(--line);background:#0e0d0cbf;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:12px}.lang__btn{color:var(--muted);font:inherit;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:800}.lang__btn:hover{color:var(--ink)}.lang__btn[aria-pressed=true]{background:var(--surface-2);color:var(--bone)}.lang__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.logo{letter-spacing:.02em;color:var(--bone);text-shadow:0 2px #000,0 0 24px #e8402a73;margin:0;font-family:Metal Mania,serif;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:400;line-height:1}.tagline{color:var(--ink);opacity:.8;text-shadow:0 1px 2px #000;margin:4px 0 0;font-size:.95rem}.layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.controls{flex-direction:column;gap:16px;display:flex}@media (width>=901px){.controls{position:sticky;top:16px}}.tabs{background:var(--bg);border-radius:10px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.tab{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:9px 10px;font-weight:600}.tab[aria-selected=true]{background:var(--surface-2);color:var(--ink)}.input{background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;padding:12px 14px}.input--small{padding:8px 12px;font-size:.9rem}.input:focus{border-color:var(--accent);outline:none}.search p{margin:8px 0 0}.link{color:var(--bone);text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.link:hover{color:var(--accent)}.genres__bar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.genres__list{flex-direction:column;gap:10px;max-height:46vh;padding-right:4px;display:flex;overflow-y:auto}.genres--loading{background:linear-gradient(90deg, var(--surface-2), var(--surface), var(--surface-2));background-size:200% 100%;border-radius:10px;height:220px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.family{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 12px;font-size:.85rem;transition:background .15s,border-color .15s}.chip:hover{border-color:var(--muted)}.chip--family{text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:800}.chip--on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sources{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.segment{text-align:center;border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;flex:1;padding:7px 8px;font-size:.85rem}.segment input{opacity:0;pointer-events:none;position:absolute}.segment--on{border-color:var(--bone);color:var(--bone);background:var(--surface-2)}.segment--disabled{opacity:.4;cursor:not-allowed}.segment:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.filters{border:1px solid var(--line);border-radius:10px}.filters__summary{color:var(--muted);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:600;list-style:none;display:flex}.filters__summary::-webkit-details-marker{display:none}.filters__summary:before{content:"▸";transition:transform .15s}.filters[open]>.filters__summary:before{transform:rotate(90deg)}.filters__summary:hover,.filters[open]>.filters__summary{color:var(--ink)}.filters__count{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:0 7px;font-size:.75rem;line-height:1.5}.filters__body{flex-direction:column;gap:14px;padding:4px 12px 12px;display:flex}.filters__field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;font-size:.85rem;display:flex}.filters__field legend{margin-bottom:6px;padding:0}.filters__reset{align-self:flex-start}.deal{background:var(--accent);color:var(--accent-ink);letter-spacing:.02em;border:0;border-radius:12px;padding:16px;font-size:1.15rem;font-weight:800;transition:transform .1s,filter .15s;box-shadow:0 8px 24px #e8402a40}.deal:hover:not(:disabled){filter:brightness(1.08)}.deal:active:not(:disabled){transform:translateY(1px)}.deal:disabled{opacity:.7;cursor:progress}.order{text-align:center;margin:-6px 0 0}.error{background:#e8402a1f;border:1px solid #e8402a66;border-radius:10px;margin:0;padding:10px 12px}.stage{flex-direction:column;gap:18px;display:flex}.player{background:#000;border-radius:10px;width:100%;overflow:hidden}.player--youtube{aspect-ratio:16/9}.player--youtube iframe,.player--youtube>div{border:0;width:100%;height:100%;display:block}.player--bandcamp{background:0 0}.player--bandcamp iframe{border:0;width:100%;height:472px;display:block}.player__hint{text-align:center;margin:8px 0 0}.now{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.now__text{flex:260px;min-width:0}.now__title{overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:800}.now__artist{color:var(--bone);margin:2px 0 10px}.now__meta{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.now__actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}@media (width<=560px){.now__actions{align-items:flex-start}}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:800}.badge--youtube{color:var(--youtube);background:#ff3b3026}.badge--bandcamp{color:var(--bandcamp);background:#4fa3b826}.tag{border:1px solid var(--line);background:0 0;border-radius:999px;padding:3px 10px;font-size:.8rem}button.tag:hover{border-color:var(--accent)}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.toggle input{accent-color:var(--accent)}.placeholder{text-align:center;border:1px dashed var(--line);border-radius:10px;padding:56px 20px}.placeholder__horns{margin-bottom:8px;font-size:3rem;display:block}.placeholder p{max-width:420px;margin:6px auto}.history__head{justify-content:space-between;align-items:baseline;display:flex}.history h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 10px;font-size:.8rem}.history__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:360px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.history__item{text-align:left;background:var(--surface-2);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px;display:flex}.history__item:hover{border-color:var(--line)}.history__item--on{border-color:var(--accent)}.history__item img,.history__noimg{object-fit:cover;background:var(--bg);border-radius:6px;flex:none;width:44px;height:44px}.history__text{flex-direction:column;min-width:0;display:flex}.history__title,.history__artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history__title{font-size:.88rem;font-weight:600}.history__artist{color:var(--muted);font-size:.78rem}.footer{text-align:center;margin-top:28px}.footer p{margin:12px 0 0}.footer__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.coffee{color:#0e0d0c;background:#fd0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:800;text-decoration:none;transition:filter .15s;display:inline-flex}.coffee:hover{filter:brightness(1.08)}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(520px,100vw - 32px);color:var(--ink);padding:0}.dialog::backdrop{background:#000000b3}.dialog__body{padding:20px}.dialog__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dialog__head h2{margin:0;font-size:1.2rem}.dialog__close{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:1.6rem;line-height:1}.dialog__close:hover{color:var(--ink)}.dialog__done{flex-direction:column;gap:12px;display:flex}.dialog__done p{margin:0}.suggestion{flex-direction:column;gap:14px;display:flex}.suggestion textarea{resize:vertical;min-height:110px}.field{color:var(--muted);flex-direction:column;flex:200px;gap:6px;font-size:.85rem;display:flex}.field-row{flex-wrap:wrap;gap:12px;display:flex}.deal--small{padding:12px;font-size:1rem}@media (width<=600px){.header{min-height:200px}.tagline{display:none}}