:root{--bg-deep: #05070d;--bg-mid: #0a0e1a;--bg-soft: #131a2b;--line: rgba(232, 230, 255, .12);--line-strong: rgba(232, 230, 255, .25);--text: #e8e6ff;--text-dim: rgba(232, 230, 255, .55);--accent: #f5c518;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;width:100%;background:var(--bg-deep);color:var(--text);font-family:var(--font-display);overflow:hidden;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow-y:auto;background:radial-gradient(ellipse at 20% 10%,rgba(245,197,24,.06),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(120,100,255,.06),transparent 50%),var(--bg-deep)}.hub{min-height:100vh;display:flex;flex-direction:column;padding:32px clamp(20px,5vw,64px) 64px;gap:40px}.hub__top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}.hub__brand{display:flex;align-items:center;gap:14px}.hub__brand-mark{width:44px;height:44px;border-radius:12px;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 70%),var(--bg-soft);border:1px solid var(--line-strong);position:relative}.hub__brand-mark:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:1.5px solid var(--accent);opacity:.6}.hub__brand-text{display:flex;flex-direction:column;gap:2px}.hub__brand-name{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--text)}.hub__brand-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim)}.hub__meta{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);text-align:right}.hub__meta strong{color:var(--accent);font-weight:500}.hub__hero{max-width:720px;display:flex;flex-direction:column;gap:14px}.hub__hero-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin:0}.hub__hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,56px);letter-spacing:-1.2px;line-height:1.05;margin:0;background:linear-gradient(180deg,#fff,#b9b6df);-webkit-background-clip:text;background-clip:text;color:transparent}.hub__hero-sub{font-family:var(--font-display);font-weight:300;font-size:clamp(14px,1.6vw,17px);color:var(--text-dim);line-height:1.55;max-width:560px;margin:0}.hub__artists{display:flex;flex-direction:column;gap:36px}.artist{display:flex;flex-direction:column;gap:16px}.artist__head{display:flex;align-items:center;gap:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.artist__name{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.4px;color:var(--text);margin:0}.artist__count{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);background:#e8e6ff0f;border:1px solid var(--line);padding:4px 8px;border-radius:999px}.artist__shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.album-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:linear-gradient(180deg,var(--bg-mid) 0%,#07091a 100%);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .25s ease}.album-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 18px 48px #00000080,0 0 0 1px #f5c51826}.album-card__cover{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#000;position:relative}.album-card__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.album-card:hover .album-card__cover img{transform:scale(1.05)}.album-card__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(5,7,13,.7) 100%);pointer-events:none}.album-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}.album-card__title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.3px;color:var(--text);margin:0}.album-card__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-dim);margin:0}.album-card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent)}.album-card__cta:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.album-card.placeholder{border-style:dashed;border-color:var(--line);background:#ffffff03;cursor:default;pointer-events:none;opacity:.55}.album-card.placeholder .album-card__cover{background:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 12px,transparent 12px 24px)}.album-card.placeholder .album-card__cover:after{display:none}.album-card.placeholder .album-card__cta{color:var(--text-dim)}.album-card.placeholder .album-card__cta:before{background:var(--text-dim);box-shadow:none}.hub__footer{margin-top:auto;padding-top:24px;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);display:flex;flex-direction:column;gap:10px}.hub__footer-row--meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.hub__footer-row--powered{width:100%;text-align:center;letter-spacing:.14em;font-size:9px;opacity:.92}.hub__footer-row--powered strong{font-weight:700;text-transform:none;letter-spacing:.12em;color:var(--accent)}