:root{--bg-primary:#080b0a;--bg-secondary:#111614;--bg-tertiary:#171d1a;--bg-elevated:#202925;--bg-hover:#27332e;--text-primary:#ffffff;--text-secondary:#acb4b0;--text-tertiary:#6e7973;--accent:#1ed760;--accent-hover:#1fdf64;--accent-dim:rgba(30,215,96,0.12);--border:rgba(255,255,255,0.08);--danger:#e74c3c;--radius-sm:6px;--radius-md:10px;--radius-lg:20px;--player-height:66px;--nav-height:64px;--vvh:1vh;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}*,html{margin:0;padding:0}html{height:-webkit-fill-available;min-height:calc(100% + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));background:var(--bg-primary);width:100%}body,html{overflow:hidden}body,html{height:100%;min-height:calc(100vh + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));min-height:-webkit-fill-available;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#060807;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}html.ios-standalone,html.ios-standalone body{min-height:calc((var(--vvh, 1vh) * 100) + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px))}body{position:relative;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;margin:0;width:100%;max-width:100vw;padding:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);overflow-x:hidden;-webkit-touch-callout:none;touch-action:manipulation;isolation:isolate}html.ios-standalone body{overscroll-behavior-y:none}.shell-underlay{position:fixed;top:calc(0px - env(safe-area-inset-top, 0px));right:0;bottom:calc(0px - env(safe-area-inset-bottom, 0px));left:0;background:radial-gradient(circle at top,rgba(30,215,96,.14),transparent 32%),linear-gradient(180deg,#0d1110 0,var(--bg-primary) 44%,#060807 100%);z-index:0;pointer-events:none}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer}button,input,textarea{color:inherit;font:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-viewport{position:relative;display:flex;flex-direction:column;height:100%;min-height:calc(100vh + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));background:radial-gradient(circle at top,rgba(30,215,96,.14),transparent 32%),linear-gradient(180deg,#0d1110 0,var(--bg-primary) 44%,#060807 100%);min-height:-webkit-fill-available;overflow:hidden;isolation:isolate;z-index:1}html.ios-standalone .app-viewport{height:calc((var(--vvh, 1vh) * 100) + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));min-height:calc((var(--vvh, 1vh) * 100) + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px))}.shell-badge{right:calc(env(safe-area-inset-right, 0px) + 12px);z-index:99;pointer-events:none;padding:6px 10px;background:rgba(17,22,20,.72);color:var(--text-tertiary);font-size:11px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.connectivity-banner,.shell-badge{position:fixed;top:calc(var(--safe-top) + 12px);border-radius:999px;border:1px solid rgba(255,255,255,.08);font-weight:600;letter-spacing:.01em}.connectivity-banner{left:50%;transform:translateX(-50%);z-index:98;max-width:min(92vw,420px);padding:9px 14px;background:rgba(17,22,20,.84);color:var(--text-primary);font-size:12px;box-shadow:0 14px 32px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:connectivity-slide-in .22s ease}.connectivity-banner-online{border-color:rgba(30,215,96,.24);color:#dfffe8}.connectivity-banner-offline{border-color:rgba(255,184,77,.2);color:#ffe0a8}.playback-banner{top:calc(var(--safe-top) + 56px)}.page{flex:1 1 auto;padding:calc(var(--safe-top) + 14px) 16px calc(var(--player-offset, 0px) + var(--nav-height) + env(safe-area-inset-bottom, 0px) + 8px);overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.page>*{animation:page-enter .26s ease both}.page>:nth-child(2){animation-delay:36ms}.page>:nth-child(3){animation-delay:66ms}.page>:nth-child(4){animation-delay:96ms}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes connectivity-slide-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.page-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;line-height:.98;letter-spacing:-.04em;margin-bottom:22px}.section-title{font-size:clamp(1.5rem,4.2vw,1.85rem);font-weight:700;letter-spacing:-.03em;margin-bottom:14px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));grid-gap:16px;gap:16px}.album-wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-gap:14px;gap:14px}.album-card{display:flex;flex-direction:column;gap:10px;cursor:pointer;padding:6px;border-radius:var(--radius-md);transition:background .2s}.album-card:hover{background:var(--bg-hover)}.album-wall-card{display:flex;flex-direction:column;gap:10px;padding:4px;border-radius:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04)}.album-wall-art{width:100%;aspect-ratio:1;border-radius:18px;overflow:hidden}.album-wall-meta{padding-inline:2px}.album-art{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.album-art svg{width:40%;height:40%;color:var(--text-tertiary)}.album-card-title{font-size:15px;font-weight:600;line-height:1.2}.album-card-subtitle{font-size:12px;color:var(--text-secondary);line-height:1.25}.home-page{display:flex;flex-direction:column;gap:28px}.home-hero{position:relative;overflow:hidden;padding:20px 18px;border-radius:28px;background:radial-gradient(circle at top right,rgba(30,215,96,.18),transparent 34%),linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--bg-secondary);border:1px solid var(--border);box-shadow:0 20px 44px rgba(0,0,0,.24)}.home-hero-personal{background:radial-gradient(circle at top left,rgba(30,215,96,.18),transparent 36%),linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),var(--bg-secondary)}.discover-hero{position:relative;overflow:hidden;padding:20px 18px;border-radius:28px;background:radial-gradient(circle at top right,rgba(107,163,255,.16),transparent 30%),radial-gradient(circle at bottom left,rgba(30,215,96,.12),transparent 34%),linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--bg-secondary);border:1px solid var(--border);box-shadow:0 20px 44px rgba(0,0,0,.24)}.discover-hero:after{content:"";position:absolute;inset:auto auto -42% -12%;width:220px;height:220px;border-radius:50%;background:rgba(107,163,255,.08);filter:blur(24px)}.library-hero{position:relative;overflow:hidden;padding:20px 18px;border-radius:28px;background:radial-gradient(circle at top center,rgba(255,255,255,.06),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),var(--bg-secondary);border:1px solid var(--border);box-shadow:0 20px 44px rgba(0,0,0,.24)}.home-hero:after{content:"";position:absolute;inset:auto -18% -50% auto;width:220px;height:220px;border-radius:50%;background:rgba(30,215,96,.09);filter:blur(20px)}.home-hero-kicker{position:relative;z-index:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#9bf3ba;margin-bottom:10px}.home-hero-title{position:relative;z-index:1;font-size:clamp(2.2rem,8vw,3.3rem);line-height:.92;letter-spacing:-.06em;margin-bottom:12px}.home-hero-copy{position:relative;z-index:1;max-width:30rem;color:var(--text-secondary);font-size:14px;line-height:1.5}.home-pill-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.home-pill{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--text-secondary)}.hero-action-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-primary);font-size:13px;font-weight:600}.hero-action svg{width:16px;height:16px}.hero-action-primary{background:var(--accent);color:#051009;border-color:rgba(30,215,96,.3)}.hero-action:disabled{opacity:.45}.home-utility-row{display:flex;flex-wrap:wrap;gap:10px}.home-utility-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:13px;font-weight:600}.quick-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.quick-link-card{display:flex;flex-direction:column;gap:8px;min-height:140px;padding:16px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--border)}.quick-link-card-accent{background:radial-gradient(circle at top right,rgba(30,215,96,.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}.quick-link-title{font-size:20px;font-weight:700;letter-spacing:-.03em}.quick-link-copy{font-size:13px;color:var(--text-secondary);line-height:1.5}.home-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.home-stat-card{padding:16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.home-stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.home-stat-value{margin-top:8px;font-size:30px;font-weight:800;letter-spacing:-.05em}.home-stat-value-small{font-size:24px}.home-stat-meta{margin-top:8px;font-size:12px;color:var(--text-secondary);line-height:1.4}.home-top-artist-card{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px;border-radius:22px;background:radial-gradient(circle at top right,rgba(30,215,96,.12),transparent 34%),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.home-top-artist-name{font-size:20px;font-weight:700;letter-spacing:-.03em}.home-top-artist-meta{margin-top:4px;font-size:13px;color:var(--text-secondary)}.section-link{font-size:12px;color:var(--accent)}.album-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,46vw);grid-gap:14px;gap:14px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}.album-rail-large{grid-auto-columns:minmax(190px,58vw)}.album-rail-card{display:flex;flex-direction:column;gap:10px;scroll-snap-align:start}.home-track-rail-card{text-align:left}.album-rail-art{width:100%;aspect-ratio:1;border-radius:22px;overflow:hidden}.album-rail-copy{padding-inline:2px}.album-rail-title{font-size:16px;font-weight:700;letter-spacing:-.03em}.album-rail-subtitle{margin-top:4px;font-size:12px;color:var(--text-secondary)}.artist-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,34vw);grid-gap:14px;gap:14px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}.artist-rail-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid var(--border);scroll-snap-align:start}.artist-rail-name{font-size:16px;font-weight:700;letter-spacing:-.03em;max-width:100%}.artist-rail-meta{font-size:12px;color:var(--text-secondary);max-width:100%}.mix-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mix-card,.mix-grid{display:grid;grid-gap:14px;gap:14px}.mix-card{padding:16px;border-radius:24px;background:radial-gradient(circle at top right,rgba(30,215,96,.1),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}.mix-art{width:72px;height:72px;border-radius:20px;overflow:hidden}.mix-copy{display:grid;grid-gap:6px;gap:6px}.mix-title{font-size:18px;font-weight:800;letter-spacing:-.03em}.mix-description,.mix-meta{font-size:13px;color:var(--text-secondary)}.mix-description{line-height:1.5}.genre-chip-row,.mix-actions{display:flex;flex-wrap:wrap;gap:10px}.genre-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-primary)}.genre-chip-active{background:rgba(30,215,96,.14);border-color:rgba(30,215,96,.28);color:#dfffe8}.genre-chip-count{min-width:22px;height:22px;padding-inline:6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(30,215,96,.14);color:#9bf3ba;font-size:11px;font-weight:700}.panel{padding:16px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid var(--border)}.media-hero{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:26px;padding:18px;border-radius:28px;background:radial-gradient(circle at top right,rgba(30,215,96,.14),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),var(--bg-secondary);border:1px solid var(--border)}.artist-hero{background:radial-gradient(circle at top left,rgba(107,163,255,.15),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),var(--bg-secondary)}.media-hero-art{width:min(56vw,220px);height:min(56vw,220px);border-radius:28px;overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.28)}.media-hero-avatar{width:min(38vw,140px);height:min(38vw,140px)}.media-hero-copy{text-align:center}.media-hero-title{font-size:clamp(1.9rem,7vw,2.5rem);line-height:.96;letter-spacing:-.05em;font-weight:800}.media-hero-subtitle{display:inline-block;margin-top:8px;font-size:14px;color:var(--text-secondary)}.media-pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.media-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:12px}.media-action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.disc-stack{display:grid;grid-gap:16px;gap:16px}.disc-section{display:grid;grid-gap:12px;gap:12px}.disc-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.disc-meta{font-size:12px;color:var(--text-secondary)}.library-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.library-stat-card{padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.library-stat-value{font-size:28px;font-weight:800;letter-spacing:-.05em}.library-stat-label{margin-top:6px;font-size:12px;color:var(--text-secondary)}.playlist-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.playlist-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.artist-section-stack{display:grid;grid-gap:18px;gap:18px}.artist-section{display:grid;grid-gap:10px;gap:10px}.artist-section-letter{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-tertiary)}.library-sticky-stack{position:-webkit-sticky;position:sticky;top:calc(var(--safe-top) + 6px);z-index:8;display:grid;grid-gap:10px;gap:10px;margin-top:16px;margin-bottom:14px;padding:10px 0 2px;background:linear-gradient(180deg,rgba(8,11,10,.96),rgba(8,11,10,.84),rgba(8,11,10,0));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.control-chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.control-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);white-space:nowrap;transition:transform .15s ease,background .15s ease,color .15s ease}.control-chip:active{transform:scale(.98)}.control-chip-active{background:rgba(30,215,96,.14);border-color:rgba(30,215,96,.28);color:var(--text-primary)}.segmented-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.segmented-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);white-space:nowrap}.segmented-tab-active{background:rgba(30,215,96,.14);color:var(--text-primary);border-color:rgba(30,215,96,.28)}.segmented-tab-count{min-width:20px;height:20px;padding-inline:6px;border-radius:999px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.library-artist-grid{display:grid;grid-gap:8px;gap:8px}.playlist-stack{display:grid;grid-gap:10px;gap:10px}.playlist-card{gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.playlist-card,.playlist-glyph{display:flex;align-items:center}.playlist-glyph{width:46px;height:46px;border-radius:14px;justify-content:center;background:linear-gradient(135deg,rgba(30,215,96,.18),rgba(107,163,255,.16));color:var(--text-primary);font-size:20px;flex-shrink:0}.track-list{display:flex;flex-direction:column}.track-row-shell{position:relative;overflow:hidden}.track-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.track-row:hover{background:var(--bg-hover)}.track-row.active{color:var(--accent)}.track-row-quick-actions{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .18s ease}.track-row-open .track-row-quick-actions{opacity:1;pointer-events:auto}.track-number{width:24px;text-align:center;font-size:14px;color:var(--text-secondary);flex-shrink:0}.track-art-small{width:40px;height:40px;border-radius:4px;background:var(--bg-elevated);flex-shrink:0;display:flex;align-items:center;justify-content:center}.track-info{flex:1 1;min-width:0}.track-title{font-size:14px;font-weight:500;line-height:1.2}.track-artist{font-size:12px;color:var(--text-secondary);line-height:1.2}.track-duration{font-size:13px;color:var(--text-secondary);flex-shrink:0}.track-actions{display:flex;gap:2px;flex-shrink:0}.skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.06)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skeleton-shimmer 1.25s ease-in-out infinite}.skeleton-art{width:100%;aspect-ratio:1;border-radius:22px}.skeleton-art-small{width:40px;height:40px;border-radius:10px}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-chip{width:110px;height:42px}.skeleton-chip,.skeleton-text{border-radius:999px}.skeleton-text-sm{width:42%;height:12px}.skeleton-text-md{width:72%;height:13px}.skeleton-text-lg{width:62%;height:15px}.skeleton-text-xl{width:84%;height:28px}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,transform .15s,color .15s;color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.album-card:active,.artist-row:active,.control-chip:active,.genre-chip:active,.icon-btn:active,.playlist-card:active,.segmented-tab:active{transform:scale(.985)}.icon-btn.active{color:var(--accent)}.icon-btn svg{width:20px;height:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:50px;font-weight:600;font-size:14px;transition:all .15s}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover);transform:scale(1.04)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}@media (max-width:640px){.shell-badge{display:none}.page{padding:calc(var(--safe-top) + 8px) 14px calc(var(--player-offset, 0px) + var(--nav-height) + env(safe-area-inset-bottom, 0px) + 4px)}.page-title{margin-bottom:16px}.section-title{margin-bottom:12px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.album-card{padding:4px;gap:8px}.track-row{gap:10px;padding:9px 2px}.track-art-small{width:36px;height:36px}.track-duration{font-size:12px}.icon-btn{width:32px;height:32px}.icon-btn svg{width:18px;height:18px}.home-page{gap:18px}.discover-hero,.home-hero,.library-hero{padding:16px 15px;border-radius:22px}.home-hero-title{font-size:clamp(2rem,9vw,2.6rem);margin-bottom:10px}.home-hero-copy{font-size:12px;line-height:1.45}.home-pill-row{gap:8px;margin-top:14px}.home-pill{padding:7px 11px;font-size:11px}.hero-action-row{gap:8px;margin-top:14px}.hero-action{padding:9px 12px;font-size:12px}.quick-link-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,74vw);grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.quick-link-card{min-height:108px;padding:14px;border-radius:18px;scroll-snap-align:start}.quick-link-title{font-size:18px}.quick-link-copy{font-size:12px;line-height:1.4}.home-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-stat-card{padding:12px;border-radius:16px}.home-stat-label{font-size:10px}.home-stat-value{margin-top:6px;font-size:20px}.home-stat-value-small{font-size:16px}.home-stat-meta{margin-top:6px;font-size:10px;line-height:1.3}.home-top-artist-card{gap:12px;margin-top:12px;padding:13px;border-radius:18px}.panel{padding:14px;border-radius:18px}.media-hero{gap:14px;margin-bottom:22px;padding:16px 14px;border-radius:22px}.media-hero-art{width:min(62vw,210px);height:min(62vw,210px);border-radius:22px}.media-hero-avatar{width:min(34vw,116px);height:min(34vw,116px)}.media-hero-subtitle{font-size:13px}.media-action-row{gap:8px}.media-action-row .btn{padding:9px 14px;font-size:12px}.section-kicker{font-size:11px}.section-title{font-size:clamp(1.25rem,5.5vw,1.55rem);margin-bottom:10px}.album-rail{grid-auto-columns:minmax(138px,62vw);gap:12px}.album-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.artist-rail{grid-auto-columns:minmax(136px,52vw);gap:12px}.mix-grid{grid-template-columns:1fr}.mix-card{padding:14px;border-radius:20px}.mix-art{width:64px;height:64px;border-radius:18px}.library-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.library-stat-card{padding:12px;border-radius:16px}.library-stat-value{font-size:22px}.pagination-row{flex-wrap:wrap;justify-content:center}}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:16px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-tertiary)}.spinner{width:24px;height:24px;border:2px solid var(--bg-elevated);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-page{display:flex;align-items:center;justify-content:center;height:100%}.empty-state{text-align:center;padding:48px 16px;color:var(--text-secondary)}.empty-state h3{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.search-bar{position:relative;margin-bottom:16px}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-tertiary)}.search-bar .input{padding-left:40px}.artist-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.artist-row:hover{background:var(--bg-hover)}.pagination-row{justify-content:space-between;gap:12px}.artist-avatar,.pagination-row{display:flex;align-items:center}.artist-avatar{position:relative;overflow:hidden;width:48px;height:48px;border-radius:50%;background:var(--bg-elevated);justify-content:center;flex-shrink:0}.artist-avatar-image{width:100%;height:100%;object-fit:cover}.artist-avatar-initials{position:relative;z-index:1;font-size:14px;font-weight:800;letter-spacing:.08em;color:rgba(255,255,255,.92)}.artist-avatar-glow{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,255,255,.22),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.2));pointer-events:none}