:root{--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-18:18px;--spacing-20:20px;--spacing-22:22px;--spacing-24:24px;--spacing-28:28px;--spacing-32:32px;--spacing-36:36px;--spacing-40:40px;--spacing-48:48px;--spacing-56:56px;--spacing-64:64px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-16:16px;--radius-18:18px;--radius-20:20px;--radius-24:24px;--radius-28:28px;--radius-32:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 2px 10px #0f172a0f, 0 1px 2px #0f172a0d;--shadow-md:0 10px 28px #0f172a14, 0 2px 8px #0f172a0f;--shadow-lg:0 24px 70px #0f172a21, 0 8px 24px #0f172a14;--shadow-glow:0 24px 80px #007aff29;--shadow-inner-highlight:inset 0 1px 0 #ffffffbd;--duration-fast:.12s;--duration-base:.24s;--duration-slow:.42s;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-apple-standard:cubic-bezier(.25, .1, .25, 1);--ease-apple-spring:cubic-bezier(.16, 1, .3, 1);--font-family:-apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Display", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1440px;--breakpoint-3xl:1920px;--breakpoint-mobile:var(--breakpoint-sm);--breakpoint-tablet:var(--breakpoint-lg);--breakpoint-tablet-portrait:var(--breakpoint-md);--breakpoint-desktop:var(--breakpoint-xl);--breakpoint-wide:var(--breakpoint-2xl);--breakpoint-ultrawide:var(--breakpoint-3xl);--mini-player-grid-columns:minmax(220px, 320px) minmax(280px, 1fr) minmax(250px, 420px);--mini-player-grid-columns-compact:minmax(180px, 230px) minmax(260px, 1fr) minmax(210px, 300px);--mini-player-grid-columns-mobile:minmax(0, 1fr);--mini-player-gap:var(--spacing-20);--mini-player-gap-compact:var(--spacing-12);--mini-player-padding-inline:var(--spacing-16);--mini-player-padding-inline-mobile:var(--spacing-12);--system-blue:#007aff;--system-indigo:#5856d6;--system-purple:#af52de;--system-pink:#ff2d55;--system-red:#ff3b30;--system-orange:#ff9500;--system-yellow:#fc0;--system-green:#34c759;--system-mint:#00c7be;--system-teal:#30b0c7;--system-cyan:#32ade6;--color-info:var(--system-blue);--color-success:var(--system-green);--color-warning:var(--system-orange);--color-danger:var(--system-red);--color-info-rgb:0, 122, 255;--color-success-rgb:52, 199, 89;--color-warning-rgb:255, 149, 0;--color-danger-rgb:255, 59, 48;--color-info-bg:rgba(var(--color-info-rgb), .12);--color-success-bg:rgba(var(--color-success-rgb), .12);--color-warning-bg:rgba(var(--color-warning-rgb), .14);--color-danger-bg:rgba(var(--color-danger-rgb), .12);--color-info-border:rgba(var(--color-info-rgb), .28);--color-success-border:rgba(var(--color-success-rgb), .3);--color-warning-border:rgba(var(--color-warning-rgb), .32);--color-danger-border:rgba(var(--color-danger-rgb), .3);--color-on-info:#fff;--color-on-success:#fff;--color-on-warning:#111114;--color-on-danger:#fff;--label-primary:#111114;--label-secondary:#3c3c43ad;--label-tertiary:#3c3c4361;--label-quaternary:#3c3c4324;--system-fill-primary:#78788033;--system-fill-secondary:#78788029;--system-fill-tertiary:#7878801f;--system-fill-quaternary:#78788014;--system-background-primary:#fbfbfd;--system-background-primary-rgb:251, 251, 253;--system-background-secondary:#f2f2f7;--system-background-secondary-rgb:242, 242, 247;--system-background-tertiary:#fff;--system-background-tertiary-rgb:255, 255, 255;--system-separator-muted:#3c3c431f;--system-separator:#3c3c432e;--system-separator-strong:#3c3c4347;--system-separator-opaque:#d1d1d6;--system-grouped-background-primary:#f5f5f7;--system-grouped-background-secondary:#fff;--system-grouped-background-tertiary:#f2f2f7;--app-background:radial-gradient(circle at 8% -8%, #007aff29, transparent 34%), radial-gradient(circle at 86% 8%, #af52de24, transparent 30%), linear-gradient(180deg, #fbfbfd 0%, #f5f5f7 48%, #eef0f5 100%);--surface-raised:#ffffffb8;--surface-raised-strong:#ffffffe0;--surface-muted:#7676801a;--surface-muted-strong:#76768029;--glass-background:#ffffffad;--glass-background-strong:#ffffffd1;--glass-border:#ffffffb8;--glass-hairline:#3c3c4329;--hero-gradient:linear-gradient(135deg, #007afff2 0%, #5856d6eb 52%, #ff2d55e6 100%);--accent-gradient:linear-gradient(135deg, var(--system-blue), var(--system-purple));--success-gradient:linear-gradient(135deg, var(--system-green), var(--system-mint));--warning-gradient:linear-gradient(135deg, var(--system-orange), var(--system-pink))}@media (prefers-color-scheme:dark){:root{--system-blue:#0a84ff;--system-indigo:#5e5ce6;--system-purple:#bf5af2;--system-pink:#ff375f;--system-red:#ff453a;--system-orange:#ff9f0a;--system-yellow:#ffd60a;--system-green:#30d158;--system-mint:#63e6e2;--system-teal:#40c8e0;--system-cyan:#64d2ff;--color-info-rgb:10, 132, 255;--color-success-rgb:48, 209, 88;--color-warning-rgb:255, 159, 10;--color-danger-rgb:255, 69, 58;--color-info-bg:rgba(var(--color-info-rgb), .16);--color-success-bg:rgba(var(--color-success-rgb), .16);--color-warning-bg:rgba(var(--color-warning-rgb), .18);--color-danger-bg:rgba(var(--color-danger-rgb), .16);--color-info-border:rgba(var(--color-info-rgb), .34);--color-success-border:rgba(var(--color-success-rgb), .36);--color-warning-border:rgba(var(--color-warning-rgb), .38);--color-danger-border:rgba(var(--color-danger-rgb), .36);--color-on-warning:#111114;--label-primary:#f5f5f7;--label-secondary:#ebebf5ad;--label-tertiary:#ebebf575;--label-quaternary:#ebebf538;--system-fill-primary:#7878805c;--system-fill-secondary:#78788052;--system-fill-tertiary:#7878803d;--system-fill-quaternary:#7878802e;--system-background-primary:#050508;--system-background-primary-rgb:5, 5, 8;--system-background-secondary:#16161a;--system-background-secondary-rgb:22, 22, 26;--system-background-tertiary:#202025;--system-background-tertiary-rgb:32, 32, 37;--system-separator-muted:#54545866;--system-separator:#5454588f;--system-separator-strong:#8e8e936b;--system-separator-opaque:#38383a;--system-grouped-background-primary:#050508;--system-grouped-background-secondary:#16161a;--system-grouped-background-tertiary:#202025;--app-background:radial-gradient(circle at 10% -10%, #0a84ff3d, transparent 36%), radial-gradient(circle at 86% 0%, #bf5af238, transparent 32%), linear-gradient(180deg, #050508 0%, #0d0d12 50%, #141419 100%);--surface-raised:#1c1c1eb3;--surface-raised-strong:#202025e0;--surface-muted:#ffffff14;--surface-muted-strong:#ffffff1f;--glass-background:#1c1c1ea3;--glass-background-strong:#202025c7;--glass-border:#ffffff24;--glass-hairline:#ffffff1a;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 4px 16px #00000047;--shadow-md:0 16px 42px #0000005c;--shadow-lg:0 28px 86px #00000085;--shadow-glow:0 24px 80px #0a84ff2e;--shadow-inner-highlight:inset 0 1px 0 #ffffff1a}}:root{--primary-color:var(--system-blue);--bg-color:var(--system-background-primary);--surface-color:var(--system-background-secondary);--text-color:var(--label-primary);--text-muted:var(--label-secondary);--transition-speed:var(--duration-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--app-background);scroll-behavior:smooth;min-height:100%}body{min-height:100vh;font-family:var(--font-family);background:var(--app-background);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.6}body::selection{background:#007aff38}button,input,textarea,select{font:inherit}button{color:inherit}button,a,.clickable{min-width:44px;min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--system-blue);outline-offset:2px}img,svg,video,canvas{max-width:100%;display:block}#app{min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.04em;margin-top:0;margin-bottom:.45em;line-height:1.08}p{margin-top:0;margin-bottom:1.1em}[dir=rtl]{text-align:right}.apple-glass,.glass{background:linear-gradient(180deg, #ffffff38, #ffffff0a), var(--glass-background);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm), var(--shadow-inner-highlight);-webkit-backdrop-filter:blur(28px)saturate(180%)}.apple-glass-strong{background:linear-gradient(180deg, #ffffff47, #ffffff0f), var(--glass-background-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-md), var(--shadow-inner-highlight);-webkit-backdrop-filter:blur(34px)saturate(190%)}.apple-press-effect{transition:transform var(--duration-fast) var(--ease-apple-spring), background-color var(--duration-base) var(--ease-apple-standard), border-color var(--duration-base) var(--ease-apple-standard), box-shadow var(--duration-base) var(--ease-apple-standard), opacity var(--duration-base) var(--ease-apple-standard);transform:translateZ(0)}.apple-press-effect:hover{transform:translateY(-1px)}.apple-press-effect:active{transform:scale(.97)}.apple-state-transition{transition:transform var(--duration-base) var(--ease-apple-spring), background-color var(--duration-base) var(--ease-apple-standard), border-color var(--duration-base) var(--ease-apple-standard), color var(--duration-base) var(--ease-apple-standard), box-shadow var(--duration-base) var(--ease-apple-standard), opacity var(--duration-base) var(--ease-apple-standard)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-base) var(--ease-apple-standard)}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:opacity var(--duration-base) var(--ease-apple-standard), transform var(--duration-base) var(--ease-apple-spring), filter var(--duration-base) var(--ease-apple-standard)}.page-enter-from{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.992)}.page-leave-to{opacity:0;filter:blur(2px);transform:translateY(-8px)scale(.996)}.apple-card{background:linear-gradient(180deg, #ffffff38, #fff0), var(--surface-raised);border:1px solid var(--glass-hairline);border-radius:var(--radius-20);padding:var(--spacing-16);box-shadow:var(--shadow-sm), var(--shadow-inner-highlight);transition:transform var(--duration-base) var(--ease-apple-spring), box-shadow var(--duration-base) var(--ease-apple-standard), background-color var(--duration-base) var(--ease-apple-standard), border-color var(--duration-base) var(--ease-apple-standard);position:relative;overflow:hidden}.apple-card:hover{box-shadow:var(--shadow-md), var(--shadow-inner-highlight)}.apple-title,.apple-display-title{letter-spacing:-.055em;color:var(--label-primary);font-weight:800}.apple-heading{letter-spacing:-.04em;color:var(--label-primary);font-weight:750}.apple-eyebrow{margin:0 0 var(--spacing-8);color:var(--system-blue);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}input[type=range]{accent-color:var(--system-blue)}select,input:not([type=range]),textarea{border:1px solid var(--system-separator);border-radius:var(--radius-12);background:var(--surface-muted);color:var(--label-primary)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.minimal-scrollbar{scrollbar-width:thin;scrollbar-color:var(--label-quaternary) transparent}.minimal-scrollbar::-webkit-scrollbar{width:6px;height:6px}.minimal-scrollbar::-webkit-scrollbar-thumb{background-color:var(--label-quaternary);border-radius:999px}.minimal-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--label-tertiary)}.minimal-scrollbar::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.apple-press-effect:hover,.apple-press-effect:active{transform:none!important}}@media (prefers-contrast:more){:root{--text-muted:var(--label-primary);--system-separator:#0000008c;--system-separator-strong:#000000b8;--glass-background:var(--system-background-tertiary);--glass-background-strong:var(--system-background-tertiary)}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root{--system-separator:#ffffffa3;--system-separator-strong:#ffffffc7}}@media (prefers-color-scheme:dark){.apple-glass,.glass{background:linear-gradient(180deg, #ffffff1a, #ffffff05), var(--glass-background)}.apple-card{background:linear-gradient(180deg, #ffffff12, #fff0), var(--surface-raised)}}html,body,#app{width:100%;min-height:100%}body{background:linear-gradient(#fbfbfd 0%,#f3f6f8 100%);overflow:hidden}@media (prefers-color-scheme:dark){body{background:linear-gradient(#050508 0%,#111116 100%)}}.apple-card{border-radius:var(--radius-8)}.app-shell{min-height:100vh;color:var(--label-primary);grid-template:"sidebar main queue"minmax(0,1fr)"player player player"86px/248px minmax(0,1fr) 330px;display:grid}.app-shell.is-collapsed{grid-template-columns:84px minmax(0,1fr) 330px}.sidebar{gap:var(--spacing-24);min-width:0;padding:var(--spacing-20) var(--spacing-14);border-width:0 1px 0 0;border-radius:0;flex-direction:column;grid-area:sidebar;display:flex}.brand-row,.sidebar-footer,.section-header,.mini-player,.mini-track,.transport,.progress-zone,.button-row,.hero-actions,.chip-row{align-items:center;display:flex}.brand-row{justify-content:space-between;gap:var(--spacing-8)}.brand-mark{align-items:center;gap:var(--spacing-10);min-width:44px;min-height:44px;color:var(--label-primary);font-weight:800;display:inline-flex}.brand-mark svg{color:var(--system-blue)}.nav-stack,.queue-list,.page-stack{flex-direction:column;display:flex}.nav-stack{gap:var(--spacing-6)}.sidebar-section{gap:var(--spacing-6);display:grid}.section-kicker,.eyebrow{color:var(--system-blue);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.nav-link,.mobile-nav-link{align-items:center;gap:var(--spacing-10);border-radius:var(--radius-8);min-width:44px;min-height:44px;color:var(--label-secondary);transition:background-color var(--duration-base) var(--ease-apple-standard), color var(--duration-base) var(--ease-apple-standard), transform var(--duration-fast) var(--ease-apple-spring);font-weight:650;display:flex;position:relative}.nav-link{padding:0 var(--spacing-12)}.nav-link:hover,.mobile-nav-link:hover,.nav-link.active,.nav-link.is-section-active,.mobile-nav-link.active{color:var(--label-primary);background:var(--surface-muted-strong)}.nav-link.active:before,.nav-link.is-section-active:before{border-radius:var(--radius-pill);background:var(--system-blue);content:"";width:3px;height:22px;position:absolute;left:0}.is-collapsed .brand-mark span,.is-collapsed .nav-link span,.is-collapsed .section-kicker{display:none}.is-collapsed .nav-link,.is-collapsed .brand-mark{justify-content:center;padding-inline:0}.sidebar-footer{margin-top:auto}.main-surface{min-width:0;padding:var(--spacing-24);grid-area:main;overflow-y:auto}.page-stack{gap:var(--spacing-24);width:min(1180px,100%);padding-bottom:var(--spacing-32);margin:0 auto}.compact-page{width:min(860px,100%)}.queue-rail{min-width:0;padding:var(--spacing-20);border-width:0 0 0 1px;border-radius:0;grid-area:queue;overflow:hidden}.queue-panel{gap:var(--spacing-16);grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.queue-list{gap:var(--spacing-8);min-height:0;overflow-y:auto}.player-dock{z-index:20;min-height:86px;padding:0 var(--spacing-24);border-width:1px 0 0;border-radius:0;grid-area:player;align-items:center;display:flex}.mini-player{gap:var(--spacing-20);grid-template-columns:minmax(220px,320px) minmax(150px,1fr) minmax(260px,420px);width:100%;display:grid}.mini-track{gap:var(--spacing-12);min-width:0}.mini-track strong,.mini-track span,.track-main strong,.track-main small,.release-meta strong,.release-meta span,.playlist-card strong,.playlist-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.mini-track strong,.track-main strong,.release-meta strong,.playlist-card strong{font-weight:750}.mini-track span,.track-main small,.release-meta span,.playlist-card span,.track-album,.track-duration{color:var(--label-secondary);font-size:.88rem}.transport{justify-content:center;gap:var(--spacing-10)}.icon-button,.play-button{border-radius:var(--radius-pill);background:var(--surface-muted);width:44px;height:44px;color:var(--label-primary);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.play-button{background:var(--label-primary);color:var(--system-background-primary)}.progress-zone{justify-content:flex-end;gap:var(--spacing-10);min-width:0;color:var(--label-secondary);font-size:.78rem}.progress-track{border-radius:var(--radius-pill);background:var(--system-fill-tertiary);width:min(260px,100%);height:6px;overflow:hidden}.progress-track i{border-radius:inherit;background:var(--accent-gradient);width:34%;height:100%;display:block}.hero-stage{align-items:center;gap:var(--spacing-24);grid-template-columns:minmax(320px,.82fr) minmax(360px,1.18fr);min-height:520px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:620px}.hero-copy h1,.page-title h1,.login-card h1{margin:var(--spacing-8) 0 var(--spacing-16);color:var(--label-primary);letter-spacing:0;font-size:3.45rem;font-weight:850;line-height:1.03}.hero-lede{max-width:560px;color:var(--label-secondary);font-size:1.08rem}.hero-actions,.button-row{gap:var(--spacing-12);flex-wrap:wrap}.hero-media{border-radius:var(--radius-8);min-height:420px;position:relative;overflow:hidden}.hero-media img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:420px}.hero-now{right:var(--spacing-20);bottom:var(--spacing-20);align-items:center;gap:var(--spacing-12);width:min(320px,100% - 40px);min-height:78px;padding:var(--spacing-12);border-radius:var(--radius-8);display:flex;position:absolute}.hero-now span{color:var(--label-secondary);font-size:.78rem;font-weight:700;display:block}.hero-now strong{color:var(--label-primary);display:block}.primary-button,.secondary-button{justify-content:center;align-items:center;gap:var(--spacing-8);border-radius:var(--radius-pill);min-width:44px;min-height:44px;padding:0 var(--spacing-18);cursor:pointer;transition:transform var(--duration-fast) var(--ease-apple-spring), box-shadow var(--duration-base) var(--ease-apple-standard), background-color var(--duration-base) var(--ease-apple-standard);border:1px solid #0000;font-weight:750;display:inline-flex}.primary-button{background:var(--label-primary);color:var(--system-background-primary);box-shadow:var(--shadow-sm)}.secondary-button{background:var(--surface-muted);color:var(--label-primary);border-color:var(--system-separator-muted)}.primary-button:hover,.secondary-button:hover,.icon-button:hover,.play-button:hover{transform:translateY(-1px)}.danger-button{color:var(--system-red)}.tuning-panel{justify-content:space-between;align-items:center;gap:var(--spacing-20);display:flex}.tuning-panel h2,.section-header h2,.daylist-card h2,.video-copy h2,.premium-panel h2,.detail-hero h2,.answer-panel p{letter-spacing:0;margin:0;font-size:1.45rem;line-height:1.12}.strength-control{align-items:center;gap:var(--spacing-12);color:var(--label-secondary);grid-template-columns:auto minmax(180px,320px) auto auto;font-weight:700;display:grid}.strength-control input{width:100%}.strength-control strong{color:var(--label-primary);text-align:right;min-width:48px}.daylist-grid{gap:var(--spacing-20);grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);display:grid}.daylist-card{justify-content:flex-end;gap:var(--spacing-12);color:#fff;background:linear-gradient(135deg,#007afff0,#34c759db 52%,#ff9500d1),#007aff;flex-direction:column;min-height:310px;display:flex}.daylist-card .eyebrow,.daylist-card p{color:#ffffffd1}.daylist-card h2{color:#fff}.round-play{right:var(--spacing-18);top:var(--spacing-18);border-radius:var(--radius-pill);color:#111114;cursor:pointer;background:#ffffffeb;border:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;position:absolute}.chip-row{gap:var(--spacing-8);flex-wrap:wrap}.chip{min-height:28px;padding:0 var(--spacing-10);border:1px solid var(--system-separator-muted);border-radius:var(--radius-pill);color:inherit;background:#ffffff29;align-items:center;font-size:.8rem;font-weight:750;display:inline-flex}.section-block{gap:var(--spacing-14);display:grid}.section-header{justify-content:space-between;gap:var(--spacing-16)}.section-action{color:var(--system-blue);font-weight:750}.release-grid,.playlist-grid,.insight-grid,.settings-grid,.creator-grid{gap:var(--spacing-14);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.release-card,.playlist-card,.metric-card,.info-tile{gap:var(--spacing-12);min-width:0;display:grid}.release-card{padding:var(--spacing-12)}.playlist-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.video-strip,.premium-panel,.detail-hero,.profile-panel{align-items:center;gap:var(--spacing-20);grid-template-columns:minmax(0,1fr) auto;display:grid}.video-copy p,.premium-panel p,.detail-hero p,.text-panel p,.login-card p{color:var(--label-secondary)}.track-list{gap:var(--spacing-4);padding:var(--spacing-8);display:grid}.track-row{align-items:center;gap:var(--spacing-12);border-radius:var(--radius-8);width:100%;min-height:58px;padding:var(--spacing-6) var(--spacing-8);color:var(--label-primary);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px auto minmax(140px,1fr) minmax(120px,.55fr) 48px;display:grid}.track-row:hover,.track-row.is-active{background:var(--surface-muted)}.track-row.is-compact{grid-template-columns:28px auto minmax(0,1fr) 42px;min-height:52px}.track-row.is-compact .track-album{display:none}.track-index{color:var(--label-secondary);text-align:center;font-size:.82rem;font-weight:750}.track-main{min-width:0}.track-duration{text-align:right}.artwork{border-radius:var(--radius-8);color:#ffffffeb;letter-spacing:0;object-fit:cover;flex:none;place-items:center;font-weight:850;display:inline-grid;overflow:hidden;box-shadow:inset 0 1px #ffffff47}.artwork-tiny{width:42px;height:42px;font-size:.72rem}.artwork-small{width:56px;height:56px;font-size:.85rem}.artwork-medium{width:74px;height:74px}.artwork-large{aspect-ratio:1;width:100%;font-size:1.7rem}.art-0{background:linear-gradient(135deg,#007aff,#34c759)}.art-1{background:linear-gradient(135deg,#111114,#64d2ff)}.art-2{background:linear-gradient(135deg,#ff9500,#ff2d55)}.art-3{background:linear-gradient(135deg,#5856d6,#30b0c7)}.art-4{color:#111114;background:linear-gradient(135deg,#34c759,#fc0)}.art-5{background:linear-gradient(135deg,#ff3b30,#007aff)}.page-title{align-items:center;gap:var(--spacing-14);display:flex}.page-title h1{font-size:2.2rem}.title-icon,.lock-plate{border-radius:var(--radius-8);background:var(--surface-muted);width:56px;height:56px;color:var(--system-blue);place-items:center;display:grid}.search-box,.ask-panel,.form-panel,.login-card{gap:var(--spacing-14);display:grid}.search-box{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.search-box input,.form-panel input,.form-panel textarea,.ask-panel textarea{width:100%;min-height:44px;padding:var(--spacing-10) var(--spacing-12);border:1px solid var(--system-separator-muted);border-radius:var(--radius-8);background:var(--surface-muted);color:var(--label-primary);resize:vertical}.form-panel label{gap:var(--spacing-8);color:var(--label-secondary);font-weight:700;display:grid}.check-row{grid-template-columns:none;align-items:center;display:flex!important}.check-row input{width:18px;min-height:18px}.segmented-control{gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-8);background:var(--surface-muted);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.segmented-control button{border-radius:var(--radius-8);color:var(--label-secondary);cursor:pointer;background:0 0;border:0;font-weight:750}.segmented-control button.is-active{background:var(--system-background-tertiary);color:var(--label-primary);box-shadow:var(--shadow-xs)}.answer-panel{gap:var(--spacing-14);display:grid}.status-banner{min-height:44px;padding:var(--spacing-10) var(--spacing-14);border:1px solid var(--system-separator-muted);border-radius:var(--radius-8);align-items:center;font-weight:700;display:flex}.status-neutral{background:var(--surface-muted)}.status-success{color:var(--system-green);background:var(--color-success-bg)}.status-warning{color:var(--system-orange);background:var(--color-warning-bg)}.loading-panel{justify-content:center;align-items:center;gap:var(--spacing-10);min-height:180px;color:var(--label-secondary);font-weight:750;display:flex}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.metric-card{min-height:130px}.metric-card svg,.info-tile svg{color:var(--system-blue)}.metric-card span{color:var(--label-secondary);font-weight:700}.metric-card strong{font-size:1.65rem;line-height:1}.info-tile{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:76px}.profile-panel{grid-template-columns:auto minmax(0,1fr) auto}.plan-badge{min-height:32px;padding:0 var(--spacing-12);border-radius:var(--radius-pill);background:var(--accent-gradient);color:#fff;align-items:center;font-weight:800;display:inline-flex}.login-page{justify-content:center;min-height:calc(100vh - 140px)}.login-card{max-width:520px;margin:0 auto}.mobile-nav{display:none}@media (width<=1260px){.app-shell,.app-shell.is-collapsed{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"sidebar main""player player"}.hide-tablet,.sidebar .brand-mark span,.sidebar .nav-link span,.sidebar .section-kicker,.hide-mobile{display:none}.sidebar .nav-link,.sidebar .brand-mark{justify-content:center;padding-inline:0}}@media (width<=900px){body{overflow:auto}.app-shell,.app-shell.is-collapsed{min-height:100vh;display:block}.sidebar,.queue-rail{display:none}.main-surface{min-height:100vh;padding:var(--spacing-16);padding-bottom:172px;overflow:visible}.player-dock{right:var(--spacing-12);bottom:72px;left:var(--spacing-12);border:1px solid var(--glass-border);border-radius:var(--radius-8);min-height:72px;padding:0 var(--spacing-12);position:fixed}.mini-player{gap:var(--spacing-10);grid-template-columns:minmax(0,1fr) auto}.progress-zone{display:none}.transport{justify-content:flex-end}.transport .icon-button{display:none}.mobile-nav{right:var(--spacing-12);bottom:var(--spacing-10);left:var(--spacing-12);z-index:21;border-radius:var(--radius-8);min-height:56px;padding:var(--spacing-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed}.mobile-nav-link{justify-content:center;gap:var(--spacing-4);flex-direction:column;font-size:.68rem}.hero-stage,.daylist-grid,.video-strip,.premium-panel,.detail-hero,.release-grid,.playlist-grid,.insight-grid,.settings-grid,.creator-grid{grid-template-columns:1fr}.hero-stage{min-height:auto}.hero-copy h1{font-size:2.45rem}.hero-media,.hero-media img{min-height:300px}.tuning-panel,.profile-panel{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.tuning-panel{display:grid}.strength-control{grid-template-columns:auto minmax(0,1fr) auto}.strength-control strong{text-align:left;grid-column:1/-1}.track-row,.track-row.is-compact{grid-template-columns:28px auto minmax(0,1fr) 42px}.track-album{display:none}.search-box{grid-template-columns:auto minmax(0,1fr)}.search-box .primary-button{grid-column:1/-1}}@media (width<=520px){.hero-copy h1,.page-title h1{font-size:2rem}.page-title{align-items:flex-start}.title-icon{width:48px;height:48px}.segmented-control{grid-template-columns:1fr}.mini-track .artwork{width:46px;height:46px}}