@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";:root{--bg: #070707;--bg-raised: #0e0e0e;--bg-card: #121212;--bg-card-2: #171717;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #f5f5f5;--muted: #9a9a9a;--accent: #8b5cf6;--accent-2: #a78bfa;--accent-deep: #5b21b6;--purple: var(--accent);--purple-2: var(--accent-2);--purple-deep: var(--accent-deep);--glow: 0 0 48px rgba(139, 92, 246, .22);--radius: 16px;--sidebar: 248px;--sidebar-rail: 76px;--panel: 320px;--player: 76px;--font: "Manrope", sans-serif;--display: "Syne", sans-serif;--btn-from: #a78bfa;--btn-to: #7c3aed;--cover-from: #3b0764;--cover-to: #a78bfa;--hero-from: #1a1028;--hero-glow: rgba(167, 139, 250, .55);--hero-border: rgba(167, 139, 250, .18);--shell-glow: rgba(139, 92, 246, .12);--nav-active-bg: rgba(139, 92, 246, .14);--nav-active-ring: rgba(139, 92, 246, .25);--auth-glow-1: rgba(139, 92, 246, .35);--auth-glow-2: rgba(91, 33, 182, .4);--auth-ring: rgba(167, 139, 250, .35);--wrapped-from: #7c3aed;--wrapped-to: #3b0764;--chart-from: #c4b5fd;--chart-to: #7c3aed;--avatar-from: #a78bfa;--avatar-to: #4c1d95;--input-bg: #101010}html[data-theme=aimp-orange]{--bg: #0b0b0b;--bg-raised: #121212;--bg-card: #181818;--bg-card-2: #221a12;--accent: #ff6a00;--accent-2: #ffb347;--accent-deep: #c44e00;--glow: 0 0 48px rgba(255, 106, 0, .28);--btn-from: #ff9a3c;--btn-to: #e85d00;--cover-from: #3d1a00;--cover-to: #ff6a00;--hero-from: #2a1400;--hero-glow: rgba(255, 106, 0, .5);--hero-border: rgba(255, 154, 60, .28);--shell-glow: rgba(255, 106, 0, .14);--nav-active-bg: rgba(255, 106, 0, .16);--nav-active-ring: rgba(255, 154, 60, .35);--auth-glow-1: rgba(255, 106, 0, .4);--auth-glow-2: rgba(196, 78, 0, .45);--auth-ring: rgba(255, 154, 60, .4);--wrapped-from: #ff6a00;--wrapped-to: #7a2e00;--chart-from: #ffb347;--chart-to: #e85d00;--avatar-from: #ff9a3c;--avatar-to: #7a2e00;--input-bg: #141414}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);letter-spacing:.01em}button,input{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,var(--auth-glow-1),transparent 36%),radial-gradient(circle at 70% 80%,var(--auth-glow-2),transparent 40%),linear-gradient(180deg,#0a0a0a,#050505);display:flex;flex-direction:column;justify-content:space-between;padding:48px}.auth-visual:after{content:"";position:absolute;inset:18% 12% auto 12%;height:280px;border:1px solid var(--auth-ring);border-radius:50%;box-shadow:0 0 80px var(--auth-glow-1);pointer-events:none}.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px 32px;background:#0b0b0b;border-left:1px solid var(--line)}.auth-card{width:min(420px,100%)}.brand-lockup{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;letter-spacing:.18em;font-size:14px}.brand-lockup img{width:36px;height:36px;object-fit:contain}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.22em;font-size:11px}h1,h2,h3{font-family:var(--display);margin:0}.display{font-size:clamp(42px,6vw,72px);line-height:.92;letter-spacing:-.04em;white-space:pre-line}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field span{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.field input{background:var(--input-bg);border:1px solid var(--line-strong);color:var(--text);border-radius:12px;padding:14px 16px;outline:none}.field input:focus{border-color:var(--accent);box-shadow:var(--glow)}.btn{border:0;cursor:pointer;border-radius:999px;padding:13px 22px;font-weight:700;letter-spacing:.04em}.btn-primary{background:linear-gradient(180deg,var(--btn-from),var(--btn-to));color:#fff;box-shadow:var(--glow)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.error-banner{background:#dc26261f;border:1px solid rgba(220,38,38,.35);color:#fca5a5;padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:14px}.app-shell{height:100%;min-height:100%;overflow:hidden;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--panel);grid-template-rows:minmax(0,1fr) var(--player);grid-template-areas:"nav main insights" "player player player";background:radial-gradient(circle at 20% 0%,var(--shell-glow),transparent 28%),var(--bg);transition:grid-template-columns .22s ease}.app-shell.is-insights-collapsed{grid-template-columns:var(--sidebar) minmax(0,1fr) 48px}.app-shell.is-nav-collapsed{grid-template-columns:var(--sidebar-rail) minmax(0,1fr) var(--panel)}.app-shell.is-nav-collapsed.is-insights-collapsed{grid-template-columns:var(--sidebar-rail) minmax(0,1fr) 48px}.sidebar,.insights{padding:28px 22px}.sidebar{grid-area:nav;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px;height:auto;max-height:100%;min-height:0;overflow:hidden}.sidebar.is-collapsed{padding:20px 10px;align-items:center}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:999px;color:var(--muted);font-weight:600;white-space:nowrap}.nav-link.router-link-active{background:var(--nav-active-bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--nav-active-ring)}.nav-icon{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0;font-size:16px;opacity:.9}.sidebar.is-collapsed .nav-link{justify-content:center;width:44px;height:44px;padding:0;border-radius:14px}.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .brand-lockup span{display:none}.sidebar.is-collapsed .brand-lockup{justify-content:center}.nav-collapse{margin-top:auto;width:36px;height:36px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:50%;background:var(--bg-card);color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:18px;align-self:flex-start}.sidebar.is-collapsed .nav-collapse{align-self:center}.nav-collapse:hover{border-color:var(--accent);color:var(--accent-2)}.nav-collapse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wave{height:28px;margin:12px 0;background:repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 6px);opacity:.8;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.main{grid-area:main;padding:32px 36px 24px;min-width:0;min-height:0;overflow-y:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}.topbar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.icon-btn{display:flex;align-items:center;gap:8px;background:transparent;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:8px 14px 8px 10px;cursor:pointer;font-weight:600;font-size:13px}.icon-btn:hover,.icon-btn.is-active{color:var(--text);border-color:var(--nav-active-ring);background:var(--nav-active-bg)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-sidebar{width:18px;height:14px;border:1.5px solid currentColor;border-radius:3px;position:relative;flex-shrink:0}.icon-sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background:currentColor}.topbar h1{font-size:28px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--avatar-from),var(--avatar-to));display:grid;place-items:center;font-weight:800}.hero{position:relative;overflow:hidden;border-radius:22px;min-height:220px;padding:36px;margin-bottom:24px;background:radial-gradient(circle at 70% 40%,var(--hero-glow),transparent 28%),linear-gradient(180deg,var(--hero-from),#0a0a0a 70%);border:1px solid var(--hero-border)}.hero:before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:90px;background:linear-gradient(180deg,transparent,rgba(10,10,10,.9))}.hero h2{max-width:640px;font-size:clamp(28px,4vw,48px);line-height:.95;white-space:pre-line}.hero p{max-width:420px;color:#d4d4d4}.hero-dismiss{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;border:1px solid var(--line-strong);border-radius:50%;background:#00000059;color:var(--text);font-size:22px;line-height:1;cursor:pointer}.hero-dismiss:hover{border-color:var(--accent);color:var(--accent-2)}.hero-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-dismiss:disabled{opacity:.55;cursor:not-allowed}.grid-2{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-bottom:28px}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.now-title{font-size:32px;margin-bottom:6px}.live-row{display:flex;align-items:center;gap:8px;color:var(--accent-2);font-size:13px;margin-top:16px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.stat-number{font-family:var(--display);font-size:36px}.section-title{margin:8px 0 16px;font-size:18px;letter-spacing:.16em}.track-list,.rank-list{display:flex;flex-direction:column;gap:10px}.track-row,.rank-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:14px}.track-row:hover,.rank-row:hover{background:#ffffff08}.cover{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--cover-from),var(--cover-to));overflow:hidden;flex-shrink:0}.cover--lg{width:96px;height:96px;border-radius:14px}.cover--xl{width:168px;height:168px;border-radius:18px;box-shadow:var(--glow)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.latest-row{display:flex;gap:16px;align-items:flex-start}.latest-row .now-title{margin-top:0}.muted{color:var(--muted);font-size:13px}.insights{grid-area:insights;border-left:1px solid var(--line);min-width:0;min-height:0;height:auto;max-height:100%;overflow-x:hidden;overflow-y:auto;transition:padding .22s ease}.insights.is-collapsed{padding:16px 8px}.insights-toggle{width:32px;height:32px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:50%;background:var(--bg-card);color:var(--text);cursor:pointer;display:grid;place-items:center}.insights-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;margin-bottom:12px}.insights.is-collapsed .insights-head{justify-content:center;margin-bottom:0}.insights-head-title{margin-bottom:0}.insights-toggle:hover{border-color:var(--accent);color:var(--accent-2)}.insights-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.insights-chevron{font-size:18px;line-height:1}.insights-body{width:calc(var(--panel) - 44px);opacity:1;transition:opacity .16s ease}.insights.is-collapsed .insights-body{height:0;opacity:0;overflow:hidden;pointer-events:none}.insights-backdrop{display:none}.now-playing{grid-area:player;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 18px;background:var(--bg-raised);border-top:1px solid var(--line);z-index:40}.now-playing .cover{width:56px;height:56px;border-radius:8px}.now-playing-meta{min-width:0}.now-playing-meta strong,.now-playing-meta span,.now-playing-meta .artist-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-meta strong{font-size:14px}.now-playing-meta span,.now-playing-meta .artist-link{color:var(--muted);font-size:13px;margin-top:2px}.now-playing-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}.now-playing-status.is-live{color:var(--accent-2)}.now-playing-empty{margin:0;color:var(--muted);font-size:13px}.chart{display:flex;align-items:flex-end;gap:10px;height:120px;margin:16px 0 8px}.chart-bar{flex:1;background:#2a2a2a;border-radius:8px 8px 4px 4px;min-height:8px;position:relative}.chart-bar.active,.chart-bar:hover{background:linear-gradient(180deg,var(--chart-from),var(--chart-to));box-shadow:var(--glow)}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.highlight{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.highlight:last-child{border-bottom:0}.wrapped-card{margin-top:18px;padding:20px;border-radius:18px;background:linear-gradient(160deg,var(--wrapped-from),var(--wrapped-to));box-shadow:var(--glow)}.pairing-code{font-family:var(--display);font-size:42px;letter-spacing:.12em;margin:12px 0}.empty{color:var(--muted);padding:24px 0}.page-stack{display:flex;flex-direction:column;gap:20px}.device-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.status-dot{color:#86efac;font-size:13px}.wrapped-hero{min-height:calc(100vh - 80px);display:grid;place-items:center;text-align:center}.wrapped-hero h1{font-size:clamp(48px,8vw,96px)}.wrapped-copy{margin:24px auto;max-width:420px;white-space:pre-line}@media(max-width:1180px){.app-shell,.app-shell.is-insights-collapsed{grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-areas:"nav main" "player player"}.app-shell.is-nav-collapsed,.app-shell.is-nav-collapsed.is-insights-collapsed{grid-template-columns:var(--sidebar-rail) minmax(0,1fr);grid-template-areas:"nav main" "player player"}.insights{position:fixed;top:0;right:0;bottom:var(--player);width:min(var(--panel),92vw);z-index:30;background:var(--bg);box-shadow:-24px 0 48px #00000059;transform:translate(0);transition:transform .22s ease}.insights.is-collapsed{transform:translate(100%);padding:28px 22px;pointer-events:none}.insights.is-collapsed .insights-body{opacity:1}.insights-backdrop{display:block;position:fixed;inset:0 0 var(--player);z-index:25;background:#00000073}}@media(max-width:820px){.auth-shell,.grid-2{display:block}.app-shell,.app-shell.is-insights-collapsed,.app-shell.is-nav-collapsed,.app-shell.is-nav-collapsed.is-insights-collapsed{display:grid;grid-template-columns:var(--sidebar-rail) minmax(0,1fr);grid-template-areas:"nav main" "player player"}.sidebar,.sidebar.is-collapsed{padding:16px 8px;align-items:center}.sidebar .nav-label,.sidebar .brand-lockup span{display:none}.sidebar .nav-link{justify-content:center;width:44px;height:44px;padding:0;border-radius:14px}.nav-collapse{display:none}.main,.auth-panel,.auth-visual{padding:24px}.icon-btn-label{display:none}}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.choice-card{text-align:left;background:var(--bg-card-2);border:1px solid var(--line-strong);color:var(--text);border-radius:16px;padding:16px;cursor:pointer;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.choice-card:hover{border-color:var(--accent-2)}.choice-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice-card.is-active{border-color:var(--accent);box-shadow:var(--glow)}.choice-card strong{display:block;margin-bottom:4px}.theme-swatch{height:56px;border-radius:12px;margin-bottom:12px}.theme-swatch--afterplay{background:linear-gradient(135deg,#3b0764,#a78bfa)}.theme-swatch--aimp-orange{background:linear-gradient(135deg,#2a1400,#ff6a00)}.avatar-link{display:block}.dash-side-stats{display:flex;flex-direction:column;justify-content:space-between;gap:18px}.dash-counts{font-size:28px}.dash-below{margin-top:28px}.profile-password{margin-top:16px;max-width:420px}.artist-link{color:inherit}.artist-link:hover{color:var(--accent-2)}.artist-back{display:inline-flex;margin-bottom:18px;color:var(--muted);font-size:13px}.artist-back:hover{color:var(--accent-2)}.artist-hero{position:relative;min-height:280px;border-radius:var(--radius);overflow:hidden;margin-bottom:24px;background:linear-gradient(135deg,var(--hero-from),#070707);border:1px solid var(--hero-border)}.artist-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 22%;filter:brightness(.4) saturate(1.08)}.artist-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001f,#000000c7)}.artist-hero-body{position:relative;display:flex;gap:24px;padding:36px 28px 28px;align-items:flex-end;min-height:280px}.artist-name{font-family:var(--display);font-size:clamp(32px,5vw,56px);margin:4px 0 12px;line-height:.95}.artist-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);background:#00000047;font-size:12px;color:var(--muted)}.artist-site{display:inline-block;margin-top:12px;color:var(--accent-2);font-size:13px}.artist-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}.artist-bio{margin:12px 0 0;line-height:1.65;white-space:pre-wrap}.artist-bio.is-clamped{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.artist-columns{margin-top:8px}.artist-discog{margin-top:28px}.discog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.discog-card{display:flex;flex-direction:column;gap:8px}.discog-card .cover--lg{width:100%;height:auto;aspect-ratio:1}.artist-credit{margin-top:28px}@media(max-width:820px){.artist-hero-body{flex-direction:column;align-items:flex-start;min-height:0;padding:24px 18px 18px}.cover--xl{width:120px;height:120px}.artist-stats{grid-template-columns:1fr 1fr}}