:root{--al-bg: #09081a;--al-bg-2: #12102c;--al-surface: #18153a;--al-border: #3d3480;--al-text: #ece8ff;--al-muted: #9b94c9;--al-blue: #5b8cff;--al-violet: #a56bff;--al-accent: #d6ff3a;--al-accent-rgb: 214, 255, 58;--al-violet-rgb: 165, 107, 255;--al-blue-rgb: 91, 140, 255;--player-h: 8.25rem;--font-display: Syne, ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-digital: "Share Tech Mono", "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--al-bg);color:var(--al-text);font-family:var(--font-mono)}body{background:radial-gradient(ellipse at 12% -10%,rgba(var(--al-violet-rgb),.28),transparent 42%),radial-gradient(ellipse at 100% 0%,rgba(var(--al-blue-rgb),.22),transparent 38%),radial-gradient(ellipse at 50% 120%,rgba(var(--al-accent-rgb),.08),transparent 36%),repeating-linear-gradient(90deg,transparent,transparent 48px,rgba(255,255,255,.018) 48px,rgba(255,255,255,.018) 49px),var(--al-bg)}app-root,.chassis{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.chassis{position:relative;padding-bottom:var(--player-h)}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:40;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(8,6,28,.14) 3px);mix-blend-mode:multiply;opacity:.4}.masthead{flex-shrink:0;z-index:20;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;padding:1.1rem 1.25rem .85rem;border-bottom:1px solid var(--al-border);background:linear-gradient(180deg,#1a1640,#100e28);box-shadow:0 10px 28px #08042059}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit}.brand__mark{width:.85rem;height:.85rem;border-radius:50%;background:var(--al-accent);box-shadow:0 0 0 3px rgba(var(--al-accent-rgb),.2),0 0 18px rgba(var(--al-accent-rgb),.7);animation:pulse 2.4s ease-in-out infinite}.brand__name{font-family:var(--font-display);font-weight:800;font-size:1.65rem;letter-spacing:-.03em;color:var(--al-text)}.brand__tag{margin:0;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--al-muted)}.nav{display:flex;flex-wrap:wrap;gap:.35rem .85rem;align-items:center}.nav a{color:var(--al-muted);text-decoration:none;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.nav a:hover,.nav__link--active{color:var(--al-accent)}main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}main>*:not(router-outlet){flex:1 1 auto;min-height:0;overflow:auto}main>.page--split{display:flex;flex-direction:column;overflow:hidden}@keyframes pulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@media(min-width:720px){:root{--player-h: 4.85rem}}@media(prefers-reduced-motion:reduce){.scanlines,.brand__mark,.eq i{animation:none}}.browse{padding:1.25rem 1.25rem 1.5rem;max-width:68rem;margin:0 auto}.browse__status{font-family:var(--font-mono);color:var(--al-accent);letter-spacing:.04em}.browse__status--error{color:#ff6b8a}.crumbs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-family:var(--font-mono);font-size:.72rem;color:var(--al-muted);margin-bottom:1.25rem}.crumbs a{color:var(--al-blue);text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs__sep{opacity:.45}.browse__title-row{display:flex;gap:1.25rem;align-items:flex-end;margin-bottom:2rem}.browse--split{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0;width:100%}.browse--split .browse__header{flex-shrink:0;padding-bottom:.85rem;margin-bottom:0}.browse--split .crumbs{margin-bottom:.7rem}.browse--split .browse__title-row{align-items:center;margin-bottom:0;gap:1rem}.browse--split .browse__hero-cover{width:5.25rem;height:5.25rem}.browse--split h1{font-size:clamp(1.25rem,2.4vw,1.85rem)}.browse--split .browse__scroll,.browse--split>.tracklist{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:.75rem;scrollbar-width:thin;scrollbar-color:var(--al-border) transparent}.browse--split.browse--album{padding:0}.browse--split.browse--album .browse__header{padding:1.15rem 1.35rem 1.05rem}.browse--split.browse--album .browse__scroll{padding:.5rem 1.35rem 1.1rem}@media(min-width:720px){.browse--split.browse--album .browse__header,.browse--split.browse--album .browse__scroll{padding-inline:1.5rem}}@media(min-width:720px){.browse--split .browse__hero-cover{width:6.25rem;height:6.25rem}}.browse__hero-cover{width:7.5rem;height:7.5rem;object-fit:cover;border-radius:.35rem;border:1px solid var(--al-border);box-shadow:0 12px 28px #08042080,0 0 0 1px rgba(var(--al-violet-rgb),.25)}.browse__eyebrow{margin:0 0 .35rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;color:var(--al-accent);text-shadow:0 0 10px rgba(var(--al-accent-rgb),.4)}.browse h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.02em;color:var(--al-text);line-height:1.1}.browse__counts{margin:.45rem 0 0;color:var(--al-muted);font-size:.85rem}.browse__counts a{color:var(--al-blue);text-decoration:none}.browse__counts a:hover{text-decoration:underline}.browse__filter{display:block;margin-top:.85rem;max-width:22rem}.browse__filter input{width:100%;appearance:none;border:1px solid var(--al-border);background:var(--al-surface);color:var(--al-text);font-family:var(--font-mono);font-size:.8rem;padding:.5rem .7rem;border-radius:.3rem}.browse__filter input:focus{outline:1px solid var(--al-accent);border-color:var(--al-accent)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.panel{margin-bottom:2rem}.panel h2,.panel__head h2{margin:0 0 .85rem;font-family:var(--font-display);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#c4b8ff}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.panel__head h2{margin:0}.panel__actions{display:flex;align-items:center;gap:.85rem}.panel__range{margin:0;font-family:var(--font-mono);font-size:.72rem;color:var(--al-muted);letter-spacing:.04em;white-space:nowrap}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1rem}.tile{display:flex;flex-direction:column;gap:.55rem;text-decoration:none;color:inherit;transition:transform .16s ease}.tile:hover{transform:translateY(-3px)}.tile__art{aspect-ratio:1;border-radius:.35rem;overflow:hidden;border:1px solid var(--al-border);background:var(--al-surface);box-shadow:0 8px 20px #08042066}.tile__art img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.tile:hover .tile__art img{transform:scale(1.04)}.tile__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--al-violet);font-size:1.6rem;background:radial-gradient(circle at 30% 20%,rgba(var(--al-violet-rgb),.22),transparent 55%),var(--al-surface)}.tile__name{font-size:.8rem;line-height:1.3;color:var(--al-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero{position:relative;display:flex;align-items:flex-end;min-height:14rem;margin:0 0 1.75rem;border-radius:.5rem;overflow:hidden;border:1px solid var(--al-border);background:radial-gradient(ellipse at 18% 20%,rgba(var(--al-violet-rgb),.38),transparent 52%),radial-gradient(ellipse at 90% 80%,rgba(var(--al-blue-rgb),.28),transparent 48%),linear-gradient(160deg,#1a1648,#0c0a24);box-shadow:0 18px 40px #08042073}.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}.hero__fade{position:absolute;inset:0;background:linear-gradient(180deg,#09081a14,#09081a47 42%,#09081ae0)}.hero__body{position:relative;z-index:1;width:100%;padding:3.5rem 1.25rem 1.2rem}.hero .browse__eyebrow{color:var(--al-accent)}.hero h1{font-size:clamp(2rem,4.5vw,3.2rem);text-shadow:0 8px 28px rgba(8,4,32,.75)}.hero .browse__counts{color:#d4cfff}.hero .browse__filter input{background:#0c0a24b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(min-width:720px){.hero{min-height:18rem}.hero__body{padding:5rem 1.5rem 1.4rem}}