:root{color-scheme:dark;font-family:Segoe UI Variable Display,Bahnschrift,Trebuchet MS,sans-serif;--tg-bg: #0d1714;--tg-surface: #13211d;--tg-text: #f4f1e8;--tg-muted: #9ab5a7;--tg-accent: #f0b13d;--tg-accent-text: #15120d;--panel: rgba(19, 33, 29, .84);--line: rgba(244, 241, 232, .08);--line-strong: rgba(240, 177, 61, .24);--shadow: 0 24px 60px rgba(0, 0, 0, .28);background:radial-gradient(circle at top left,rgba(240,177,61,.17),transparent 36%),radial-gradient(circle at bottom right,rgba(72,142,120,.32),transparent 30%),linear-gradient(160deg,#08100e,var(--tg-bg));color:var(--tg-text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:transparent}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}.app-shell{position:relative;min-height:100vh;padding:18px 20px 212px}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 10%,rgba(240,177,61,.08),transparent 22%),radial-gradient(circle at 80% 0%,rgba(72,142,120,.12),transparent 26%)}.page-shell{position:relative;z-index:1;max-width:1320px;margin:0 auto}.utility-bar{display:flex;justify-content:flex-end;margin-bottom:10px}.language-switch,.panel,.player-dock,.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.language-switch{display:inline-flex;padding:4px;gap:4px}.language-button{min-width:52px;padding:8px 12px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--tg-muted);transition:background .12s ease,color .12s ease,transform .12s ease}.language-button:hover{transform:translateY(-1px)}.language-button.active{background:#f0b13d24;color:var(--tg-text)}.page-grid{display:grid;gap:18px}.home-grid{grid-template-columns:minmax(0,1.32fr) minmax(400px,.98fr)}.playlist-layout{grid-template-columns:minmax(340px,440px) minmax(0,1fr)}.panel{padding:20px}.panel--spacious{padding:22px}.section-stack{display:grid;gap:16px;align-content:start}.panel h2,.modal-card h2{margin:0;font-family:Trebuchet MS,Segoe UI Variable Display,sans-serif;letter-spacing:-.03em;font-size:1.35rem}.section-title{margin:0 0 12px}.panel p,.track-artist,.player-now-copy span,.playlist-select span,.playlist-select-copy span,.modal-header p,.modal-create-copy span,.checkbox-card span,.search-box span,.volume-control span,.micro-note{color:var(--tg-muted)}.search-box,.volume-control{display:grid;gap:8px}.search-box{width:min(100%,520px)}.search-box--top{margin-bottom:14px}.search-box input,.playlist-form input,.playlist-form textarea,.modal-create-fields input,.modal-create-fields textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#060b0a8c;color:var(--tg-text);padding:13px 14px;outline:none;transition:border-color .12s ease,transform .12s ease,background .12s ease}.search-box input:focus,.playlist-form input:focus,.playlist-form textarea:focus,.modal-create-fields input:focus,.modal-create-fields textarea:focus{border-color:#f0b13d80;background:#0c1412b8;transform:translateY(-1px)}.playlist-form,.modal-create-fields{display:grid;gap:12px}.playlist-form textarea,.modal-create-fields textarea{resize:vertical}.track-list,.playlist-stack,.checkbox-list{display:grid;gap:10px}.track-list--spaced{margin-top:16px}.track-row,.playlist-card,.checkbox-card{background:#050b0a7a;border:1px solid var(--line);border-radius:18px}.track-row,.playlist-card{padding:10px 12px}.checkbox-card{padding:14px 16px}.track-row.active,.playlist-card.active,.checkbox-card.checked{border-color:#f0b13d61;box-shadow:inset 0 0 0 1px #f0b13d29}.track-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(140px,200px) auto;gap:12px;align-items:center}.track-row--recent{grid-template-columns:56px minmax(0,1fr) 62px auto}.track-list--recent .track-row--recent{gap:10px}.cover{width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#f0b13d8c,#488e7873)}.cover img,.cover-fallback,.playlist-cover-tile{width:100%;height:100%;object-fit:cover}.cover-fallback,.playlist-cover-tile--empty{display:grid;place-items:center;color:#08100e;font-weight:700;font-size:.95rem}.cover--row{width:56px}.cover--player{width:40px;border-radius:11px}.track-main,.playlist-select,.player-now-copy{min-width:0}.track-main{display:grid;gap:2px}.track-title,.player-now-copy strong,.player-now-copy span,.playlist-select-copy strong,.playlist-select-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title{font-size:.98rem}.track-artist,.track-genre,.track-duration,.playlist-select span,.player-time,.playlist-select-copy span{font-size:.88rem}.track-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.track-row--recent .track-meta{display:grid;justify-items:end;gap:2px}.track-genre,.track-duration{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row--recent .track-genre{display:none}.track-genre{color:var(--tg-muted);text-align:right}.track-duration{color:var(--tg-text);text-align:right}.track-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.play-toggle-button,.transport-button,.primary-button,.secondary-button,.ghost-button,.icon-button,.page-nav-button{border:1px solid transparent;transition:transform .12s ease,opacity .12s ease,border-color .12s ease,background .12s ease}.play-toggle-button:hover,.transport-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover,.page-nav-button:hover,.playlist-select:hover{transform:translateY(-1px)}.play-toggle-button,.transport-button{display:grid;place-items:center}.play-toggle-button{width:42px;height:42px;border-radius:15px;background:linear-gradient(160deg,var(--tg-accent),#c38c27);color:var(--tg-accent-text);box-shadow:0 14px 28px #f0b13d2e}.play-toggle-button--compact{width:38px;height:38px}.play-toggle-button--player{width:48px;height:48px;border-radius:17px}.transport-button{width:40px;height:40px;border-radius:15px;background:#ffffff0f;color:var(--tg-text);border-color:var(--line)}.play-glyph,.button-icon,.nav-icon{width:18px;height:18px;flex:none}.play-toggle-button--player .play-glyph{width:20px;height:20px}.primary-button,.secondary-button,.ghost-button,.page-nav-button{border-radius:16px;padding:11px 14px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:var(--tg-accent);color:var(--tg-accent-text)}.primary-button--wide{width:100%}.secondary-button,.ghost-button,.icon-button,.page-nav-button{background:transparent;color:var(--tg-text);border-color:var(--line)}.secondary-button--square{width:38px;height:38px;padding:0}.ghost-button--compact{padding:8px 12px}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:15px}.playlist-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.playlist-select{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;text-align:left;background:transparent;border:none;color:var(--tg-text);padding:0}.playlist-select-copy{display:grid;gap:2px;min-width:0}.playlist-cover{width:58px;aspect-ratio:1;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;overflow:hidden;border-radius:16px;background:#ffffff0d}.playlist-cover--list{width:58px}.playlist-cover--modal{width:46px;border-radius:14px}.playlist-cover--favorites{display:grid;place-items:center;grid-template-columns:1fr;background:linear-gradient(160deg,#f0b13de6,#bb4343e6)}.playlist-cover-heart{width:20px;height:20px;color:#fff8f4}.player-dock{position:fixed;left:16px;right:16px;bottom:14px;z-index:25;display:grid;gap:8px;padding:8px 10px}.player-bar{display:grid;gap:8px}.player-main-row{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(150px,180px);gap:12px;align-items:center}.player-now{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.player-now-copy{display:grid;gap:1px;min-width:0}.player-progress-inline{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center}.progress-range,.volume-control input{width:100%;margin:0;accent-color:var(--tg-accent)}.volume-control--inline{display:flex;align-items:center;gap:8px;min-width:150px}.volume-icon{color:var(--tg-muted)}.player-controls-row{display:flex;justify-content:center;align-items:center;gap:10px}.player-error{font-size:.84rem;color:#ffb9b9;text-align:center}.page-nav{display:grid;grid-template-columns:repeat(3,66px);justify-content:center;gap:14px;padding-top:10px;border-top:1px solid var(--line)}.page-nav-button{width:66px;height:52px;padding:0;display:grid;place-items:center;color:var(--tg-muted)}.page-nav-button.active{background:#f0b13d1f;border-color:var(--line-strong);color:var(--tg-text)}.empty-state{margin:0;color:var(--tg-muted);padding:14px;border-radius:18px;background:#ffffff08}.empty-state.error-state{color:#ffb9b9;border:1px solid rgba(255,112,112,.28);background:#7812122e}.micro-note{margin:0;font-size:.88rem}.micro-note--tight{margin-bottom:12px}.eyebrow{margin:0 0 6px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tg-accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#010605b8;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-card{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;display:grid;gap:18px}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.modal-create-form{display:grid;gap:14px;padding:16px;border-radius:22px;border:1px solid var(--line);background:#080f0d94}.modal-create-copy{display:grid;gap:4px}.checkbox-card{display:grid;grid-template-columns:auto 46px minmax(0,1fr);gap:12px;align-items:center}.checkbox-card input{width:18px;height:18px;accent-color:var(--tg-accent)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:1180px){.player-main-row{grid-template-columns:minmax(0,260px) minmax(0,1fr)}.volume-control--inline{display:none}}@media(max-width:900px){.app-shell{padding:14px 12px 236px}.track-row{grid-template-columns:52px minmax(0,1fr) auto}.track-meta{grid-column:2 / 3;justify-content:flex-start}.track-row--recent .track-meta{justify-items:start}.track-actions{grid-column:3 / 4;grid-row:1 / span 3;align-self:center}.player-dock{left:10px;right:10px;bottom:10px}}@media(max-width:640px){.panel,.player-dock,.modal-card,.language-switch{border-radius:20px}.track-row,.track-row--recent{grid-template-columns:52px minmax(0,1fr)}.track-meta,.track-actions{grid-column:1 / -1}.track-actions{justify-content:flex-start}.player-main-row{grid-template-columns:1fr}.player-progress-inline{grid-template-columns:34px minmax(0,1fr) 34px}.page-nav{grid-template-columns:repeat(3,60px);gap:10px}.page-nav-button{width:60px}.playlist-card{grid-template-columns:1fr}.checkbox-card{grid-template-columns:auto 42px minmax(0,1fr)}.modal-backdrop{padding:12px}.modal-actions .ghost-button,.modal-actions .primary-button{width:100%}}body{font-size:15px;line-height:1.4}.app-shell{padding:16px 18px 192px}.page-shell{max-width:1240px}.utility-bar{margin-bottom:8px}.language-switch,.panel,.player-dock,.modal-card{border-radius:20px}.language-switch{padding:3px;gap:3px}.language-button{min-width:48px;padding:7px 10px;border-radius:14px}.page-grid{gap:15px}.panel{padding:17px}.panel--spacious{padding:18px}.section-stack{gap:14px}.panel h2,.modal-card h2{font-size:1.22rem}.section-title{margin:0 0 10px}.search-box,.volume-control{gap:7px}.search-box--top{margin-bottom:12px}.search-box input,.playlist-form input,.playlist-form textarea,.modal-create-fields input,.modal-create-fields textarea{border-radius:14px;padding:11px 12px}.playlist-form,.modal-create-fields{gap:10px}.track-list,.playlist-stack,.checkbox-list{gap:8px}.track-list--spaced{margin-top:12px}.track-row,.playlist-card,.checkbox-card,.empty-state,.mix-mini-card,.mix-rail-card,.media-rail-card{border-radius:16px}.track-row,.playlist-card{padding:9px 10px}.checkbox-card{padding:12px 14px}.track-row{grid-template-columns:48px minmax(0,1fr) minmax(128px,176px) auto;gap:10px}.track-row--recent{grid-template-columns:48px minmax(0,1fr) 58px auto}.track-list--recent .track-row--recent{gap:8px}.cover{border-radius:12px}.cover-fallback,.playlist-cover-tile--empty{font-size:.88rem}.cover--row{width:48px}.cover--player{width:34px;border-radius:10px}.track-title{font-size:.92rem}.track-artist,.track-genre,.track-duration,.playlist-select span,.player-time,.playlist-select-copy span,.micro-note{font-size:.8rem}.track-meta{gap:10px}.track-actions{gap:7px}.play-toggle-button{width:38px;height:38px;border-radius:14px}.play-toggle-button--compact{width:34px;height:34px}.play-toggle-button--player{width:44px;height:44px;border-radius:15px}.transport-button{width:36px;height:36px;border-radius:14px}.play-glyph,.button-icon,.nav-icon{width:16px;height:16px}.play-toggle-button--player .play-glyph{width:18px;height:18px}.primary-button,.secondary-button,.ghost-button,.page-nav-button{border-radius:14px;padding:10px 12px}.primary-button,.secondary-button{gap:7px}.secondary-button--square{width:34px;height:34px}.ghost-button--compact{padding:7px 10px}.icon-button{width:36px;height:36px;border-radius:14px}.playlist-card{gap:10px}.playlist-select{grid-template-columns:50px minmax(0,1fr);gap:10px}.playlist-cover{width:50px;border-radius:14px}.playlist-cover--list{width:50px}.playlist-cover--modal{width:42px;border-radius:12px}.playlist-cover-heart{width:18px;height:18px}.player-dock{left:14px;right:14px;bottom:12px;gap:6px;padding:7px 9px}.player-bar{gap:6px}.player-main-row{grid-template-columns:minmax(200px,248px) minmax(0,1fr) minmax(132px,156px);gap:10px}.player-now{grid-template-columns:34px minmax(0,1fr);gap:8px}.player-progress-inline{grid-template-columns:32px minmax(0,1fr) 32px;gap:7px}.volume-control--inline{gap:7px;min-width:132px}.player-controls-row{gap:8px}.player-error{font-size:.78rem}.page-nav{grid-template-columns:repeat(3,72px);gap:12px;padding-top:9px}.page-nav-button{width:72px;height:48px;padding:0}.empty-state{padding:12px}.eyebrow{margin:0 0 5px;font-size:.7rem}.modal-backdrop{padding:18px}.modal-card{padding:20px;gap:16px}.modal-header{gap:14px}.modal-create-form{gap:12px;padding:14px;border-radius:18px}.modal-create-copy{gap:3px}.checkbox-card{grid-template-columns:auto 42px minmax(0,1fr);gap:10px}.checkbox-card input{width:16px;height:16px}.modal-actions{gap:8px}.home-flow{display:grid;gap:14px}.home-panel{display:grid;gap:12px;overflow:hidden}.home-panel .section-title{margin-bottom:0}.mix-mini-grid,.home-rail{scrollbar-width:thin;scrollbar-color:rgba(240,177,61,.32) transparent}.mix-mini-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(106px,1fr);gap:10px;overflow-x:auto;padding-bottom:2px}.mix-mini-card,.mix-rail-card,.media-rail-card{text-align:left;border:1px solid var(--line);background:#050b0a6b;color:var(--tg-text)}.mix-mini-card{padding:9px;min-width:0}.mix-mini-artwork,.home-card-artwork,.media-rail-artwork{position:relative;overflow:hidden;background:linear-gradient(145deg,#f0b13d80,#488e786b)}.mix-mini-artwork{aspect-ratio:1;border-radius:14px;margin-bottom:8px}.mix-mini-artwork img,.home-card-artwork img,.media-rail-artwork img,.home-card-avatar img{width:100%;height:100%;object-fit:cover}.mix-mini-card strong,.mix-rail-card strong,.media-rail-card strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.28}.mix-mini-card strong{font-size:.84rem}.home-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(184px,20vw);gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.home-rail--media{grid-auto-columns:minmax(172px,18vw)}.mix-rail-card,.media-rail-card{padding:10px;min-width:0;scroll-snap-align:start}.home-card-artwork,.media-rail-artwork{aspect-ratio:1;border-radius:16px;margin-bottom:10px}.home-card-avatar{position:absolute;right:9px;bottom:9px;width:38px;height:38px;border-radius:999px;overflow:hidden;display:grid;place-items:center;color:var(--tg-text);font-size:.72rem;font-weight:700;background:#08100ee6;border:2px solid rgba(244,241,232,.14);box-shadow:0 10px 18px #00000047}.home-card-fallback{width:100%;height:100%;display:grid;place-items:center;color:#08100e;font-weight:700;font-size:.96rem;background:linear-gradient(145deg,#f0b13ddb,#488e78b3)}.mix-rail-card span,.media-rail-card span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:4px;color:var(--tg-muted);font-size:.76rem;line-height:1.35}@media(max-width:1280px){.home-grid,.playlist-layout{grid-template-columns:1fr}}@media(max-width:1180px){.player-main-row{grid-template-columns:minmax(0,232px) minmax(0,1fr)}.volume-control--inline{display:none}}@media(max-width:1080px){.home-rail{grid-auto-columns:minmax(172px,32vw)}.home-rail--media{grid-auto-columns:minmax(164px,30vw)}}@media(max-width:900px){.app-shell{padding:12px 10px 214px}.track-row{grid-template-columns:48px minmax(0,1fr) auto}.track-meta{grid-column:2 / 3;justify-content:flex-start}.track-row--recent .track-meta{justify-items:start}.track-actions{grid-column:3 / 4;grid-row:1 / span 3;align-self:center}.player-dock{left:8px;right:8px;bottom:8px}}@media(max-width:720px){.mix-mini-grid{grid-auto-columns:minmax(94px,42vw)}.home-rail{grid-auto-columns:minmax(162px,58vw)}.home-rail--media{grid-auto-columns:minmax(154px,54vw)}.mix-mini-card,.mix-rail-card,.media-rail-card,.empty-state{border-radius:14px}.home-card-artwork,.media-rail-artwork,.mix-mini-artwork{border-radius:13px}.home-card-avatar{width:34px;height:34px;right:8px;bottom:8px}}@media(max-width:640px){.panel,.player-dock,.modal-card,.language-switch{border-radius:18px}.track-row,.track-row--recent{grid-template-columns:48px minmax(0,1fr)}.track-meta,.track-actions{grid-column:1 / -1}.track-actions{justify-content:flex-start}.player-main-row{grid-template-columns:1fr}.player-progress-inline{grid-template-columns:30px minmax(0,1fr) 30px}.page-nav{grid-template-columns:repeat(3,64px);gap:8px}.page-nav-button{width:64px}.playlist-card{grid-template-columns:1fr}.checkbox-card{grid-template-columns:auto 38px minmax(0,1fr)}.modal-backdrop{padding:10px}.modal-actions .ghost-button,.modal-actions .primary-button{width:100%}}.home-panel--recent-mixes{padding:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mix-mini-grid--rectangles{grid-auto-columns:minmax(214px,1fr);gap:10px}.mix-mini-card--wide{min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:12px;padding:12px 14px}.mix-mini-card--wide strong{text-align:center;font-size:.9rem;line-height:1.2}.mix-mini-artwork--edge{width:48px;height:48px;margin:0;justify-self:end;border-radius:12px}.collection-page{position:relative;overflow:hidden;display:grid;gap:16px;background:linear-gradient(180deg,var(--collection-accent) 0%,rgba(112,115,121,.72) 34%,rgba(8,12,11,.04) 72%),#050b0a70}.collection-page>*{position:relative;z-index:1}.collection-hero{display:grid;gap:16px}.collection-back-button,.collection-action-button{display:grid;place-items:center;border:1px solid var(--line);background:#080e0d42;color:var(--tg-text)}.collection-back-button{width:36px;height:36px;border-radius:14px}.collection-hero-main{display:grid;grid-template-columns:154px minmax(0,1fr);gap:18px;align-items:end}.collection-cover--large{width:154px;border-radius:18px;box-shadow:0 24px 48px #00000047}.collection-cover--playlist.playlist-cover{width:154px;border-radius:18px;gap:3px;box-shadow:0 24px 48px #00000047}.collection-hero-copy{display:grid;gap:8px;min-width:0}.collection-kind{color:#f4f1e8bd;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.collection-hero-copy h1{margin:0;font-size:clamp(2.2rem,6vw,4rem);line-height:.94;letter-spacing:-.05em;max-width:12ch}.collection-artists,.collection-summary{margin:0;color:#f4f1e8d1}.collection-artists{font-size:.92rem;line-height:1.35}.collection-summary{font-size:.88rem}.collection-actions{display:flex;align-items:center;gap:12px}.play-toggle-button--collection{width:58px;height:58px;border-radius:20px}.collection-action-button{width:42px;height:42px;border-radius:16px}.collection-table{display:grid;gap:6px;border-top:1px solid rgba(244,241,232,.1);padding-top:10px}.collection-table-head,.collection-track-row{display:grid;grid-template-columns:34px minmax(0,1.85fr) minmax(0,1fr) 76px 64px;gap:12px;align-items:center}.collection-table-head{padding:0 6px 8px;color:var(--tg-muted);font-size:.78rem}.collection-track-list{display:grid;gap:4px}.collection-track-row{padding:10px 6px;border-radius:14px;border:1px solid transparent;background:#0409092e}.collection-track-row.active{border-color:#f0b13d42;background:#ffffff0d}.collection-track-index{color:var(--tg-muted);text-align:center;font-variant-numeric:tabular-nums}.collection-track-main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:0;background:transparent;border:none;color:var(--tg-text);text-align:left}.collection-track-cover{width:46px;border-radius:12px}.collection-track-copy{display:grid;gap:2px;min-width:0}.collection-track-copy strong,.collection-track-copy span,.collection-track-album{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-track-copy strong{font-size:.92rem}.collection-track-copy span{color:var(--tg-muted);font-size:.82rem}.collection-track-album{padding:0;background:transparent;border:none;color:var(--tg-muted);text-align:left}.collection-track-album--empty{color:#9ab5a799}.collection-track-presence{width:30px;height:30px;display:grid;place-items:center;justify-self:end;border-radius:999px;color:#f4f1e861;background:#ffffff0f}.collection-track-presence.active{color:#0e261b;background:#39d96f}.collection-track-duration{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:980px){.collection-hero-main{grid-template-columns:124px minmax(0,1fr);gap:14px}.collection-cover--large,.collection-cover--playlist.playlist-cover{width:124px}.collection-table-head,.collection-track-row{grid-template-columns:28px minmax(0,1.7fr) minmax(0,.9fr) 64px 58px;gap:10px}}@media(max-width:720px){.mix-mini-grid--rectangles{grid-auto-columns:minmax(180px,70vw)}.collection-hero-main{grid-template-columns:88px minmax(0,1fr);align-items:start}.collection-cover--large,.collection-cover--playlist.playlist-cover{width:88px;border-radius:14px}.collection-hero-copy h1{font-size:2rem}.collection-table-head{display:none}.collection-track-row{grid-template-columns:24px minmax(0,1fr) 48px;gap:8px}.collection-track-main{grid-template-columns:42px minmax(0,1fr);gap:10px}.collection-track-cover{width:42px}.collection-track-album{grid-column:2 / 3;font-size:.78rem}.collection-track-presence{grid-column:3 / 4;grid-row:1 / 2}.collection-track-duration{grid-column:3 / 4;grid-row:2 / 3;font-size:.8rem}}.mix-mini-card,.mix-rail-card,.media-rail-card{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.mix-mini-card:hover,.mix-rail-card:hover,.media-rail-card:hover,.mix-mini-card:focus-visible,.mix-rail-card:focus-visible,.media-rail-card:focus-visible{border-color:#f4f1e833;background:#0a10109e;box-shadow:0 14px 30px #0000002e}.mix-mini-artwork:before,.mix-mini-artwork:after,.home-card-artwork:before,.home-card-artwork:after,.media-rail-artwork:before,.media-rail-artwork:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mix-mini-artwork:before,.home-card-artwork:before,.media-rail-artwork:before{content:"";background:#00000080;opacity:0;transition:opacity .18s ease}.mix-mini-artwork:after,.home-card-artwork:after,.media-rail-artwork:after{content:"?";inset:50% auto auto 50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;place-items:center;border-radius:999px;background:#fffffff0;color:#07100e;font-size:.96rem;box-shadow:0 14px 32px #0000004d;opacity:0;transform:translateY(8px) scale(.9);transition:transform .18s ease,opacity .18s ease}.mix-mini-card:hover .mix-mini-artwork:before,.mix-mini-card:focus-visible .mix-mini-artwork:before,.mix-rail-card:hover .home-card-artwork:before,.mix-rail-card:focus-visible .home-card-artwork:before,.media-rail-card:hover .media-rail-artwork:before,.media-rail-card:focus-visible .media-rail-artwork:before{opacity:1}.mix-mini-card:hover .mix-mini-artwork:after,.mix-mini-card:focus-visible .mix-mini-artwork:after,.mix-rail-card:hover .home-card-artwork:after,.mix-rail-card:focus-visible .home-card-artwork:after,.media-rail-card:hover .media-rail-artwork:after,.media-rail-card:focus-visible .media-rail-artwork:after{opacity:1;transform:translateY(0) scale(1)}.artwork-play-button{position:relative;padding:0;border:none;background:transparent;border-radius:12px;overflow:hidden;display:block;flex-shrink:0}.track-artwork-button{width:48px}.collection-track-artwork-button{width:46px}.artwork-play-button .cover{width:100%;height:100%}.artwork-play-scrim,.artwork-play-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.artwork-play-scrim{background:#00000080;opacity:0;transition:opacity .18s ease}.artwork-play-indicator{display:grid;place-items:center;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .18s ease,transform .18s ease}.artwork-play-indicator:before{content:"";grid-area:1 / 1;width:34px;height:34px;border-radius:999px;background:#fffffff0;box-shadow:0 14px 30px #00000047}.artwork-play-glyph{grid-area:1 / 1;width:14px;height:14px;color:#07100e;z-index:1}.artwork-play-button:hover .artwork-play-scrim,.artwork-play-button:focus-visible .artwork-play-scrim,.artwork-play-button.active .artwork-play-scrim{opacity:1}.artwork-play-button:hover .artwork-play-indicator,.artwork-play-button:focus-visible .artwork-play-indicator,.artwork-play-button.active .artwork-play-indicator{opacity:1;transform:translateY(0) scale(1)}.library-action-button{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff12;color:#f4f1e8d1;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.library-action-button:hover,.library-action-button:focus-visible{transform:translateY(-1px);border-color:#f4f1e82e;background:#ffffff1f}.library-action-button.active{color:#0c2418;background:#39d96f;border-color:#39d96fe6}.track-actions{gap:8px}.collection-track-main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.collection-track-copy-button{padding:0;border:none;background:transparent;color:var(--tg-text);text-align:left;min-width:0}.collection-track-copy-button:hover,.collection-track-copy-button:focus-visible,.collection-track-copy-button:active{transform:none;background:transparent}.collection-track-presence{justify-self:end}.player-dock{position:fixed;inset:auto 0 0 0;z-index:40;display:grid;gap:14px;padding:34px 0 calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(0deg,#000000fa,#000000f0 18%,#0000009e 54%,#0000);border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none}.player-bar{pointer-events:auto;width:min(calc(100% - 28px),1120px);margin:0 auto;padding:10px 14px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#ffffff1f,#ffffff05),linear-gradient(135deg,var(--player-accent) 0%,rgba(8,12,12,.94) 94%);box-shadow:0 20px 48px #00000057}.page-nav{pointer-events:auto;width:min(calc(100% - 24px),760px);margin:0 auto;padding:0 clamp(18px,6vw,56px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(12px,3.5vw,30px);border-top:none}.page-nav-button{width:100%;height:52px;padding:0;display:grid;place-items:center;border:none;border-radius:18px;background:transparent;color:#f4f1e8a3}.page-nav-button:hover,.page-nav-button:focus-visible{transform:translateY(-1px);background:#ffffff0f;color:#f4f1e8eb}.page-nav-button.active{background:#ffffff1a;color:#fff}@media(max-width:900px){.player-dock{gap:10px;padding:28px 0 calc(env(safe-area-inset-bottom) + 12px)}.player-bar{width:calc(100% - 16px)}.page-nav{width:calc(100% - 8px);padding:0 10px;gap:10px}}@media(max-width:720px){.collection-track-main{grid-template-columns:42px minmax(0,1fr);gap:10px}.collection-track-artwork-button{width:42px}}@media(max-width:640px){.player-dock{padding:24px 0 calc(env(safe-area-inset-bottom) + 10px)}.player-bar{width:calc(100% - 12px);padding:10px 10px 12px;border-radius:16px}.page-nav{width:calc(100% - 4px);padding:0 8px;gap:8px}.page-nav-button{height:48px;border-radius:16px}}.mix-mini-card,.mix-rail-card{position:relative;overflow:hidden}.mix-card-open-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:0;border:none;background:transparent}.mix-mini-card .mix-mini-artwork:after,.mix-rail-card .home-card-artwork:after{content:none}.home-card-artwork:after,.media-rail-artwork:after,.mix-mini-artwork:after{content:"";width:16px;height:18px;margin:-9px 0 0 -7px;border-radius:0;background:#07100e;clip-path:polygon(12% 6%,12% 94%,94% 50%);box-shadow:none}.mix-card-play-button{position:absolute;top:50%;left:50%;z-index:2;width:42px;height:42px;margin:-21px 0 0 -21px;display:grid;place-items:center;border:none;border-radius:999px;background:#fffffff0;color:#07100e;box-shadow:0 14px 32px #0000004d;opacity:0;transform:translateY(8px) scale(.9);transition:transform .18s ease,opacity .18s ease,background .18s ease}.mix-card-play-button svg{width:16px;height:16px}.mix-card-play-button:hover,.mix-card-play-button:focus-visible{background:#fff}.mix-card-play-button.active{opacity:1;transform:translateY(0) scale(1)}.mix-mini-card:hover .mix-card-play-button,.mix-mini-card:focus-within .mix-card-play-button,.mix-rail-card:hover .mix-card-play-button,.mix-rail-card:focus-within .mix-card-play-button{opacity:1;transform:translateY(0) scale(1)}.page-nav{grid-template-columns:repeat(4,minmax(0,1fr));width:min(calc(100% - 24px),920px)}.vibe-page{display:grid;gap:18px}.vibe-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:4px 2px 0}.vibe-hero-copy{display:grid;gap:8px}.vibe-title{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:.94;letter-spacing:-.04em}.vibe-actions{display:flex;align-items:center;gap:10px}.vibe-chip-row{display:flex;flex-wrap:wrap;gap:8px}.vibe-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#f4f1e8db;font-size:.82rem}.vibe-queue-block{display:grid;gap:12px}.vibe-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vibe-setting-card{display:grid;gap:6px;text-align:left;padding:14px 15px;border-radius:18px;border:1px solid var(--line);background:#080f0d94;color:var(--tg-text);transition:transform .16s ease,border-color .16s ease,background .16s ease}.vibe-setting-card span{color:var(--tg-muted);font-size:.84rem;line-height:1.35}.vibe-setting-card.active{border-color:#f0b13d57;background:#f0b13d1f}@media(max-width:900px){.page-nav{width:calc(100% - 8px);gap:8px}.vibe-hero{grid-template-columns:1fr;align-items:start}}@media(max-width:640px){.page-nav{width:calc(100% - 4px);gap:6px}.vibe-settings-grid{grid-template-columns:1fr}}.app-shell--mobile .volume-control--inline{display:none}.app-shell--mobile .mix-mini-card,.app-shell--mobile .mix-rail-card,.app-shell--mobile .media-rail-card,.app-shell--mobile .page-nav-button,.app-shell--mobile .vibe-setting-card,.app-shell--mobile .track-row,.app-shell--mobile .collection-track-row{transition:transform .12s ease}.app-shell--mobile .mix-mini-card:hover,.app-shell--mobile .mix-rail-card:hover,.app-shell--mobile .media-rail-card:hover,.app-shell--mobile .page-nav-button:hover,.app-shell--mobile .vibe-setting-card:hover,.app-shell--mobile .library-action-button:hover,.app-shell--mobile .artwork-play-button:hover .artwork-play-scrim,.app-shell--mobile .artwork-play-button:hover .artwork-play-indicator,.app-shell--mobile .mix-mini-card:hover .mix-mini-artwork:before,.app-shell--mobile .mix-mini-card:hover .mix-mini-artwork:after,.app-shell--mobile .mix-rail-card:hover .home-card-artwork:before,.app-shell--mobile .mix-rail-card:hover .home-card-artwork:after,.app-shell--mobile .media-rail-card:hover .media-rail-artwork:before,.app-shell--mobile .media-rail-card:hover .media-rail-artwork:after{transform:none}.app-shell--mobile .mix-mini-artwork:before,.app-shell--mobile .home-card-artwork:before,.app-shell--mobile .media-rail-artwork:before,.app-shell--mobile .artwork-play-scrim{opacity:0!important}.app-shell--mobile .mix-card-play-button{opacity:1;transform:translateY(0) scale(1)}.app-shell--mobile .artwork-play-indicator{opacity:.92;transform:translateY(0) scale(1)}.app-shell--mobile button:active,.app-shell--mobile .playlist-card:active,.app-shell--mobile .track-row:active,.app-shell--mobile .collection-track-row:active{transform:scale(.985)}.vibe-page{position:relative;min-height:min(72vh,640px);padding:clamp(28px,5vw,54px);overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#03070a47,#03070ae0),radial-gradient(circle at center,rgba(255,255,255,.04),transparent 54%);box-shadow:0 28px 80px #00000057}.vibe-page>*{position:relative;z-index:1}.vibe-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000a,#0000006b);pointer-events:none}.vibe-aurora{position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;filter:blur(56px);opacity:.98;pointer-events:none}.vibe-aurora-blob{position:absolute;border-radius:999px;mix-blend-mode:screen;will-change:transform}.vibe-aurora-blob--one{top:0;left:18%;width:48%;height:52%;background:radial-gradient(circle,var(--vibe-color-a) 0%,transparent 72%);animation:vibeDriftOne 18s ease-in-out infinite alternate}.vibe-aurora-blob--two{right:16%;bottom:4%;width:44%;height:48%;background:radial-gradient(circle,var(--vibe-color-b) 0%,transparent 72%);animation:vibeDriftTwo 22s ease-in-out infinite alternate}.vibe-aurora-blob--three{left:34%;bottom:-2%;width:38%;height:42%;background:radial-gradient(circle,var(--vibe-color-c) 0%,transparent 76%);box-shadow:0 0 140px 24px var(--vibe-color-glow);animation:vibePulse 16s ease-in-out infinite}.vibe-stage{min-height:min(72vh,640px);display:grid;place-items:center;text-align:center}.vibe-stage-inner{display:grid;justify-items:center;gap:18px}.vibe-stage-title{display:inline-flex;align-items:center;gap:clamp(14px,2.5vw,22px)}.vibe-display{margin:0;font-family:Trebuchet MS,Segoe UI Variable Display,sans-serif;font-size:clamp(2.5rem,6vw,4.6rem);line-height:.95;letter-spacing:-.05em;text-shadow:0 10px 40px rgba(0,0,0,.34)}.play-toggle-button--vibe{width:clamp(60px,7vw,76px);height:clamp(60px,7vw,76px);border-radius:999px;box-shadow:0 16px 32px #0000002e}.play-toggle-button--vibe .play-glyph{width:24px;height:24px}.vibe-settings-trigger{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff1f;color:var(--tg-text);-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.vibe-settings-trigger:hover,.vibe-settings-trigger:focus-visible{transform:translateY(-1px);background:#ffffff29;border-color:#ffffff3d}.vibe-settings-count{min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:#080e0f94;color:#fffffff0;font-size:.76rem}.vibe-empty-note{max-width:420px;margin:2px 0 0;color:#f4f1e8c7;font-size:.88rem;line-height:1.45}.queue-modal{width:min(780px,100%)}.queue-track-list{max-height:min(58vh,560px);overflow:auto;padding-right:4px}.queue-track-list .track-row{margin-right:2px}.player-controls-row{gap:9px}@keyframes vibeDriftOne{0%{transform:translate3d(-3%,-2%,0) scale(.98)}to{transform:translate3d(6%,4%,0) scale(1.08)}}@keyframes vibeDriftTwo{0%{transform:translate3d(2%,0,0) scale(.96)}to{transform:translate3d(-7%,-5%,0) scale(1.12)}}@keyframes vibePulse{0%,to{transform:scale(.94);opacity:.84}50%{transform:scale(1.08);opacity:1}}@media(max-width:900px){.vibe-page,.vibe-stage{min-height:min(64vh,540px)}.vibe-aurora{top:-20%;right:-20%;bottom:-20%;left:-20%;filter:blur(48px)}}@media(max-width:640px){.vibe-page,.vibe-stage{min-height:min(58vh,460px)}.vibe-page{border-radius:24px;padding:26px 18px}.vibe-stage-inner{gap:16px}.vibe-stage-title{gap:12px}.vibe-settings-trigger{min-height:44px;padding:0 16px}.queue-track-list{max-height:min(52vh,420px)}}.track-reposter,.collection-track-reposter{color:#9ab5a7b8;font-size:.74rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-track-copy{gap:1px}.player-dock{-webkit-backdrop-filter:none;backdrop-filter:none}.collection-table-head,.collection-track-row{grid-template-columns:34px minmax(0,1.9fr) 72px 64px}.playlist-page{gap:18px}.playlist-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.playlist-menu-trigger{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#f4f1e8d1}.playlist-menu-trigger:hover,.playlist-menu-trigger:focus-visible{background:#ffffff1a;border-color:#ffffff29}.playlist-cover--community{width:72px;min-width:72px;border-radius:16px}.community-playlists-section{display:grid;gap:14px}.community-playlists-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-playlists-header span{color:var(--tg-muted);font-size:.78rem}.community-playlists-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.community-playlist-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0a0f0f75;color:var(--tg-text);text-align:left}.community-playlist-card:hover,.community-playlist-card:focus-visible{border-color:#ffffff29;background:#0a0f0fad}.community-playlist-copy{display:grid;gap:4px;min-width:0}.community-playlist-copy strong,.community-playlist-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-playlist-copy span{color:var(--tg-muted);font-size:.78rem}.playlist-actions-modal{width:min(100%,420px)}.playlist-action-list{display:grid;gap:8px}.playlist-action-item{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--tg-text);text-align:left}.playlist-action-item:hover,.playlist-action-item:focus-visible{background:#ffffff14;border-color:#ffffff24}.playlist-action-item--danger{color:#ffb5b5}@media(max-width:980px){.collection-table-head,.collection-track-row{grid-template-columns:28px minmax(0,1.75fr) 64px 58px}}@media(max-width:720px){.community-playlists-grid{grid-template-columns:1fr}.community-playlist-card{grid-template-columns:62px minmax(0,1fr)}.playlist-cover--community{width:62px;min-width:62px}}@media(max-width:640px){.playlist-menu-trigger{width:34px;height:34px;border-radius:12px}}.app-shell--mobile .playlist-menu-trigger:hover,.app-shell--mobile .community-playlist-card:hover{transform:none;background:inherit}.playlist-import-form{display:grid;gap:10px}.playlist-import-form--modal{gap:12px}.playlist-import-modal{width:min(560px,100%)}.playlist-import-trigger{width:100%}.player-main-row{grid-template-columns:minmax(0,248px) minmax(0,1fr) minmax(110px,152px);align-items:end}.player-progress-stack{display:grid;gap:9px;min-width:0}.player-side-column{display:grid;align-content:end;gap:8px;justify-items:stretch}.queue-trigger-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#f4f1e8eb;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}.queue-trigger-button:hover,.queue-trigger-button:focus-visible{transform:translateY(-1px);background:#ffffff1a;border-color:#ffffff2e}.queue-trigger-button:disabled{opacity:.45}.queue-trigger-button span{font-size:.78rem;font-weight:600}.player-controls-row{justify-content:center;gap:10px}.transport-button.active,.transport-button--toggle.active{background:#ffffff29;border-color:#ffffff3d;color:#fff}.transport-button--repeat{position:relative}.transport-button--repeat-track:after{content:"1";position:absolute;right:7px;bottom:5px;font-size:.56rem;font-weight:700;line-height:1}@media(max-width:1180px){.player-main-row{grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(96px,126px)}}@media(max-width:900px){.player-main-row{grid-template-columns:minmax(0,214px) minmax(0,1fr) minmax(88px,108px)}.queue-trigger-button{min-height:36px;padding:0 10px}}@media(max-width:640px){.player-main-row{grid-template-columns:1fr;align-items:stretch}.player-progress-stack{order:2}.player-side-column{order:3;justify-items:end}.queue-trigger-button{min-height:34px;padding:0 10px}}.app-shell--mobile .queue-trigger-button:hover{transform:none;background:#ffffff0f}.app-shell{padding:max(18px,calc(env(safe-area-inset-top) + 18px)) max(20px,calc(env(safe-area-inset-right) + 20px)) max(212px,calc(env(safe-area-inset-bottom) + 212px)) max(20px,calc(env(safe-area-inset-left) + 20px))}.app-shell--desktop{--side-nav-width: clamp(96px, 16vw, 242px);padding-left:calc(var(--side-nav-width) + 28px);padding-bottom:max(176px,calc(env(safe-area-inset-bottom) + 176px))}.app-shell--desktop .page-shell{max-width:1380px}.desktop-side-nav{position:fixed;inset:0 auto 0 0;z-index:32;width:var(--side-nav-width)}.desktop-side-nav-list{display:grid;align-content:start;gap:10px;min-height:100vh;padding:max(18px,calc(env(safe-area-inset-top) + 18px)) 12px max(18px,calc(env(safe-area-inset-bottom) + 18px));border-right:1px solid rgba(255,255,255,.08);border-radius:0 28px 28px 0;background:#090d0de0;box-shadow:18px 0 42px #00000038;-webkit-backdrop-filter:none;backdrop-filter:none}.desktop-side-brand{width:100%;min-height:62px;display:inline-flex;align-items:center;gap:12px;padding:0 14px;margin-bottom:10px;border:none;border-radius:18px;background:#ffffff0f;color:#fff}.desktop-side-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#f0b13df0,#488e78d1);color:#111311;font-size:.84rem;font-weight:800;letter-spacing:.04em}.desktop-side-brand-text{font-size:1rem;font-weight:700;white-space:nowrap}.desktop-side-nav-button{width:100%;min-height:54px;display:inline-flex;align-items:center;gap:12px;padding:0 16px;border:none;border-radius:18px;background:transparent;color:#f4f1e8b3;transition:transform .16s ease,color .16s ease,background .16s ease}.desktop-side-nav-button:hover,.desktop-side-nav-button:focus-visible{transform:translate(2px);color:#fff;background:#ffffff0f}.desktop-side-nav-button.active{color:#fff;background:#ffffff1f}.desktop-side-nav-label{font-size:.92rem;font-weight:600;white-space:nowrap}.player-dock--desktop{inset:auto 0 0 0;padding:0 max(20px,calc(env(safe-area-inset-right) + 20px)) max(20px,calc(env(safe-area-inset-bottom) + 20px)) calc(var(--side-nav-width) + 28px);background:none;pointer-events:none}.player-dock--desktop .player-bar--desktop{pointer-events:auto;position:relative;z-index:1;width:min(100%,1320px);margin:0 auto;min-height:92px;padding:0;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#ffffff14,#ffffff05),linear-gradient(135deg,color-mix(in srgb,var(--player-accent) 36%,rgba(29,30,32,.98)),#202123f5 72%);box-shadow:0 24px 52px #0000005c;cursor:default}.player-dock--desktop .player-bar--desktop.player-bar--interactive{cursor:pointer}.player-dock--desktop .player-bar--desktop:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--player-progress-value, 0%);background:linear-gradient(90deg,color-mix(in srgb,var(--player-accent) 46%,transparent),#ffffff0a);pointer-events:none}.player-progress-top-shell{position:absolute;inset:0 0 auto 0;z-index:3;height:6px;padding:0;opacity:0;transition:opacity .16s ease}.player-bar--desktop:hover .player-progress-top-shell,.player-bar--desktop:focus-within .player-progress-top-shell{opacity:1}.progress-range--top{width:100%;height:6px;margin:0;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}.progress-range--top::-webkit-slider-runnable-track{height:3px;background:#ffffffd1}.progress-range--top::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;border:none;border-radius:999px;background:#fffffff5}.progress-range--top::-moz-range-track{height:3px;background:#ffffffd1}.progress-range--top::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:999px;background:#fffffff5}.player-desktop-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;min-height:92px;padding:12px 18px 12px 12px}.player-desktop-track{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;min-width:0}.player-bar--desktop .cover--player{width:64px;height:64px;border-radius:16px}.player-bar--desktop .player-now-copy strong{font-size:1rem}.player-bar--desktop .player-now-copy span{font-size:.94rem;color:#f4f1e8c2}.player-desktop-controls,.player-desktop-actions{display:inline-flex;align-items:center;gap:10px}.player-desktop-controls{justify-self:center}.player-desktop-actions{justify-self:end}.player-bar--desktop .transport-button,.player-bar--desktop .play-toggle-button--player,.player-icon-button,.player-bar--desktop .library-action-button{width:42px;height:42px;border:none;border-radius:999px;background:transparent;box-shadow:none}.player-bar--desktop .transport-button,.player-icon-button,.player-bar--desktop .library-action-button{color:#f4f1e8b8}.player-bar--desktop .transport-button:hover,.player-bar--desktop .transport-button:focus-visible,.player-icon-button:hover,.player-icon-button:focus-visible,.player-bar--desktop .library-action-button:hover,.player-bar--desktop .library-action-button:focus-visible{background:#ffffff14;color:#fff;transform:none}.player-bar--desktop .play-toggle-button--player{width:54px;height:54px;background:#f0c92b;color:#15120d}.player-bar--desktop .play-toggle-button--player:hover,.player-bar--desktop .play-toggle-button--player:focus-visible{transform:none;background:#f6d53e}.player-bar--desktop .play-toggle-button--player .play-glyph{width:20px;height:20px}.player-bar--desktop .transport-button.active,.player-bar--desktop .transport-button--toggle.active,.player-bar--desktop .library-action-button.active,.player-icon-button.active{background:#ffffff1f;color:#fff}.player-bar--desktop .library-action-button.active{background:#39d96f33;color:#a8ffbf}.player-volume-popover{position:relative}.player-volume-panel{position:absolute;right:-2px;bottom:calc(100% + 10px);width:58px;height:170px;display:grid;place-items:center;padding:18px 0;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:#111517f5;box-shadow:0 18px 38px #00000052}.player-volume-range-vertical{width:14px;height:120px;margin:0;-moz-appearance:slider-vertical;appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;accent-color:rgba(255,255,255,.94)}.player-dock--desktop .player-error{position:relative;z-index:2;margin:0 18px 12px}.player-dock--mobile{gap:10px;padding:0 max(10px,calc(env(safe-area-inset-right) + 10px)) max(10px,calc(env(safe-area-inset-bottom) + 10px)) max(10px,calc(env(safe-area-inset-left) + 10px));background:linear-gradient(0deg,#000000fa,#000000e0 36%,#0000)}.player-bar--mobile{position:relative;pointer-events:auto;padding:10px 12px 12px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#ffffff14,#ffffff05),linear-gradient(135deg,color-mix(in srgb,var(--player-accent) 38%,rgba(32,33,35,.98)),#202123f5 84%);box-shadow:0 18px 38px #00000047}.player-bar--mobile.player-bar--interactive{cursor:pointer}.player-mobile-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.player-mobile-track{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.player-bar--mobile .cover--player{width:46px;height:46px;border-radius:14px}.player-mobile-actions{display:inline-flex;align-items:center;gap:8px}.player-bar--mobile .play-toggle-button--player,.player-bar--mobile .library-action-button{width:40px;height:40px}.player-bar--mobile .play-toggle-button--player{background:#f0c92b;color:#15120d}.player-mobile-progress{margin-top:10px}.progress-range--mobile{width:100%}.page-nav--mobile{pointer-events:auto;width:100%;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.modal-backdrop--side{justify-content:flex-end;align-items:stretch;padding:max(18px,calc(env(safe-area-inset-top) + 18px)) max(18px,calc(env(safe-area-inset-right) + 18px)) max(18px,calc(env(safe-area-inset-bottom) + 18px))}.track-info-drawer{width:min(420px,100%);display:grid;gap:18px;padding:18px;border-radius:30px;background:linear-gradient(145deg,#ffffff1a,#ffffff05),linear-gradient(180deg,color-mix(in srgb,var(--player-accent) 32%,rgba(11,16,18,.98)),#0b1012fa 48%)}.track-info-header,.track-info-main{display:grid;gap:16px}.track-info-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.track-info-artwork{width:100%;aspect-ratio:1;border-radius:24px;overflow:hidden}.track-info-copy{display:grid;gap:6px}.track-info-copy strong{font-size:1.2rem}.track-info-copy span,.track-info-copy p{margin:0;color:#f4f1e8b8}.track-info-actions{display:flex;gap:10px;flex-wrap:wrap}.track-info-actions .primary-button,.track-info-actions .secondary-button{min-height:44px}.track-info-similar{display:grid;gap:12px;min-height:0}.track-info-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.track-info-section-head h3{margin:0}.track-info-similar-list{display:grid;gap:8px}.track-info-similar-row{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:8px 10px;border:none;border-radius:18px;background:#ffffff0d;color:var(--tg-text)}.track-info-similar-row:hover,.track-info-similar-row:focus-visible{background:#ffffff17}.track-info-similar-artwork{width:48px;height:48px;border-radius:14px;overflow:hidden}.track-info-similar-copy{display:grid;min-width:0}.track-info-similar-copy strong,.track-info-similar-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info-similar-copy span{color:#f4f1e8ad}.modal-backdrop--now-playing{padding:0}.now-playing-screen{width:100%;min-height:100vh;display:grid;align-content:start;gap:22px;padding:max(16px,calc(env(safe-area-inset-top) + 16px)) max(18px,calc(env(safe-area-inset-right) + 18px)) max(24px,calc(env(safe-area-inset-bottom) + 24px)) max(18px,calc(env(safe-area-inset-left) + 18px));background:radial-gradient(circle at top center,color-mix(in srgb,var(--player-accent) 44%,transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--player-accent) 36%,#2f3136),color-mix(in srgb,var(--player-accent) 16%,#232427) 42%,#1d1e21)}.now-playing-screen-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:start;gap:10px}.now-playing-screen-context{display:grid;justify-items:center;gap:4px;text-align:center}.now-playing-screen-context span{color:#f4f1e8b8;font-size:.88rem}.now-playing-screen-context strong{font-size:1rem}.now-playing-screen-artwork{width:min(100%,420px);aspect-ratio:1;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 24px 52px #00000052}.now-playing-screen-copy{display:grid;gap:6px}.now-playing-screen-copy strong{font-size:1.34rem}.now-playing-screen-copy span{color:#f4f1e8b8}.now-playing-screen-progress{display:grid;gap:8px}.progress-range--fullscreen{width:100%}.now-playing-screen-times{display:flex;justify-content:space-between;color:#f4f1e8b8;font-size:.9rem}.now-playing-screen-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.play-toggle-button--fullscreen{width:68px;height:68px;background:#f0c92b;color:#15120d}.now-playing-screen-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.track-main-button{padding:0;border:none;background:transparent;color:inherit;text-align:left;min-width:0}.track-artwork-static{width:48px;flex-shrink:0}.track-artwork-static .cover--row{width:48px;height:48px}.app-shell--vibe .app-backdrop{background:radial-gradient(circle at 12% 18%,var(--vibe-color-a),transparent 28%),radial-gradient(circle at 82% 14%,var(--vibe-color-b),transparent 24%),radial-gradient(circle at 38% 72%,var(--vibe-color-c),transparent 30%),radial-gradient(circle at 72% 82%,var(--vibe-color-glow),transparent 26%),linear-gradient(165deg,#080a0cf5,#0a0e10eb);animation:vibeBackdropShift 16s ease-in-out infinite alternate}.app-shell--vibe .page-shell{max-width:none}.app-shell--vibe .vibe-page{min-height:calc(100vh - 220px)}.app-shell--mobile .mix-card-play-button,.app-shell--mobile .track-artwork-button{display:none}.app-shell--mobile .artwork-play-button{pointer-events:none}.app-shell--mobile .home-card-artwork:before,.app-shell--mobile .home-card-artwork:after,.app-shell--mobile .mix-mini-artwork:before,.app-shell--mobile .mix-mini-artwork:after,.app-shell--mobile .media-rail-artwork:before,.app-shell--mobile .media-rail-artwork:after{display:none}@media(max-width:1280px){.desktop-side-nav-label,.desktop-side-brand-text{display:none}.desktop-side-nav-button,.desktop-side-brand{justify-content:center;padding:0}}@media(max-width:1100px){.app-shell--desktop{--side-nav-width: 88px}.player-dock--desktop{padding-left:calc(var(--side-nav-width) + 18px)}}@media(max-width:760px){.track-info-actions .primary-button,.track-info-actions .secondary-button{width:100%}}@keyframes vibeBackdropShift{0%{filter:saturate(1) hue-rotate(0deg);transform:scale(1)}to{filter:saturate(1.08) hue-rotate(18deg);transform:scale(1.03)}}.app-shell{padding-top:max(18px,calc(env(safe-area-inset-top) + 18px));padding-right:max(18px,calc(env(safe-area-inset-right) + 18px));padding-bottom:212px;padding-left:max(18px,calc(env(safe-area-inset-left) + 18px))}.app-shell--desktop{--side-nav-width: clamp(104px, 16vw, 242px);padding-left:calc(var(--side-nav-width) + 28px);padding-right:max(18px,calc(env(safe-area-inset-right) + 18px));padding-bottom:max(176px,calc(env(safe-area-inset-bottom) + 176px))}.app-shell--desktop .page-shell{width:min(1320px,calc(100vw - var(--side-nav-width) - 56px));max-width:1320px;margin:0 auto 0 0}.desktop-side-nav-list{height:100vh;min-height:100vh;gap:12px;padding:max(20px,calc(env(safe-area-inset-top) + 20px)) 12px max(20px,calc(env(safe-area-inset-bottom) + 20px));border-right:1px solid rgba(255,255,255,.08);border-radius:0;background:linear-gradient(180deg,#070b0cf5,#0b1011f0);box-shadow:16px 0 40px #00000038}.player-dock--desktop{padding:0 max(24px,calc(env(safe-area-inset-right) + 24px)) max(20px,calc(env(safe-area-inset-bottom) + 20px)) calc(var(--side-nav-width) + 44px)}.player-dock--desktop .player-bar--desktop{min-height:88px;overflow:visible}.player-progress-top-shell{inset:auto 8px 100% 8px;z-index:4;height:38px;overflow:visible;opacity:0;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.player-bar--desktop:hover .player-progress-top-shell,.player-bar--desktop:focus-within .player-progress-top-shell{opacity:1;transform:translateY(0)}.progress-range--top{position:absolute;inset:auto 0 0 0;height:4px;pointer-events:auto}.progress-range--top::-webkit-slider-runnable-track{height:2px;background:#ffffffeb}.progress-range--top::-webkit-slider-thumb{width:8px;height:8px;margin-top:-3px;background:#fffffff5}.progress-range--top::-moz-range-track{height:2px;background:#ffffffeb}.progress-range--top::-moz-range-thumb{width:8px;height:8px;background:#fffffff5}.player-progress-badge{position:absolute;top:0;min-width:56px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#111417f0;box-shadow:0 12px 28px #0000004d;color:#f4f1e8f5;font-size:.88rem;font-weight:700;line-height:1;white-space:nowrap}.player-progress-badge--current{left:clamp(28px,var(--player-progress-value, 0%),calc(100% - 28px));transform:translate(-50%)}.player-progress-badge--end{right:0}.player-desktop-layout{grid-template-columns:minmax(240px,1fr) minmax(256px,auto) minmax(220px,1fr);min-height:88px}.player-desktop-controls{min-width:260px;justify-content:center}.player-desktop-actions{min-width:196px;justify-content:flex-end}.player-volume-popover{position:static;display:inline-flex;align-items:center}.player-volume-floating{position:fixed;z-index:140;pointer-events:auto}.player-volume-floating .player-volume-panel{position:static;width:62px;height:184px;padding:18px 0;border-radius:31px;border:1px solid rgba(255,255,255,.08);background:#111517fa;box-shadow:0 20px 42px #00000057}.player-volume-range-vertical{width:14px;height:132px}.app-shell--vibe .utility-bar{position:relative;z-index:3;margin-bottom:0}.app-shell--vibe .language-switch{background:#0d111257;border-color:#ffffff14}.app-shell--vibe .vibe-page{min-height:calc(100vh - 200px);padding:clamp(18px,4vh,36px) 0 0;overflow:visible;border:none;border-radius:0;background:none;box-shadow:none}.app-shell--vibe .vibe-page:before{display:none}.app-shell--vibe .vibe-stage{min-height:calc(100vh - 220px)}.marquee-text{display:block;width:100%;min-width:0;overflow:hidden;white-space:nowrap}.marquee-track{display:inline-flex;align-items:center;min-width:100%}.marquee-text.active .marquee-track{width:max-content;gap:28px;animation:marqueeTrack 10s linear infinite}.marquee-text-inner{flex:0 0 auto}.now-playing-screen{gap:18px;padding:max(22px,calc(env(safe-area-inset-top) + 22px)) max(22px,calc(env(safe-area-inset-right) + 22px)) max(26px,calc(env(safe-area-inset-bottom) + 26px)) max(22px,calc(env(safe-area-inset-left) + 22px));background:radial-gradient(circle at top center,color-mix(in srgb,var(--player-accent) 54%,transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--player-accent) 44%,#2f3136),color-mix(in srgb,var(--player-accent) 22%,#232427) 42%,#1d1e21)}.now-playing-screen-header{align-items:center;margin-top:8px}.now-playing-screen-context{gap:2px;padding-top:4px}.now-playing-screen-artwork{width:min(100%,410px);margin-top:2px}.now-playing-screen-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.now-playing-screen-copy{min-width:0;gap:4px}.now-playing-screen-title{font-size:1.34rem;font-weight:700;line-height:1.08}.now-playing-screen-title .marquee-text-inner{font-size:inherit;font-weight:inherit}.now-playing-screen-library{width:42px;height:42px;justify-self:end}.now-playing-screen-controls{margin-top:4px}@media(max-width:900px){.app-shell--vibe .vibe-page{min-height:calc(100vh - 176px)}.app-shell--vibe .vibe-stage{min-height:calc(100vh - 196px)}}@media(max-width:640px){.app-shell{padding-top:max(14px,calc(env(safe-area-inset-top) + 14px));padding-right:max(12px,calc(env(safe-area-inset-right) + 12px));padding-left:max(12px,calc(env(safe-area-inset-left) + 12px))}.app-shell--vibe .vibe-page{min-height:calc(100vh - 148px);padding-top:12px}.app-shell--vibe .vibe-stage{min-height:calc(100vh - 166px)}.now-playing-screen{gap:16px;padding:max(18px,calc(env(safe-area-inset-top) + 18px)) max(18px,calc(env(safe-area-inset-right) + 18px)) max(24px,calc(env(safe-area-inset-bottom) + 24px)) max(18px,calc(env(safe-area-inset-left) + 18px))}.now-playing-screen-header{margin-top:10px}.now-playing-screen-artwork{width:min(100%,380px)}}@keyframes marqueeTrack{0%{transform:translate(0)}to{transform:translate(calc(-50% - 14px))}}.player-progress-top-shell{inset:auto 18px 100% 18px;height:36px}.player-progress-badge--current{left:clamp(34px,var(--player-progress-value, 0%),calc(100% - 34px))}.player-bar--mobile .play-toggle-button--player,.player-bar--mobile .library-action-button,.player-bar--mobile .transport-button{width:40px;height:40px}.player-bar--mobile .transport-button{border:none;border-radius:999px;background:#ffffff14;color:#f4f1e8c7}.player-mobile-progress{margin:8px 4px 0}.progress-range--mobile,.progress-range--fullscreen{width:100%;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;height:12px}.progress-range--mobile::-webkit-slider-runnable-track,.progress-range--fullscreen::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:#ffffffb8}.progress-range--mobile::-webkit-slider-thumb,.progress-range--fullscreen::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:none;border-radius:999px;background:#fffffff5}.progress-range--mobile::-moz-range-track,.progress-range--fullscreen::-moz-range-track{height:2px;border-radius:999px;background:#ffffffb8}.progress-range--mobile::-moz-range-thumb,.progress-range--fullscreen::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:999px;background:#fffffff5}.collection-track-artwork-static{width:48px}.home-hub{display:grid;gap:28px;margin-left:-6px;padding-right:6px}.home-section-block{display:grid;gap:16px}.home-section-block--split{gap:28px}.home-spotlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-section-header{display:flex;align-items:flex-end;gap:12px}.home-section-heading{display:grid;gap:4px}.home-section-heading h2{margin:0;font-size:clamp(1.5rem,2vw,2rem);line-height:1;letter-spacing:-.04em}.home-section-eyebrow{color:#f4f1e8b3;font-size:.82rem;font-weight:600}.home-rail--expanded{grid-auto-columns:minmax(180px,18vw)}.home-rail--stations{grid-auto-columns:minmax(176px,18vw)}.home-banner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-card{position:relative;display:grid;gap:10px;min-width:0;padding:0;border:none;background:transparent;color:var(--tg-text);text-align:left;overflow:hidden}.home-card strong,.home-card span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.home-card strong{-webkit-line-clamp:2;font-size:.98rem;line-height:1.2}.home-card span{-webkit-line-clamp:2;color:var(--tg-muted);font-size:.84rem;line-height:1.35}.home-card-art{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(244,241,232,.08);background:#101214f5}.home-card-art-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%)}.home-card-art img,.home-card-avatars img{width:100%;height:100%;object-fit:cover}.home-card--square .home-card-art,.home-card--circle .home-card-art,.home-card--cover .home-card-art{aspect-ratio:1}.home-card--banner{min-height:0}.home-card--banner .home-card-art{aspect-ratio:3.25 / 1;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:stretch}.home-card--banner .home-card-art img,.home-card--banner .home-card-fallback{width:82px;height:100%}.home-card--banner strong,.home-card--banner span{position:absolute;left:96px;right:18px}.home-card--banner strong{top:22px;font-size:1.08rem}.home-card--banner span{top:52px;-webkit-line-clamp:1}.home-card--circle .home-card-art{border-radius:999px}.home-card--gradient .home-card-art,.home-card--radio .home-card-art{background:var(--home-accent)}.home-card--gradient .home-card-art-fill{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.08),transparent 22%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 100%)}.home-card--radio .home-card-art-fill{background:radial-gradient(circle at 26% 26%,rgba(255,255,255,.08),transparent 22%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 100%)}.home-card-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 8px;border-radius:999px;background:#070b0eb8;color:#f4f1e8d1;font-size:.68rem;font-weight:700;box-shadow:0 8px 14px #0000001f}.home-card-avatars{position:absolute;left:14px;top:14px;z-index:2;display:flex;align-items:center}.home-card-avatar{width:48px;height:48px;margin-left:-10px;border-radius:999px;overflow:hidden;border:3px solid rgba(12,14,17,.9);box-shadow:0 10px 18px #00000038}.home-card-avatar:first-child{margin-left:0}.home-card:hover .home-card-art,.home-card:focus-visible .home-card-art{transform:translateY(-1px);border-color:#f4f1e824;box-shadow:0 10px 22px #00000024}.home-card-art{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.home-card--radio strong,.home-card--gradient strong{font-size:1.04rem}.home-banner-grid .home-card--banner .home-card-art{aspect-ratio:.82;grid-template-columns:1fr;min-height:420px}.home-banner-grid .home-card--banner .home-card-art img,.home-banner-grid .home-card--banner .home-card-fallback{width:100%;height:100%}.home-banner-grid .home-card--banner strong,.home-banner-grid .home-card--banner span{left:18px;right:18px}.home-banner-grid .home-card--banner strong{top:auto;bottom:54px;font-size:1.04rem}.home-banner-grid .home-card--banner span{top:auto;bottom:22px;-webkit-line-clamp:2;color:#f4f1e8d6}@media(max-width:1360px){.home-spotlight-grid,.home-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-banner-grid .home-card--banner .home-card-art{min-height:420px}}@media(max-width:900px){.home-hub{gap:22px}.home-spotlight-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,78vw);overflow-x:auto}.home-section-block--split{gap:22px}.home-banner-grid{grid-template-columns:1fr}.home-rail--expanded,.home-rail--stations{grid-auto-columns:minmax(172px,56vw)}}@media(max-width:640px){.home-section-header{align-items:center}.home-section-more{display:none}.home-card--banner .home-card-art{aspect-ratio:2.8 / 1;grid-template-columns:72px minmax(0,1fr)}.home-card--banner .home-card-art img,.home-card--banner .home-card-fallback{width:72px}.home-card--banner strong,.home-card--banner span{left:86px;right:14px}.home-card--banner strong{top:16px}.home-card--banner span{top:44px}}.app-shell--desktop{padding-left:calc(var(--side-nav-width) + 34px)}.app-shell--desktop .page-shell{width:min(1300px,calc(100vw - var(--side-nav-width) - 72px));max-width:1300px;margin:0 auto}.home-hub{margin-left:0;padding-left:8px;padding-right:4px}.player-bar--desktop{--player-timeline-side-gap: 14px;--player-timeline-height: 6px;--player-timeline-popout-offset: calc((var(--player-timeline-height) * 10) - 34px)}.player-dock--desktop .player-bar--desktop{overflow:hidden}.player-desktop-layout{overflow:hidden;border-radius:inherit}.player-progress-floating{display:none}.player-desktop-timeline{position:relative;width:min(100%,1320px);height:36px;margin:0 auto 8px;pointer-events:none;opacity:0;transform:translateY(34px);transition:opacity .16s ease,transform .16s ease;z-index:6}.player-dock--desktop:hover .player-desktop-timeline,.player-dock--desktop:focus-within .player-desktop-timeline{pointer-events:auto;opacity:1;transform:translateY(29px)}.player-desktop-timeline-track{position:absolute;left:18px;right:18px;bottom:0;height:14px;overflow:visible;border-radius:999px}.player-desktop-timeline-visual{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);border-radius:999px;overflow:visible;background:#ffffff6b}.player-desktop-timeline-fill{position:absolute;inset:0 auto 0 0;width:var(--player-progress-value, 0%);background:#f0c92b}.player-desktop-timeline-thumb{position:absolute;top:50%;left:clamp(0px,var(--player-progress-value, 0%),100%);width:10px;height:10px;border-radius:999px;background:#f0c92b;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #181818eb,0 0 0 1px #ffffff38}.player-desktop-timeline-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:14px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;opacity:0;cursor:pointer}.player-desktop-timeline-range::-webkit-slider-runnable-track{height:14px;border-radius:999px;background:transparent}.player-desktop-timeline-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:0;border:none;border-radius:999px;background:transparent}.player-desktop-timeline-range::-moz-range-track{height:14px;border-radius:999px;background:transparent}.player-desktop-timeline-range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:999px;background:transparent}.player-desktop-timeline-badge{position:absolute;top:-6px;min-width:56px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#111417f0;box-shadow:0 12px 28px #0000004d;color:#f4f1e8f5;font-size:.88rem;font-weight:700;line-height:1;white-space:nowrap}.player-desktop-timeline-badge--current{left:clamp(46px,var(--player-progress-value, 0%),calc(100% - 46px));transform:translate(-50%)}.player-desktop-timeline-badge--end{right:18px}.player-mobile-progress{padding:0 14px;margin:8px 0 0}.player-mobile-progress-clip{overflow:hidden;border-radius:999px}.progress-range--mobile{display:block;width:100%}