:root{color-scheme:light;--bg: #f5f5f7;--surface: rgba(255, 255, 255, .82);--surface-solid: #ffffff;--surface-muted: #eeeeef;--text: #1d1d1f;--text-muted: #6e6e73;--border: rgba(29, 29, 31, .12);--accent: #0071e3;--accent-strong: #005bb5;--danger: #b42318;--shadow: 0 18px 45px rgba(0, 0, 0, .08);--radius: 8px;--sidebar: 260px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg: #101010;--surface: rgba(29, 29, 31, .78);--surface-solid: #1d1d1f;--surface-muted: #2a2a2d;--text: #f5f5f7;--text-muted: #a1a1a6;--border: rgba(245, 245, 247, .15);--accent: #2997ff;--accent-strong: #5eb0ff;--danger: #ff6b5f;--shadow: 0 20px 55px rgba(0, 0, 0, .38)}}:root[data-theme=dark]{color-scheme:dark;--bg: #101010;--surface: rgba(29, 29, 31, .78);--surface-solid: #1d1d1f;--surface-muted: #2a2a2d;--text: #f5f5f7;--text-muted: #a1a1a6;--border: rgba(245, 245, 247, .15);--accent: #2997ff;--accent-strong: #5eb0ff;--danger: #ff6b5f;--shadow: 0 20px 55px rgba(0, 0, 0, .38)}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(0,113,227,.09),transparent 28rem),linear-gradient(180deg,var(--bg),var(--bg));color:var(--text)}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:24px}.brand,.nav-item,.chip,.icon-button,.icon-text-button,.ghost-button,.primary-button,.media-main,.compact-main,.player-main,.queue-toggle,.queue-item{border:0;background:transparent;cursor:pointer}.brand{min-height:44px;display:flex;align-items:center;gap:10px;padding:8px;font-weight:700;text-align:left}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0071e3,#34c759)}.apple-brand-mark{font-size:22px;line-height:1;font-weight:700}.nav-list{display:grid;gap:6px}.nav-item{min-height:42px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);color:var(--text-muted);text-align:left}.nav-item:hover,.nav-item.is-active{color:var(--text);background:var(--surface-muted)}.nav-badge{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;color:#fff;background:var(--accent);font-size:12px}.main-area{min-width:0;padding:22px 28px 112px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.topbar h1,.section-header h2,.detail-copy h2,.news-item h3{margin:0;letter-spacing:0}.topbar h1{font-size:clamp(30px,4vw,48px);line-height:1.04}.eyebrow{margin:0 0 6px;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar-actions,.action-row,.card-actions,.compact-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar-actions{display:grid;justify-items:end;width:min(520px,42vw);min-height:64px}.content-area{max-width:none}.page-bottom-controls{margin-top:32px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(180px,260px) minmax(190px,250px) auto;align-items:end;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.page-bottom-controls h2{margin:0;font-size:18px;letter-spacing:0}.page-bottom-controls p:not(.eyebrow){margin:6px 0 0;max-width:680px;color:var(--text-muted);font-size:13px;line-height:1.5}.page-bottom-controls .segmented{align-self:end}.page-stack{display:grid;gap:18px}.search-panel,.toolbar-band,.compare-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.search-input-wrap{min-height:58px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px 7px 14px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius)}input,select{min-height:38px;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);color:var(--text);padding:8px 10px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0071e329}.select-with-icon{position:relative;display:block}.select-with-icon>svg,.select-flag{position:absolute;left:10px;top:50%;z-index:1;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.select-flag{font-size:16px;line-height:1}.select-with-icon select{padding-left:36px}.search-input-wrap input{border:0;min-height:40px;padding:0;background:transparent;box-shadow:none;font-size:18px}.filter-grid{margin-top:14px;display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px}.field{display:grid;gap:6px;min-width:0}.field>span{color:var(--text-muted);font-size:12px;font-weight:600}.primary-button,.icon-text-button,.ghost-button,.chip{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--radius);padding:8px 12px;text-decoration:none;white-space:nowrap}.primary-button{color:#fff;background:var(--accent)}.primary-button:hover{background:var(--accent-strong)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.icon-text-button,.ghost-button,.chip{background:var(--surface-solid);border:1px solid var(--border)}.icon-text-button:hover,.ghost-button:hover,.chip:hover,.icon-button:hover{border-color:var(--accent);color:var(--accent)}.quick-row{display:flex;gap:8px;flex-wrap:wrap}.history-chip{min-height:34px;display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.chip-main,.chip-remove{min-height:34px;border:0;background:transparent;color:inherit;cursor:pointer}.chip-main{display:inline-flex;align-items:center;gap:6px;padding:7px 10px}.chip-remove{width:32px;display:grid;place-items:center;border-left:1px solid var(--border);color:var(--text-muted)}.chip-main:hover,.chip-remove:hover{color:var(--accent)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-header h2{font-size:22px;line-height:1.16}.section-header p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min, 180px),1fr));gap:14px}.media-card{min-width:0;min-height:calc(var(--card-min, 180px) + 106px);display:grid;grid-template-rows:1fr auto auto;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.media-main{min-width:0;display:grid;gap:12px;text-align:left}.media-main:hover strong{color:var(--accent)}.media-copy,.compact-main span,.player-copy{min-width:0;display:grid;gap:4px}.media-copy strong,.compact-main strong,.player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-copy span,.compact-main small,.player-copy span,.media-meta{color:var(--text-muted);font-size:13px}.media-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.media-meta span:last-child{margin-left:auto}.card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:6px;justify-content:stretch}.card-actions .icon-button{width:100%;height:34px;min-width:0}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-solid);color:inherit;text-decoration:none}.icon-button:disabled{cursor:not-allowed;opacity:.42}.artwork{display:grid;place-items:center;overflow:hidden;border-radius:var(--radius);background:linear-gradient(135deg,#0071e329,#34c75924),var(--surface-muted);color:var(--text-muted)}.artwork img{width:100%;height:100%;object-fit:cover}.artwork-normal{width:100%;aspect-ratio:1}.size-slider{accent-color:var(--accent)}.artwork-large{width:min(320px,32vw);aspect-ratio:1}.artwork-playerLarge{width:100%;aspect-ratio:1}.artwork-small{width:54px;height:54px;flex:0 0 54px}.artwork-mini{width:42px;height:42px;flex:0 0 42px}.segmented{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid)}.segmented.is-wrapped{width:100%;align-items:stretch;flex-wrap:wrap}.segmented button{min-height:31px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);padding:6px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.segmented.is-wrapped button{min-height:36px;flex:1 1 132px;justify-content:center}.segmented.is-compact button{width:32px;justify-content:center;padding:6px}.segmented button.is-active{background:var(--text);color:var(--bg)}.toolbar-band{display:grid;grid-template-columns:minmax(420px,1fr) minmax(180px,240px) minmax(120px,150px);gap:12px}.toolbar-single{grid-template-columns:1fr}.field-wide{min-width:0}.feed-picker-mobile{display:none}.feed-picker-desktop{display:block}.discover-search-rails{display:grid;gap:20px;padding-top:6px}.detail-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.artwork-button{border:0;padding:0;border-radius:var(--radius);background:transparent;color:inherit;cursor:zoom-in}.detail-copy{min-width:0;display:grid;gap:14px}.detail-copy h2{font-size:clamp(30px,5vw,64px);line-height:1.02}.detail-subtitle{margin:0;color:var(--text-muted);font-size:20px}.detail-meta{display:flex;flex-wrap:wrap;gap:8px}.detail-meta span{padding:6px 9px;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:13px}.text-section{max-width:860px}.text-section p{color:var(--text-muted);line-height:1.7}.inline-artist-button{border:0;padding:0;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit}.inline-artist-button:hover{color:var(--accent)}.detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:14px}.info-panel{display:grid;gap:14px;align-content:start;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0}.info-grid div{min-width:0;padding:10px;border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border)}.info-grid dt{color:var(--text-muted);font-size:12px;font-weight:700;margin-bottom:4px}.info-grid dd{margin:0;overflow-wrap:anywhere}.artist-info-block{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}.artist-info-block img,.artist-hero img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--surface-muted)}.artist-info-block p,.artist-hero p,.muted-text{color:var(--text-muted);line-height:1.6}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-row span{padding:5px 8px;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:12px}.artist-hero{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:24px;align-items:center;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.artist-hero h2{margin:0;font-size:clamp(36px,5vw,68px);letter-spacing:0;line-height:1}.compact-list,.history-list{display:grid;gap:10px}.news-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px}.compact-item,.history-row,.comparison-row,.news-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.compact-item{min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px}.compact-main{min-width:0;display:flex;align-items:center;gap:12px;text-align:left}.compare-panel{display:grid;gap:14px}.country-picker{display:flex;gap:8px;flex-wrap:wrap}.check-chip{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);cursor:pointer}.check-chip input{width:14px;min-height:14px;accent-color:var(--accent)}.check-chip.is-active{color:var(--accent);border-color:var(--accent)}.comparison-table{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius)}.comparison-row{min-height:58px;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(110px,auto) 44px;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:10px 12px}.comparison-row:last-child{border-bottom:0}.saved-layout,.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:22px}.history-row{min-height:48px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px}.history-row small{color:var(--text-muted)}.news-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:12px}.news-item.no-image{grid-template-columns:1fr}.news-item>div{min-width:0}.news-item h3{font-size:20px;line-height:1.08}.news-item img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius);background:var(--surface-muted)}.news-item p{color:var(--text-muted);line-height:1.55}.inline-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:600;text-decoration:none}.settings-section{display:grid;gap:12px;align-content:start;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.settings-section.wide{grid-column:1 / -1}.empty-state,.error-state{min-height:170px;display:grid;place-items:center;gap:10px;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);background:#8080800a;text-align:center;padding:24px}.error-state{min-height:96px;color:var(--danger);border-color:color-mix(in srgb,var(--danger),transparent 60%)}.player-bar{position:fixed;top:18px;right:28px;width:min(520px,calc(100vw - var(--sidebar) - 56px));min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:42}.media-hidden{display:none}.player-main{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:0;text-align:left}.player-progress{grid-column:1 / -1;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.player-progress span:last-child{text-align:right}.player-progress input[type=range]{min-height:16px;height:16px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;accent-color:var(--accent)}.player-progress input[type=range]:disabled{opacity:.45}.player-expanded{position:fixed;top:94px;right:28px;z-index:43;width:min(420px,calc(100vw - var(--sidebar) - 56px));max-height:calc(100vh - 122px);overflow:auto;display:grid;gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.player-expanded.is-video{width:min(560px,calc(100vw - var(--sidebar) - 56px))}.player-video-wrap{position:relative}.player-video{width:100%;aspect-ratio:16 / 9;object-fit:contain;border-radius:var(--radius);background:#000}.player-video-expand{position:absolute;top:8px;right:8px;color:#fff;border-color:#ffffff3d;background:#0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.player-video-expand:hover{color:#fff;border-color:#ffffff6b;background:#0000009e}.player-expanded-head,.queue-toggle,.queue-item{display:flex;align-items:center}.player-expanded-head{justify-content:space-between;gap:12px;color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase}.player-expanded-copy{min-width:0;display:grid;gap:4px;text-align:center}.player-expanded-copy h2{margin:0;font-size:24px;line-height:1.08;letter-spacing:0}.player-expanded-copy p{margin:0;color:var(--text-muted)}.player-expanded-controls{display:flex;justify-content:center;align-items:center;gap:10px}.player-large-toggle{width:44px;height:44px;color:#fff;border-color:var(--accent);background:var(--accent)}.player-large-toggle:hover{color:#fff;border-color:var(--accent-strong);background:var(--accent-strong)}.player-expanded .action-row{justify-content:center}.player-queue{display:grid;gap:8px}.queue-toggle{width:100%;justify-content:space-between;min-height:36px;padding:8px 10px;border-radius:var(--radius);color:var(--text-muted);background:var(--surface-solid);border:1px solid var(--border);font-weight:700}.queue-list{display:grid;gap:6px;max-height:260px;overflow:auto}.queue-item{min-width:0;min-height:54px;gap:10px;padding:7px;border-radius:var(--radius);color:inherit;text-align:left}.queue-item:hover,.queue-item.is-active{background:var(--surface-solid)}.queue-item>.artwork-mini{flex:0 0 42px}.queue-copy{min-width:0;flex:1;display:grid;gap:2px}.queue-copy strong,.queue-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy small{color:var(--text-muted)}.lightbox,.video-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:28px;background:#000000d1}.lightbox img{max-width:min(92vw,1100px);max-height:88vh;object-fit:contain;border-radius:var(--radius);box-shadow:0 24px 80px #00000070}.video-lightbox video{width:min(92vw,1280px);max-height:86vh;border-radius:var(--radius);background:#000;box-shadow:0 24px 80px #00000070}.lightbox-close{position:fixed;top:20px;right:20px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);background:#ffffff1f;color:#fff;cursor:pointer}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shimmer-card,.shimmer-row,.shimmer-art,.shimmer-line{position:relative;overflow:hidden;background:var(--surface-muted)}.shimmer-card:after,.shimmer-row:after,.shimmer-art:after,.shimmer-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.shimmer-art{width:100%;aspect-ratio:1;border-radius:var(--radius)}.shimmer-art.large{width:min(320px,32vw)}.shimmer-line{height:14px;width:62%;border-radius:999px}.shimmer-line.wide{width:86%}.shimmer-line.short{width:38%}.shimmer-row{height:72px;border-radius:var(--radius)}@media(max-width:1120px){.app-shell{grid-template-columns:84px minmax(0,1fr);--sidebar: 84px}.brand span:last-child,.nav-item span:not(.nav-badge){display:none}.nav-item{grid-template-columns:1fr;justify-items:center}.nav-badge{position:absolute;transform:translate(14px,-12px)}.filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.saved-layout,.settings-grid,.detail-grid{grid-template-columns:1fr}.page-bottom-controls{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.page-bottom-controls>div:first-child{grid-column:1 / -1}}@media(max-width:760px){.app-shell{display:block;--sidebar: 0px}.sidebar{position:fixed;inset:auto 0 0;height:68px;padding:8px;border-right:0;border-top:1px solid var(--border);z-index:30}.brand{display:none}.nav-list{grid-template-columns:repeat(6,1fr);height:100%}.nav-item{min-height:52px;padding:7px}.main-area{padding:18px 14px 150px}.topbar,.topbar-actions{display:grid;width:100%}.topbar-actions{min-height:0}.topbar h1{font-size:34px}.search-input-wrap{grid-template-columns:24px minmax(0,1fr)}.search-input-wrap .primary-button{grid-column:1 / -1}.filter-grid,.toolbar-band{grid-template-columns:1fr}.feed-picker-desktop{display:none}.feed-picker-mobile{display:block}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card{min-height:250px}.detail-hero{grid-template-columns:1fr;padding:16px}.artist-hero,.artist-info-block{grid-template-columns:1fr}.topbar-actions{justify-items:stretch}.artwork-large,.shimmer-art.large{width:100%}.news-item{grid-template-columns:1fr}.comparison-row{grid-template-columns:54px minmax(0,1fr)}.comparison-row a{justify-self:start}.player-bar{top:10px;right:10px;width:calc(100vw - 20px);grid-template-columns:minmax(0,1fr) repeat(4,34px);gap:7px;padding:8px}.player-main{grid-template-columns:38px minmax(0,1fr);gap:8px}.player-bar .icon-button{width:34px;height:34px}.player-expanded{top:74px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 158px)}.player-expanded.is-video{width:calc(100vw - 20px)}.page-bottom-controls{grid-template-columns:1fr}}@media(max-width:440px){.result-grid,.compact-item{grid-template-columns:1fr}.compact-actions{justify-content:flex-end}}