.viz-surface{background:#000;position:absolute;inset:0;overflow:hidden}.viz-surface canvas{touch-action:manipulation;width:100%;height:100%;display:block}.viz-stage,.viz-stage canvas{touch-action:none}[data-status=loading]>.viz-surface,[data-status=idle]>.viz-surface{opacity:0}.viz-surface{transition:opacity .4s}.now-playing:has(>.now-canvas){isolation:isolate;position:relative}.now-canvas{z-index:-1;background:#000;height:100dvh;max-height:100%;position:absolute;top:0;left:0;right:0}.now-canvas:after{content:"";pointer-events:none;background:linear-gradient(#000a 0,#0000 16% 42%,#000c 72%,#121212 100%);position:absolute;inset:0}.now-art.viz-art{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.now-art.is-canvas{box-shadow:none;background:0 0}.viz-slot{position:absolute;inset:0}.dj-now>.viz-open{color:#ffffffb3;margin:4px 24px 0}.viz-immersive{color:#fff;background:#000;height:100dvh;position:relative;overflow:hidden}.app-shell>main>.viz-immersive{height:100%;min-height:100%}.viz-stage{position:absolute;inset:0}.viz-mode-hint{left:50%;top:calc(28px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;background:#0006;border-radius:18px;align-items:center;gap:4px;padding:4px;transition:opacity .5s;display:flex;position:absolute;transform:translate(-50%)}.viz-mode-hint.on{opacity:1;pointer-events:auto;transition-duration:.15s}.viz-mode-hint .icon-button{color:#fff;width:36px;height:36px}.viz-mode-hint [aria-label=Next\ style] svg{transform:scaleX(-1)}.viz-mode-hint .viz-fullscreen{border-left:1px solid #fff3;border-radius:0 18px 18px 0;margin-left:2px}.viz-mode-name{color:#fff;flex-direction:column;align-items:center;gap:8px;padding:4px 6px;display:flex}.viz-mode-hint b{letter-spacing:.2px;font-size:13px}.viz-mode-hint span{gap:5px;display:flex}.viz-mode-hint i{background:#fff6;border-radius:50%;width:5px;height:5px}.viz-mode-hint i.on{background:#fff}.viz-unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.viz-unavailable img{aspect-ratio:1;border-radius:8px;width:min(70%,320px)}.viz-sheet-backdrop{z-index:60;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.viz-sheet{width:min(100%,480px);max-height:85dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));color:#fff;background:#282828;border-radius:12px 12px 0 0;overflow-y:auto}.viz-sheet h2{margin:12px 0 8px;font-size:16px}.viz-sheet ul{margin:0;padding:0;list-style:none}.viz-sheet li>button{text-align:left;align-items:center;gap:14px;width:100%;padding:8px 0;display:flex}.viz-sheet li>button>span,.viz-canvas-toggle>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.viz-sheet b{font-size:15px}.viz-sheet small{color:#b3b3b3;font-size:12px;line-height:16px}.viz-sheet [aria-pressed=true] b,.viz-sheet [aria-pressed=true] svg{color:#1ed760}.viz-swatch{border-radius:6px;flex:none;width:48px;height:48px;box-shadow:inset 0 0 0 1px #ffffff1a}.viz-sheet-note{color:#b3b3b3;margin:8px 0;font-size:13px}.viz-canvas-toggle{border-top:1px solid #ffffff1a;align-items:center;gap:14px;margin-top:8px;padding:16px 0 4px;display:flex}.viz-canvas-toggle input{accent-color:#1ed760;width:40px;height:22px}.lyrics-preview>p.active .unsung,.full-lyrics-lines>p[aria-current=true] .unsung{color:#ffffffb8}.full-lyrics-lines>p.past{color:#ffffffb3}@media (prefers-reduced-motion:reduce){.viz-surface{transition:none}}.viz-tip{color:#fff;white-space:nowrap;pointer-events:none;background:#000a;border-radius:16px;padding:7px 14px;font-size:13px;font-weight:600;animation:.6s ease-out 1.2s both viz-tip-in,.8s ease-in 8s forwards viz-tip-out;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes viz-tip-out{to{opacity:0}}@keyframes viz-tip-in{0%{opacity:0;transform:translate(-50%,6px)}}.mini-viz.is-new{color:var(--green);animation:2.4s ease-in-out infinite mini-viz-glow}@keyframes mini-viz-glow{50%{filter:drop-shadow(0 0 6px var(--green));transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.mini-viz.is-new{animation:none}}.now-playing>:not(.now-canvas),.now-canvas:after{transition:opacity .3s}.now-playing.viz-fade-out>:not(.now-canvas),.now-playing.viz-fade-out>.now-canvas:after{opacity:0}.now-playing.viz-fade-in>:not(.now-canvas),.now-playing.viz-fade-in>.now-canvas:after{animation:.4s both viz-controls-in}@keyframes viz-controls-in{0%{opacity:0}}.mini-nudge{z-index:22;left:calc(50% - min(100vw,412px)/2 + 16px);bottom:calc(var(--nav-height) + var(--bottom) + 74px);color:#111;font:inherit;white-space:nowrap;background:#fff;border:0;border-radius:16px;padding:8px 14px;font-size:13px;font-weight:700;animation:.5s ease-out .8s both mini-nudge-in,.6s ease-in 8.2s forwards viz-tip-out;position:fixed;box-shadow:0 6px 18px #0008}.mini-nudge:after{content:"";border:7px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:22px}@keyframes mini-nudge-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.mini-nudge{animation:none}}.pip-source{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:0}.pip-body{color:#fff;background:#121212;margin:0;overflow:hidden}.pip-mini{box-sizing:border-box;background:linear-gradient(color-mix(in srgb, var(--player-color,#535353), #121212 35%), #121212 85%);flex-direction:column;gap:10px;height:100vh;padding:12px;display:flex}.pip-empty{color:#b3b3b3;justify-content:center;align-items:center}.pip-art{background:#282828;border-radius:8px;flex:1;min-height:0;position:relative;overflow:hidden}.pip-art>img,.pip-art>.photo-fallback{object-fit:cover;width:100%;height:100%}.pip-mark{color:#fff;filter:drop-shadow(0 1px 3px #0008);position:absolute;top:10px;left:10px}.pip-lyric{background:linear-gradient(#0000,#000c);margin:0;padding:28px 12px 12px;font-size:15px;font-weight:700;line-height:20px;position:absolute;bottom:0;left:0;right:0}.pip-meta{align-items:center;gap:8px;display:flex}.pip-meta>div{flex-direction:column;flex:1;min-width:0;display:flex}.pip-meta b,.pip-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pip-meta b{font-size:15px}.pip-meta span{color:#b3b3b3;font-size:13px}.pip-transport{justify-content:center;align-items:center;gap:24px;display:flex}.pip-transport .now-play{width:44px;height:44px}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#121212;--green:#1ed760;--muted:#b3b3b3;--nav-height:72px;--bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080808;font-family:Figtree,Arial,sans-serif;font-size:16px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}input{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #fff}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.5px;font-weight:800}h1{font-size:24px;line-height:1.18}h2{font-size:21px;line-height:1.22}h3{font-size:16px}p{line-height:1.45}img{object-fit:cover;width:100%;height:100%;display:block}small{font-size:13px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.spacer{flex:1}.muted{color:var(--muted)}.round{border-radius:50%}.icon-button{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:36px;display:inline-flex;position:relative}.icon-button.saved,.saved{color:var(--green)}.icon-button sup{background:var(--bg);font-size:10px;position:absolute;top:8px;right:7px}.active-dot:after{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:calc(50% - 2px)}.verified{color:#b9e4c6;flex-shrink:0;width:15px;height:15px;display:inline-block}.verified-label{letter-spacing:0;align-items:center;gap:5px;font-size:13px;display:flex}.brand{color:var(--green);letter-spacing:-1px;align-items:center;gap:8px;font-size:25px;display:flex}.pill,.follow-button,.see-more{border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:12px 20px;font-size:14px;font-weight:700;display:inline-flex}.pill{color:#121212;background:#fff}.pill.green{background:var(--green);color:#000}.follow-button,.see-more{color:#fff;background:0 0;border:1px solid #727272;min-height:32px;padding:6px 16px;font-size:14px}.see-more{margin:24px auto 12px;font-weight:500;display:flex}.app-shell{background:var(--bg);max-width:412px;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);margin:auto;position:relative}.app-shell>main{padding-bottom:calc(var(--nav-height) + var(--bottom) + 24px);min-height:100dvh}.has-player>main{padding-bottom:calc(var(--nav-height) + var(--bottom) + 88px)}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;overflow:hidden}.avatar img{border-radius:50%}.letter-avatar{color:#fff;font-size:21px;font-weight:600}.avatar-button{flex-shrink:0;display:flex}.photo-fallback{color:#999;background:#282828;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.page-header{align-items:center;gap:16px;height:64px;padding:8px 16px;display:flex}.page-header h1{white-space:nowrap;flex:1;font-size:24px}.page-header .icon-button{width:28px}.back-header{z-index:2;justify-content:space-between;align-items:center;height:64px;padding:4px 16px;display:flex;position:relative}.back-header>b{font-size:16px}.header-spacer{flex-shrink:0;width:32px}.chips{scrollbar-width:none;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.shelf-scroll::-webkit-scrollbar{display:none}.chip{white-space:nowrap;background:#2a2a2a;border-radius:999px;min-height:32px;padding:7px 16px;font-size:14px;font-weight:500;line-height:18px}.chip.selected{background:var(--green);color:#000}.cover{aspect-ratio:1;background:#282828;border-radius:4px;flex-shrink:0;width:100%;display:block;position:relative;overflow:hidden}.cover img{width:100%;height:100%}.liked-cover{background:linear-gradient(135deg,#4319ff 8%,#7761df 53%,#b9dfcf);justify-content:center;align-items:center;display:flex}.episodes-cover{color:var(--green);background:#006450;justify-content:center;align-items:center;display:flex}.radio-cover{color:#090909;container-type:inline-size}.radio-top{letter-spacing:1px;justify-content:space-between;align-items:center;height:14%;padding:4.5% 5%;font-size:6.6cqw;display:flex}.radio-faces{justify-content:center;align-items:center;height:61%;padding-top:4%;display:flex}.radio-faces img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:36%;height:auto}.radio-faces img:nth-child(2){z-index:1;width:53%;margin:0 -9%;position:relative}.radio-faces img:first-child{transform:translate(-7%)}.radio-faces img:last-child{transform:translate(7%)}.radio-name{letter-spacing:-.08em;white-space:nowrap;max-width:90%;font-size:12.5cqw;line-height:1;position:absolute;bottom:6%;left:5%;overflow:hidden}.this-cover{color:#111;background:#f0f0ec;container-type:inline-size}.this-cover>b{text-align:center;letter-spacing:.5px;height:20%;padding:5%;font-size:8cqw;display:block}.this-cover img{height:80%}.this-cover strong{color:#fff;text-shadow:0 1px 4px #000;font-size:14cqw;position:absolute;bottom:5%;left:5%}.mix-cover{container-type:inline-size}.mix-cover b{color:#000;background:#fff;padding:3% 6%;font-size:10cqw;position:absolute;bottom:12%;left:0}.mix-cover>span{width:100%;height:8%;position:absolute;bottom:0}.cover-badge{z-index:1;width:10cqw;height:10cqw;position:absolute;top:5%;left:5%}.mix-cover .cover-badge{color:#fff;filter:drop-shadow(0 0 2px #0008)}.this-cover .cover-badge{color:#111}.book-cover{container-type:inline-size}.book-cover:after{content:"";background:linear-gradient(#0000,#000b);position:absolute;inset:0}.book-cover strong{z-index:1;text-align:center;letter-spacing:-.5px;text-shadow:0 1px 3px #000;font-size:12cqw;line-height:1.05;position:absolute;bottom:10%;left:8%;right:8%}.shelf{margin:36px 0 0}.shelf-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:0 16px;display:flex}.shelf-heading>a{color:var(--muted);white-space:nowrap;font-size:12px}.shelf-scroll{scrollbar-width:none;scroll-snap-type:x proximity;gap:16px;padding:0 16px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.collection-card{scroll-snap-align:start;color:#999;flex:0 0 164px;width:164px;font-size:14px;line-height:18px}.collection-card>.cover{height:164px}.collection-card>span:not(.cover){-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;display:-webkit-box;overflow:hidden}.collection-card>b{color:#fff;margin-top:10px;display:block}.home-page .collection-card.editorial-card{flex:0 0 200px;width:200px}.editorial-card{position:relative;container-type:inline-size}.editorial-art{aspect-ratio:1;border-radius:4px;display:block;position:relative;overflow:hidden;container-type:inline-size}.editorial-art>.cover{width:100%;height:100%}.editorial-label{color:#111;letter-spacing:-.04em;text-transform:uppercase;max-width:74%;padding:3% 4%;font-family:Impact,Arial Narrow,sans-serif;font-size:14.5cqw;font-weight:900;line-height:.95;position:absolute;bottom:16%;left:4%;transform:rotate(-4deg)}.editorial-card>a>b{color:#fff;margin-top:10px;display:block}.editorial-card small{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.editorial-card>.play-button{position:absolute;top:calc(100cqw - 56px);right:8px;box-shadow:0 4px 12px #0008}.artist-card{flex-direction:column;flex:0 0 148px;gap:7px;font-size:14px;display:flex}.artist-card>img,.artist-card>.photo-fallback{border-radius:50%;width:148px;height:148px;margin-bottom:3px}.artist-card>span{color:#999;font-size:13px}.show-card>img{border-radius:6px;height:164px}.home-header{z-index:6;background:#121212f5;align-items:center;gap:12px;height:56px;padding:8px 16px 16px;display:flex;position:sticky;top:0}.home-header .chips{margin-right:-16px;padding-right:16px}.home-header .chip{padding-left:16px;padding-right:16px}.recents-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px;display:grid}.recent-tile{background:#282828;border-radius:3px;align-items:center;gap:8px;min-width:0;height:48px;display:flex;position:relative;overflow:hidden}.recent-tile>img,.recent-tile>.cover,.recent-tile>.photo-fallback{border-radius:2px;flex-shrink:0;width:48px;height:48px}.recent-tile>b{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:6px;font-size:13px;font-weight:800;line-height:17px;display:-webkit-box;overflow:hidden}.new-dot{background:#5099df;border-radius:50%;width:8px;height:8px;position:absolute;right:8px}.recent-tile:first-child>b{padding-right:18px}.prompt-block{align-items:center;gap:8px;margin:10px 16px 0;display:flex;position:relative}.prompt-orb{width:40px;height:40px;color:var(--green);background:#0054b5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.prompt-input{background:#282828;border-radius:999px;align-items:center;gap:8px;width:100%;min-width:0;height:40px;padding:0 10px 0 16px;display:flex}.prompt-input input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.prompt-input input::placeholder{color:#aaa;opacity:1}.prompt-input .icon-button{color:#aaa;width:20px}.beta{color:#111;background:#b3b3b3;border-radius:2px;flex-shrink:0;padding:1px 2px;font-size:10px;line-height:12px}.prompt-results{z-index:8;background:#282828;border-radius:6px;position:absolute;top:44px;left:0;right:0;overflow:hidden;box-shadow:0 4px 20px #0007}.prompt-results>button{text-align:left;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;display:flex}.prompt-results img{width:32px;height:32px}.prompt-results svg{margin-left:auto}.prompt-results p{padding:14px;font-size:14px}.new-music{margin:36px 16px 0}.sponsor-label{color:#aaa;align-items:center;gap:8px;margin:3px 0 10px;font-size:12px;line-height:16px;display:flex}.sponsored{background:#1f1f1f;border-radius:9px;min-height:142px;display:flex;overflow:hidden}.sponsored>a{flex:0 0 142px;width:142px;display:block}.sponsored>a>.cover{border-radius:7px;height:142px}.sponsor-copy{flex:1;min-width:0;padding:17px 16px 12px;position:relative}.sponsor-copy>a{padding-right:8px;font-size:13px;line-height:19px;display:block}.sponsor-copy>a>b{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sponsor-copy>a>span{color:#aaa;margin-top:3px;font-size:13px;display:block}.sponsor-copy>.icon-button{color:#aaa;width:18px;position:absolute;top:12px;right:9px}.sponsor-controls{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.sponsor-controls>.icon-button{color:#aaa}.play-button{background:var(--green);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.play-button.white{background:#fff;width:32px;height:32px}.play-button.white svg{width:22px;height:22px}.play-button svg{margin-left:2px}.play-button:has([d^=M8\ 4]) svg{margin-left:0}.home-page .new-music+.shelf{margin-top:52px}.promo-banner{color:#000;background:#09da89;min-height:116px;padding:24px 16px 16px;display:flex;position:relative}.banner-content{text-align:left;align-items:center;gap:8px;width:100%;padding-right:18px;display:flex}.banner-content>img,.banner-content>.photo-fallback{flex-shrink:0;width:78px;height:78px}.banner-content>span{flex-direction:column;gap:5px;display:flex}.banner-content b{letter-spacing:-.7px;font-size:20px;font-weight:800;line-height:22px}.banner-content>span>span{font-size:14px}.promo-banner>.icon-button{width:24px;height:24px;position:absolute;top:14px;right:10px}.podcast-shortcuts{scrollbar-width:none;gap:16px;padding:16px 20px 0;display:flex;overflow-x:auto}.podcast-shortcuts>a,.podcast-shortcuts>button{background:#202020;border-radius:7px;flex-shrink:0;width:80px;height:80px;position:relative}.podcast-shortcuts img{border-radius:7px}.podcast-shortcuts i{background:#5099df;border:2px solid #121212;border-radius:50%;width:13px;height:13px;position:absolute;top:-3px;right:-3px}.episode-home-section{margin-top:40px}.episode-home-section>h2{margin:0 16px 12px}.episode-preview .preview-media{aspect-ratio:16/9;background:#222;min-height:205px;position:relative;overflow:hidden}.preview-media video{object-fit:cover;width:100%;height:100%}.preview-duration{background:#0009;border-radius:3px;padding:3px 6px;font-size:13px;position:absolute;top:16px;left:16px}.preview-title{text-align:left;text-shadow:0 1px 3px #000;background:#0003;font-size:15px;font-weight:700;position:absolute;bottom:16px;left:16px;right:58px}.preview-media .play-button{position:absolute;bottom:16px;right:16px}.preview-copy{align-items:flex-start;gap:8px;padding:16px;display:flex}.preview-copy>img{border-radius:3px;width:40px;height:40px}.preview-copy>a{flex:1;min-width:0;font-size:13px;line-height:17px}.preview-copy>a b{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preview-copy>a span{color:#aaa;margin-top:4px;display:block}.bottom-nav{height:calc(var(--nav-height) + var(--bottom));padding:10px 4px calc(10px + var(--bottom));z-index:20;background:linear-gradient(#12121200,#000 32%);grid-template-columns:repeat(4,1fr);align-items:center;width:min(100%,412px);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav>a,.bottom-nav>button{color:#a7a7a7;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:48px;font-size:11px;line-height:14px;display:flex}.bottom-nav .active{color:#fff}.mini-player{bottom:calc(var(--nav-height) + var(--bottom));z-index:21;background-blend-mode:multiply;border-radius:9px;align-items:center;gap:4px;width:calc(min(100vw,412px) - 16px);height:56px;padding:8px;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1000px #0003}.mini-open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;height:40px;display:flex}.mini-open>img,.mini-open>.photo-fallback{border-radius:3px;flex-shrink:0;width:40px;height:40px}.mini-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mini-title{white-space:nowrap;font-size:13px;line-height:16px;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.device-label{color:var(--green);white-space:nowrap;align-items:center;gap:3px;font-size:10px;line-height:12px;display:flex}.mini-player>.icon-button{width:32px}.mini-player .device-icon{color:var(--green)}.mini-progress{background:#ffffff25;height:2px;position:absolute;bottom:0;left:8px;right:8px}.mini-progress>i{background:#fff;height:100%;display:block}.search-page .page-header{margin-bottom:16px}.search-entry{color:#121212;background:#fff;border-radius:4px;align-items:center;gap:10px;height:48px;margin:16px 16px 32px;padding:0 10px;display:flex}.search-entry input{color:#121212;background:0 0;border:0;outline:none;width:100%;font-size:16px;font-weight:700}.search-entry input::placeholder{color:#535353;opacity:1}.category-grid{grid-template-columns:1fr 1fr;gap:16px;margin:0 16px;display:grid}.category-grid>button{text-align:left;isolation:isolate;border-radius:6px;align-items:flex-start;height:100px;padding:12px 9px;display:flex;position:relative;overflow:hidden}.category-grid>button>b{z-index:2;max-width:70%;font-size:16px;font-weight:800;line-height:20px;position:relative}.category-grid>button>img{border-radius:3px;width:64px;height:64px;position:absolute;bottom:-5px;right:-7px;transform:rotate(24deg);box-shadow:0 1px 8px #0004}.top-categories>button{height:68px}.top-categories>button>img{width:56px;height:64px}.search-sponsor{margin:24px 16px 0}.sponsored.teal{background:#008493;gap:12px;min-height:166px;padding:12px}.sponsored.teal>a{flex:0 0 142px}.sponsored.teal .sponsor-copy{flex-direction:column;padding:0;display:flex}.sponsored.teal .sponsor-copy>a{flex-direction:column-reverse;display:flex}.sponsored.teal .sponsor-copy>a>span{color:#a6d3d8;margin:0 0 5px;font-size:12px}.sponsored.teal .sponsor-copy>a>b{font-size:15px}.sponsored.teal .sponsor-copy>.icon-button{color:#fff;top:0;right:0}.sponsored.teal .sponsor-controls{bottom:0;left:0;right:4px}.sponsored.teal .sponsor-controls>.icon-button{color:#fff}.search-page .shelf{margin-top:18px}.search-page .shelf-heading{margin-bottom:24px}.watch-card{border-radius:8px;flex:0 0 140px;height:208px;display:block;position:relative;overflow:hidden}.watch-card>img{position:absolute;inset:0}.watch-card:after{content:"";background:linear-gradient(#0000 40%,#000c);position:absolute;inset:0}.watch-card>b{letter-spacing:-1px;z-index:1;font-size:24px;line-height:24px;position:absolute;bottom:26px;left:12px;right:12px}.watch-card>span{z-index:1;font-size:11px;font-weight:700;position:absolute;bottom:8px;left:12px}.browse-section{margin-top:32px}.browse-section>h2{margin:0 16px 16px}.inset-heading{margin:32px 16px 20px}.search-typing-header{z-index:5;background:#1f1f1f;align-items:center;gap:12px;height:64px;padding:8px 16px;display:flex;position:sticky;top:0}.search-typing-header>div{background:#333;border-radius:30px;flex:1;align-items:center;min-width:0;height:32px;padding:0 8px 0 14px;display:flex}.search-typing-header input{color:#fff;background:0 0;border:0;outline:none;width:100%;font-size:16px}.suggestion-row{align-items:center;height:48px;padding:0 16px;display:flex}.suggestion-row>button:first-child{text-align:left;flex:1;align-items:center;gap:20px;min-width:0;font-size:16px;display:flex}.suggestion-row>button:first-child span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggestion-row>.icon-button{color:#aaa}.result-row{align-items:center;gap:12px;min-height:64px;padding:8px 16px;display:flex}.result-row>img,.result-row>.photo-fallback,.result-row>.cover{flex-shrink:0;width:48px;height:48px}.result-row>span{flex:1;min-width:0}.result-row>span>span{align-items:center;gap:5px;display:flex}.result-row small{color:#aaa;margin-top:3px;font-size:13px;display:block}.result-row>a{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.result-row>a>.cover{width:48px;height:48px}.result-row>a>span{flex:1;min-width:0;font-size:16px}.result-row>.icon-button{color:#aaa}.result-row>.saved{color:var(--green)}.search-track-result{align-items:center;display:flex;position:relative}.search-track-result .track-row{flex:1;min-width:0}.search-track-result>.icon-button{margin-right:12px}.browse-category-heading{align-items:center;gap:8px;margin:0 16px;display:flex}.track-row{align-items:center;gap:12px;min-height:64px;padding:8px 16px;display:flex}.track-index{flex-shrink:0;width:18px;font-size:13px}.track-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.track-main>img,.track-main>.photo-fallback{border-radius:3px;flex-shrink:0;width:48px;height:48px}.track-main>span{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.track-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:19px;display:block;overflow:hidden}.track-meta{color:#aaa;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:13px;line-height:15px;display:flex;overflow:hidden}.explicit{color:#121212;background:#b3b3b3;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;font-size:9px;font-weight:700;line-height:12px;display:inline-flex}.track-row>.icon-button{color:#aaa;width:18px}.track-row.current .track-title{color:var(--green)}.playing-bars{vertical-align:baseline;align-items:flex-end;gap:2px;height:11px;margin-right:6px;display:inline-flex}.playing-bars i{background:var(--green);transform-origin:bottom;border-radius:.5px;width:3px;height:12px;animation:.9s ease-in-out infinite alternate playing-bar}.playing-bars i:first-child{animation-duration:.74s;animation-delay:-.4s}.playing-bars i:nth-child(2){animation-duration:.53s;animation-delay:-.15s}.playing-bars i:nth-child(3){animation-duration:.67s;animation-delay:-.55s}@keyframes playing-bar{0%{transform:scaleY(.25)}45%{transform:scaleY(1)}70%{transform:scaleY(.5)}to{transform:scaleY(.85)}}@media (prefers-reduced-motion:reduce){.playing-bars i{animation:none}.playing-bars i:first-child{transform:scaleY(.6)}.playing-bars i:nth-child(3){transform:scaleY(.8)}}.artist-page{position:relative}.artist-sticky{z-index:9;isolation:isolate;justify-content:space-between;align-items:center;height:56px;margin-bottom:-56px;padding:8px 16px;display:flex;position:sticky;top:0}.artist-sticky .icon-button{background:#0005;border-radius:50%;width:40px;height:40px}.artist-sticky b{font-size:16px}.artist-sticky.collapsed .icon-button{background:0 0}.artist-hero{height:268px;position:relative;overflow:hidden}.artist-hero>img,.artist-hero>.photo-fallback{object-position:50% 30%;width:100%;height:100%}.artist-hero:after{content:"";background:linear-gradient(#0000 55%,#12121266);position:absolute;inset:0}.artist-hero>div{z-index:1;text-shadow:0 1px 8px #0004;position:absolute;bottom:18px;left:16px;right:16px}.artist-hero h1{letter-spacing:-1.4px;margin-bottom:12px;font-size:40px;line-height:48px}.artist-summary{background:linear-gradient(#1c242b50,#12121200);padding:10px 16px 0}.artist-summary>p{color:#999;font-size:16px}.artist-controls{align-items:center;gap:20px;margin-top:10px;display:flex}.tiny-release{border:1px solid #aaa;border-radius:4px;width:28px;height:40px;padding:2px;overflow:hidden}.tiny-release img{border-radius:2px}.artist-controls .spacer+.icon-button{color:#aaa;width:24px}.artist-controls .play-button{margin-left:-8px}.artist-tabs{z-index:8;background:#121212;align-items:stretch;gap:20px;height:48px;margin-top:4px;padding:0 16px;display:flex;position:sticky;top:56px}.artist-tabs button{white-space:nowrap;color:#aaa;border-bottom:2px solid #0000;padding:8px 2px 12px;font-size:16px;line-height:22px}.artist-tabs button.active{border-color:var(--green);color:#fff;font-weight:800}.liked-artist-row{text-align:left;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.liked-artist-row>span:first-child{width:48px;height:48px;position:relative}.liked-artist-row .avatar{width:48px;height:48px}.liked-artist-row i{width:20px;height:20px;color:var(--green);background:#000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-1px;right:-3px}.liked-artist-row>span:nth-child(2){flex:1;font-size:16px}.liked-artist-row small{color:#aaa;margin-top:4px;font-size:13px;line-height:17px;display:block}.artist-popular{margin-top:16px}.artist-popular>h2{margin:0 16px 10px}.artist-popular .track-row,.artist-popular .track-main{gap:12px}.artist-pick{margin:40px 16px 0}.artist-pick>h2{margin-bottom:24px}.artist-pick>a{align-items:center;gap:12px;display:flex}.artist-pick .cover{flex-shrink:0;width:88px;height:88px}.artist-pick>a>span{flex-direction:column;gap:6px;font-size:16px;display:flex}.artist-pick small{color:#aaa;align-items:center;gap:6px;font-size:13px;display:flex}.artist-pick small:first-child{color:#fff;margin-bottom:1px}.artist-pick .avatar{width:24px;height:24px}.artist-about{border-radius:8px;min-height:300px;margin:36px 16px 0;position:relative;overflow:hidden}.artist-about>img{position:absolute;inset:0}.artist-about:after{content:"";background:linear-gradient(#0000,#000e);position:absolute;inset:0}.artist-about>div{z-index:1;flex-direction:column;justify-content:flex-end;gap:12px;min-height:300px;padding:16px;font-size:14px;display:flex;position:relative}.artist-video{padding:24px 16px}.artist-video>h2{margin-bottom:20px}.artist-video>a{display:block}.artist-video img{aspect-ratio:16/9;border-radius:8px;height:auto}.artist-video h3{margin:12px 0 4px}.artist-video p{color:#aaa;font-size:14px}.library-heading{z-index:7;background:#121212;padding-bottom:12px;position:sticky;top:0;box-shadow:0 4px 8px #0005}.library-page .page-header{gap:16px;height:56px}.library-page .page-header h1{font-size:24px}.library-page .page-header .icon-button{width:28px}.library-filters{gap:8px;margin-top:5px;padding-left:8px;display:flex}.library-filters>.chips{gap:8px;padding:0 8px}.library-filters .chip{padding-left:12px;padding-right:12px}.library-sort{align-items:center;gap:8px;height:48px;padding:12px 16px 8px;display:flex}.library-sort>label{flex:1}.library-sort select{appearance:none;color:#fff;background:0 0;border:0;font-size:13px;font-weight:700}.library-items{padding:0 12px}.library-row{text-align:left;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0;display:flex}.library-row>.cover,.library-row>img,.library-row>.avatar,.library-row>.photo-fallback{border-radius:3px;flex-shrink:0;width:64px;height:64px}.library-row>.avatar{border-radius:50%}.library-row>span:not(.cover):not(.avatar){flex:1;min-width:0;font-size:16px;display:block}.library-row>span>span{white-space:nowrap;text-overflow:ellipsis;line-height:20px;display:block;overflow:hidden}.library-row small{color:#aaa;align-items:center;gap:4px;margin-top:5px;font-size:13px;line-height:17px;display:flex}.library-row small svg{color:var(--green)}.library-row .book-progress{gap:4px;font-size:12px}.book-progress>i{background:#282828;border-radius:99px;width:88px;height:4px;display:inline-flex;overflow:hidden}.book-progress b{background:var(--green);height:4px}.library-search,.track-filter,.panel-input{color:#fff;background:#282828;border:0;border-radius:4px;width:calc(100% - 32px);height:40px;margin:4px 16px 12px;padding:0 12px;font-size:14px;display:block}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:8px 16px;display:grid}.library-grid .library-row{display:block}.library-grid .library-row>.cover,.library-grid .library-row>img,.library-grid .library-row>.avatar{aspect-ratio:1;width:100%;height:auto;margin-bottom:12px}.library-grid .book-progress{flex-wrap:wrap}.collection-page{background:linear-gradient(var(--cover-color), #121212 460px)}.collection-hero{padding:0 70px 24px}.collection-hero>.cover{border-radius:3px;box-shadow:0 10px 30px #0005}.collection-info{padding:0 16px}.collection-info h1{margin-bottom:10px;font-size:26px;line-height:31px}.collection-info>p{color:#bbb;font-size:13px;line-height:18px}.collection-owner{align-items:center;gap:7px;margin-top:12px;font-size:13px;display:flex}.collection-owner .avatar{width:24px;height:24px}.collection-info .collection-details{color:#aaa;margin-top:10px;font-size:12px}.collection-controls{align-items:center;gap:16px;margin:16px 0;display:flex}.collection-controls>.icon-button{color:#aaa}.collection-controls>.saved{color:var(--green)}.collection-tracks{padding-top:4px}.collection-tracks .track-row{min-height:64px}.collection-info form{gap:8px;display:flex}.collection-info form>input{color:#fff;background:0 0;border:0;border-bottom:1px solid #aaa;width:100%;font-size:24px}.book-description{flex-direction:column;align-items:flex-start;gap:16px;padding:16px;display:flex}.book-description>p{color:#aaa;font-size:14px}.delete-playlist{color:#aaa;margin:32px auto;padding:12px;font-size:13px;display:block}.podcast-page{background:linear-gradient(var(--show-color), #121212 270px)}.podcast-page .back-header .icon-button{background:#0003;border-radius:50%;width:40px;height:40px}.show-summary{padding:0 16px}.show-identity{align-items:flex-start;gap:16px;display:flex}.show-identity>img{border-radius:4px;flex-shrink:0;width:112px;height:112px}.show-identity>div{flex-direction:column;flex:1;min-height:112px;display:flex}.show-identity h1{letter-spacing:-.7px;margin-bottom:14px;font-size:24px;line-height:28px}.show-identity>div>a{margin-bottom:12px;font-size:14px;line-height:18px}.show-identity .verified-label{font-size:13px}.show-rating{color:#aaa;white-space:nowrap;margin-top:16px;font-size:13px;line-height:18px}.show-rating>b{color:#fff}.show-controls{color:#aaa;align-items:center;gap:16px;height:40px;margin-top:18px;display:flex}.show-controls>img{border:1px solid #aaa;border-radius:4px;width:28px;height:40px;padding:2px}.show-controls .follow-button{color:#fff}.show-controls .icon-button{width:32px}.show-tabs{gap:16px;margin-top:14px;top:0}.episode-sort{align-items:center;gap:16px;height:56px;padding:16px;font-size:16px;display:flex}.episode-list{padding:0 16px}.episode-row{border-bottom:1px solid #2a2a2a;padding:8px 0 6px}.episode-heading{text-align:left;align-items:center;gap:16px;width:100%;display:flex}.episode-heading>img,.episode-heading>.photo-fallback{border-radius:4px;flex-shrink:0;width:112px;height:64px}.episode-heading>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:20px;display:-webkit-box;overflow:hidden}.episode-row>p{color:#aaa;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.episode-meta{align-items:center;gap:5px;margin-top:8px;font-size:13px;line-height:17px;display:flex}.episode-controls{color:#aaa;align-items:center;gap:16px;height:48px;display:flex}.episode-controls .icon-button{width:32px}.episode-controls .play-button{color:#000;margin-left:auto}.show-about{padding:24px 16px}.show-about>h2{margin-bottom:16px}.show-about>p{color:#aaa;margin-bottom:16px;font-size:14px;line-height:21px}.show-about a{color:#fff}.stats-week{margin-top:16px;padding:16px 16px 0}.stats-week-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.stats-week-title h2{margin-bottom:3px;font-size:21px}.stats-week-title span{font-size:13px}.stats-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-columns>div{flex-direction:column;gap:16px;display:flex}.stats-tile{text-align:left;background:#1f1f1f;border-radius:9px;width:100%;padding:8px;display:block}.stats-tile>span{color:#aaa;justify-content:space-between;align-items:center;font-size:11px;line-height:16px;display:flex}.stats-tile p{color:#aaa;margin:3px 0 8px;font-size:13px;line-height:18px}.stats-tile.minutes{height:96px}.minutes>b{font-size:48px;font-weight:800;line-height:58px;display:block}.stats-tile.outlined{background:0 0;border:1px solid #292929}.stats-placeholder{aspect-ratio:1;color:#969696;background:#282828;justify-content:center;align-items:center;width:100%;display:flex}.stats-placeholder svg+svg{margin-left:-10px}.stats-tile img{aspect-ratio:1;width:100%;height:auto}.stats-tile a{display:block}.question-orb{color:#e1c4fa;background:radial-gradient(at 70% 70%,#7200cf,#cf7cd4 70%,#e99bbb);border-radius:4px;justify-content:center;align-items:center;width:88px;height:88px;margin:12px auto 0;font-size:68px;font-weight:800;line-height:1;display:flex}.friends{padding-bottom:8px}.friends .round{color:#f5bfdf;background:radial-gradient(#ef3290,#ec9b7b);border-radius:50%}.stats-week+.stats-week{margin-top:20px}.profile-hero{text-align:center;background:linear-gradient(#544730,#121212);padding:20px 16px 32px}.profile-hero .avatar{width:110px;height:110px;margin-bottom:20px}.profile-hero>p{color:#aaa;margin-top:8px;font-size:14px}.profile-page>.pill{margin:32px 16px}.empty-state{text-align:center;color:#aaa;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-state h1,.empty-state h2{color:#fff}.empty-state p{font-size:14px}.empty-state>a:not(.pill){color:#fff;text-decoration:underline}.login-page,.startup{text-align:center;background:#121212;flex-direction:column;align-items:center;max-width:412px;min-height:100dvh;margin:auto;padding:40px 24px;display:flex}.login-page>.brand{margin-bottom:40px}.login-page>h1{letter-spacing:-.8px;margin-bottom:10px;font-size:30px}.login-page>p{color:#aaa;font-size:14px}.login-accounts{grid-template-columns:repeat(3,1fr);gap:24px 18px;width:100%;margin-top:32px;display:grid}.login-accounts>button{flex-direction:column;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.login-accounts .avatar{border-radius:8px;width:76px;height:76px}.login-accounts .avatar img{border-radius:0}.login-guest{color:#ffffffb3;font:inherit;background:0 0;border:0;margin-top:14px;padding:8px 16px;font-size:14px}.login-guest u{color:#fff;text-underline-offset:3px;font-weight:700}.login-page .login-footer{margin-top:40px;font-size:12px}.startup{justify-content:center;gap:24px}.startup>svg{color:var(--green)}.toast{bottom:calc(140px + var(--bottom));color:#121212;z-index:100;text-align:center;background:#fff;border-radius:6px;width:max-content;max-width:calc(min(100vw,412px) - 32px);padding:12px 16px;font-size:13px;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.dialog-backdrop{z-index:50;background:#000a;justify-content:center;display:flex;position:fixed;inset:0}.dialog-surface{overscroll-behavior:contain;scrollbar-width:none;background:#282828;width:100%;max-width:412px;position:relative;overflow-y:auto}.dialog-surface::-webkit-scrollbar{display:none}.sheet-dialog{align-items:flex-end}.sheet-dialog>.dialog-surface{max-height:90dvh;padding:32px 16px calc(24px + var(--bottom));background:#282828;border-radius:12px 12px 0 0;min-height:120px}.sheet-handle{background:#888;border-radius:8px;width:32px;height:4px;position:absolute;top:8px;left:calc(50% - 16px)}.sheet-close{z-index:3;position:absolute;top:12px;right:8px;width:32px!important;height:32px!important}.sheet-title{justify-content:space-between;align-items:center;margin:0 0 24px;display:flex}.sheet-title>button{padding-right:32px;font-size:13px;font-weight:700}.queue-sheet>h3{margin:24px 0 8px}.queue-sheet .track-row{padding-left:0;padding-right:0}.queue-sheet>.muted{margin:12px 0;font-size:13px}.queued-track{align-items:center;display:flex}.queued-track .track-row{flex:1;min-width:0}.action-track{border-bottom:1px solid #ffffff15;align-items:center;gap:12px;margin-bottom:8px;padding:0 24px 16px 0;display:flex}.action-track>img{border-radius:4px;width:52px;height:52px}.action-track>span{flex-direction:column;gap:6px;min-width:0;display:flex}.action-track b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.action-track small{color:#aaa}.action-row{text-align:left;align-items:center;gap:16px;width:100%;padding:14px 0;font-size:16px;display:flex}.action-row>svg{color:#aaa}.create-sheet>h2,.playlist-picker>h2,.switcher>h2{margin-bottom:20px}.create-choice{text-align:left;align-items:center;gap:16px;width:100%;padding:16px 0;display:flex}.create-choice>span:first-child{background:#424242;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.create-choice>span:nth-child(2){flex:1;min-width:0}.create-choice b{margin-bottom:6px;font-size:19px;display:block}.create-choice small{color:#bbb;font-size:13px;line-height:18px;display:block}.playlist-picker>.pill{margin:24px auto;display:flex}.playlist-picker .library-row{margin-top:12px}.playlist-picker>.muted{text-align:center;font-size:14px}.new-playlist-form{text-align:center;flex-direction:column;align-items:center;gap:32px;padding:24px 0;display:flex}.new-playlist-form>input{color:#fff;text-align:center;background:0 0;border:0;border-bottom:1px solid #aaa;width:100%;padding:12px 0;font-size:25px;font-weight:700}.switcher-list>button,.message-person{text-align:left;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.switcher-list .avatar,.message-person .avatar{width:44px;height:44px}.switcher-list>button>span:nth-child(2),.message-person>span:nth-child(2){flex:1}.switcher-list>button>svg{color:var(--green)}.blend-sheet>h2,.jam-sheet>h2{margin-bottom:12px}.blend-sheet>p,.jam-sheet>p{color:#bbb;margin-bottom:20px;font-size:14px}.blend-people{grid-template-columns:1fr 1fr;gap:8px;display:grid}.blend-people>button{text-align:left;background:#333;border-radius:5px;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.blend-people>button.selected{box-shadow:inset 0 0 0 1px var(--green)}.blend-people>button>svg{color:var(--green);margin-left:auto}.blend-sheet>.pill{margin:24px auto 0;display:flex}.jam-sheet{text-align:center;padding:20px}.jam-sheet>svg{color:var(--green);margin-bottom:24px}.extra-panel{padding-top:12px}.extra-panel>h2{margin-bottom:20px}.extra-panel>h3{margin:24px 0 8px}.extra-panel>p{color:#bbb;margin-bottom:20px;font-size:14px}.extra-panel>.pill{margin-top:24px}.setting-row{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-size:15px;display:flex}.setting-row input{accent-color:var(--green);width:36px;height:20px}.extra-panel>.panel-input{background:#424242;width:100%;margin:0 0 16px}.premium-panel{padding-top:20px}.premium-panel>svg{color:var(--green);margin-bottom:24px}.family-label{color:#121212;white-space:nowrap;background:#d3a2f4;border-radius:5px;padding:5px 10px;font-size:13px;font-weight:500}.drawer-dialog{background:#0009;justify-content:center}.drawer-dialog>.dialog-surface{width:calc(min(100vw,412px)/1.11111);max-width:372px;height:100dvh;padding:16px 8px 24px;padding-top:calc(16px + env(safe-area-inset-top,0px));background:#1f1f1f;margin-right:calc(min(100vw,412px)/10)}.profile-drawer{padding-bottom:24px}.drawer-account{background:#282828;border-radius:8px;overflow:hidden}.drawer-account>button{text-align:left;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.drawer-account>button:first-child{border-bottom:1px solid #444;padding-bottom:10px}.drawer-account .avatar{width:48px;height:48px;font-size:32px}.drawer-account span>b{font-size:20px;display:block}.drawer-account small{color:#aaa;margin-top:6px;font-size:13px;line-height:17px;display:block}.drawer-account>button:nth-child(2){gap:12px;padding:10px 8px;font-size:16px}.drawer-account .add-account-icon{color:#aaa;background:#444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.drawer-links{padding:0 8px}.drawer-links>button{text-align:left;align-items:center;gap:14px;width:100%;min-height:48px;font-size:16px;display:flex}.drawer-links>button>span{flex:1}.drawer-links small{color:#4c97dc;margin-top:2px;font-size:11px;display:block}.drawer-links .family-label{font-size:13px}.drawer-social{gap:30px;margin:16px 16px 0;display:flex}.drawer-social>button{text-align:center;flex-direction:column;align-items:center;gap:10px;font-size:13px;line-height:18px;display:flex}.drawer-social>button>span:first-child{background:#2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.drawer-social .activity-avatar{border:2px solid #aaa;padding:2px}.drawer-social .activity-avatar.enabled{border-color:var(--green)}.drawer-social .activity-avatar .avatar{opacity:.55;width:40px;height:40px}.drawer-social small{color:#aaa;display:block}.drawer-messages{margin:24px 8px 0}.drawer-messages>button:first-child{justify-content:space-between;align-items:center;width:100%;display:flex}.drawer-messages h2{align-items:center;gap:8px;display:flex}.drawer-messages>button:first-child>svg{color:#aaa}.drawer-messages>p{color:#aaa;margin:24px 0 16px;font-size:13px;line-height:19px}.new-message{align-items:center;gap:12px;font-size:13px;display:flex}.new-message>span{color:#aaa;background:#333;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fullscreen-dialog>.dialog-surface{background:#121212;width:min(100%,412px);max-width:412px;height:100dvh}.now-playing{background:linear-gradient(var(--player-color) 0, #121212 1000px);min-height:100%;padding-bottom:calc(32px + var(--bottom));--player-color:#66393c}.now-header{height:76px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.now-header>div{text-align:center;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.now-header small{font-size:11px;line-height:14px}.now-header b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:17px;overflow:hidden}.now-header span{color:#ddd;font-size:13px}.now-art{aspect-ratio:1;background:#222;border-radius:8px;margin:10px 24px 0;overflow:hidden;box-shadow:0 8px 36px #0001}.now-art img{border-radius:8px}.now-art.has-video{background:#000;align-items:center;display:flex}.now-video{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.now-video video{object-fit:contain;width:100%;height:100%}.now-video-wrap{background:#000;width:100%;height:100%;position:relative}.now-video-fullscreen{color:#fff;background:#0009;border-radius:50%;width:36px;height:36px;position:absolute;bottom:10px;right:10px}.now-video-wrap:fullscreen .now-video-fullscreen svg{transform:rotate(180deg)}.now-current-lyric{align-items:center;height:118px;padding:28px 24px 0;font-size:16px;font-weight:700;line-height:22px;display:flex}.now-details{padding:0 24px}.switch-video{background:#0007;border-radius:30px;align-items:center;gap:8px;margin:8px 0 10px -8px;padding:9px 16px;font-size:13px;font-weight:700;line-height:16px;display:flex}.now-title{justify-content:space-between;align-items:center;gap:12px;min-height:54px;display:flex}.now-title>div{flex:1;min-width:0}.now-title h1{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.4px;font-size:20px;line-height:24px;overflow:hidden}.now-title a{color:#bbb;margin-top:3px;font-size:16px;line-height:22px;display:block}.now-title>.icon-button{width:34px}.seek-bar{margin-top:22px}.seek-bar input{appearance:none;background:linear-gradient(to right, #fff var(--progress), #fff5 var(--progress)) center / 100% 3px no-repeat;cursor:pointer;accent-color:#fff;border-radius:3px;outline:none;width:100%;height:5px;margin:-1px 0;padding:0;transition:background-size .12s cubic-bezier(0,0,0,1);display:block}.seek-bar input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:8px;height:8px}.seek-bar input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:8px;height:8px}.seek-bar>div{color:#bbb;justify-content:space-between;margin-top:8px;font-size:12px;line-height:16px;display:flex}.transport{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.transport>.icon-button{width:28px;height:36px}.now-play{color:#000;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.now-play svg{margin-left:2px}.now-utilities{align-items:center;gap:16px;min-height:32px;margin-top:24px;display:flex}.now-utilities .device-label{gap:6px;font-size:11px;line-height:16px}.now-utilities>.icon-button{width:28px;height:32px}.now-bottom{padding:0 16px}.lyrics-card{background-color:var(--player-color);background-blend-mode:screen;border-radius:16px;min-height:240px;margin-top:32px;padding:16px;overflow:hidden}.lyrics-card>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.lyrics-card h2{letter-spacing:0;font-size:16px}.lyrics-card>div:first-child>span{gap:12px;display:flex}.lyrics-card .icon-button{background:#0003;border-radius:50%;width:32px;height:32px}.lyrics-card .icon-button svg{width:20px;height:20px}.lyrics-preview{max-height:268px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.lyrics-preview>p{color:#ffffffa0;letter-spacing:-.4px;margin-top:12px;font-size:20px;font-weight:700;line-height:28px}.lyrics-preview>p.active{color:#fff}.lyrics-unavailable{color:#ffffffa0;margin:24px 0;font-size:22px;font-weight:700;line-height:28px}.artist-prompt{background:#282828;border-radius:16px;margin:16px 0 0;padding:20px 16px}.artist-prompt .prompt-input{background:#3a3a3a}.artist-prompt .prompt-results{top:64px;left:16px;right:16px}.about-artist-player{background:#282828;border-radius:16px;min-height:280px;margin-top:16px;display:block;position:relative;overflow:hidden}.about-artist-player>img{height:280px}.about-artist-player>div{background:linear-gradient(#0006,#0000,#000b);flex-direction:column;padding:16px;display:flex;position:absolute;inset:0}.about-artist-player h2{font-size:16px}.about-artist-player b{margin-top:auto;font-size:22px}.about-artist-player span{margin-top:8px;font-size:13px}.playback-error{color:#fff;background:#0005;border-radius:4px;margin-top:16px;padding:10px;font-size:12px}.playback-error button{margin-left:8px;font-weight:700;text-decoration:underline}.full-lyrics{background:linear-gradient(145deg, var(--player-color), color-mix(in srgb, var(--player-color), #fff 17%));height:100dvh;padding-bottom:var(--bottom);flex-direction:column;display:flex;overflow:hidden}.full-lyrics-lines{scrollbar-width:none;flex:1;padding:0 16px 100px;scroll-padding:60px;overflow:auto;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.full-lyrics-lines>p{color:#ffffff8a;letter-spacing:-.5px;margin:0 0 10px;font-size:20px;font-weight:800;line-height:30px}.full-lyrics-lines>p[aria-current=true]{color:#fff;font-size:23px}.full-lyrics>footer{padding:0 24px 16px}.lyrics-utilities{justify-content:space-between;display:flex}.full-lyrics .seek-bar{margin-top:24px}.full-lyrics .transport>.icon-button{visibility:hidden}.full-lyrics .transport>.now-play{margin:auto}.full-lyrics .transport{margin-top:12px}.sponsored-dialog{background:#000c;align-items:center}.sponsored-dialog>.dialog-surface{background:0 0;width:min(100% - 48px,364px);max-height:100dvh;padding:24px 0;overflow:auto}.promo-logo{color:#fff;text-align:center;margin-bottom:32px}.promo-modal{text-align:center;background:#214b9f;border-radius:9px;padding:32px 48px 18px}.promo-modal>h2{white-space:nowrap;letter-spacing:-.5px;margin-bottom:32px;font-size:18px}.promo-modal>.cover{border-radius:0;width:100%;height:auto}.promo-modal-track{text-align:left;align-items:center;gap:8px;margin-top:14px;display:flex}.promo-modal-track>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.promo-modal-track b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:18px;overflow:hidden}.promo-modal-track small{color:#abc5e8;font-size:15px}.promo-modal-track>.icon-button{margin-right:-3px}.promo-modal>.pill{white-space:nowrap;min-height:48px;margin-top:24px;padding:14px 30px;font-size:16px;font-weight:800}.promo-modal>p{color:#adc0df;white-space:nowrap;letter-spacing:-.2px;margin:26px -24px 0;font-size:10px;line-height:14px}.promo-modal>p>button{font-weight:700}.dismiss-promo{margin:30px auto 0;padding:4px 20px;font-size:14px;display:block}@media (width>=600px){.app-shell,.login-page{box-shadow:0 0 80px #0008}.drawer-dialog>.dialog-surface{margin-left:0}.dialog-backdrop{background:#000b}}@media (width<=360px){.home-header{gap:8px}.home-header .chip{padding-left:12px;padding-right:12px}.recent-tile>b{font-size:12px}.page-header{gap:10px}.page-header h1,.library-page .page-header h1{font-size:22px}.show-identity>img{width:96px;height:96px}.show-identity h1{font-size:21px}.show-rating{font-size:11px}.promo-modal{padding-left:32px;padding-right:32px}.mini-player .device-icon{display:none}.banner-content b{font-size:17px;line-height:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.persistent-media{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-2px;left:-2px;overflow:hidden}.persistent-media video{width:1px;height:1px}.mini-tablet-artist,.tablet-collection-owner,.tablet-release-date,.tablet-control-cover,.tablet-disc-heading,.tablet-artist-options{display:none}.owner-avatars{display:inline-flex}.owner-avatars .avatar:not(:first-child){display:none}.lyrics-unavailable>span{margin:12px 0 20px;font-size:14px;line-height:20px;display:block}.lyrics-fallback .lyrics-unavailable{padding:24px 0 8px}@media (width<=899px){.has-player .artist-page{padding-bottom:88px}.artist-popular .see-more{scroll-margin-bottom:calc(var(--nav-height) + var(--bottom) + 88px)}}.dj-shelf{margin:24px 0;padding:0 16px}.dj-shelf h2{margin-bottom:14px}.dj-mix-cards{scroll-snap-type:x proximity;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.dj-mix-card{text-align:left;scroll-snap-align:start;background:#181818;border-radius:8px;flex:0 0 148px;padding:10px}.dj-mix-card.dj-featured{background:linear-gradient(145deg,#145338,#182d23 70%);flex-basis:182px}.dj-card-art{aspect-ratio:1;margin-bottom:10px;position:relative}.dj-card-art img{object-fit:cover;border-radius:4px;width:100%;height:100%}.dj-card-art>span{color:#000;background:#1ed760;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:7px;right:7px;box-shadow:0 3px 12px #0006}.dj-mix-card b,.dj-mix-card small{display:block}.dj-mix-card b{font-size:14px;line-height:1.3}.dj-mix-card small{color:#b3b3b3;margin-top:5px;font-size:12px;line-height:1.4}.dj-start-status{color:#b3b3b3;margin-top:10px;font-size:13px}.dj-now{padding-bottom:40px}.dj-live-label{letter-spacing:1.5px;color:#1ed760;align-items:center;gap:7px;margin:28px 24px 18px;font-size:11px;font-weight:800;display:flex}.dj-live-label i{background:currentColor;border-radius:50%;width:6px;height:6px}.dj-live-label span{color:#b3b3b3;font-variant-numeric:tabular-nums;margin-left:auto}.dj-decks{gap:18px;padding:0 24px;display:flex}.dj-deck{flex:1;min-width:0}.dj-deck-label{letter-spacing:1px;color:#b3b3b3;margin-bottom:9px;font-size:10px;font-weight:700;display:block}.dj-deck img,.dj-empty-deck{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;box-shadow:0 10px 24px #0004}.dj-empty-deck{color:#b3b3b3;background:#242424;place-items:center;display:grid}.dj-deck b{text-overflow:ellipsis;white-space:nowrap;margin:12px 0 4px;font-size:15px;display:block;overflow:hidden}.dj-deck small{color:#b3b3b3;font-size:12px}.dj-meters{justify-content:space-around;align-items:center;margin:30px 16px 8px;display:flex}.dj-meters>div{text-align:center;flex:1}.dj-meters strong{font-variant-numeric:tabular-nums;font-size:28px;display:block}.dj-meters small{letter-spacing:1px;color:#b3b3b3;margin-top:4px;font-size:9px;display:block}.dj-progress{width:80px;height:80px;position:relative;flex:0 0 80px!important}.dj-progress svg{position:absolute;inset:0;transform:rotate(-90deg)}.dj-progress circle{fill:none;stroke:#ffffff24;stroke-width:3px}.dj-progress .dj-progress-value{stroke:#1ed760;stroke-linecap:round}.dj-progress>span{justify-content:center;align-items:baseline;padding-top:27px;font-size:20px;font-weight:700;display:flex}.dj-progress>span small{margin-left:2px;display:inline}.dj-key,.dj-status{text-align:center;color:#b3b3b3;margin:10px 24px;font-size:12px}.dj-status{color:#fff;min-height:32px;font-size:13px}.dj-transport{justify-content:center;align-items:center;gap:24px;margin:16px 24px 30px;display:flex}.dj-skip{align-items:center;gap:8px;display:flex}.dj-skip small{color:#b3b3b3;font-size:10px}.dj-skip:disabled{opacity:.4}.dj-next-up{border-top:1px solid #ffffff20;margin:0 24px 24px;padding-top:20px}.dj-next-up>small{color:#1ed760;letter-spacing:1.3px;font-size:10px}.dj-next-up h2{margin-top:10px;font-size:19px}.dj-next-up p{color:#b3b3b3;margin-top:8px;font-size:12px;line-height:1.5}.dj-leave{margin-left:24px}.track-row.unavailable .track-main,.track-row.unavailable .track-index{opacity:.4}.track-row.unavailable .track-main:disabled{cursor:default}.artist-discography>.chips{padding:0 16px 14px}@media (width>=900px){:root{--nav-height:72px;background:#000}.app-shell{max-width:none;min-height:0;height:calc(100dvh - env(safe-area-inset-top,0px) - var(--bottom) - 16px);margin:calc(8px + env(safe-area-inset-top,0px)) 8px calc(8px + var(--bottom));box-shadow:none;--column-width:min(780px, calc(100% - 48px));--side-width:26%;background:#000;grid-template-columns:minmax(0,1fr);gap:8px;padding:0;display:grid}.app-shell.has-now-panel{grid-template-columns:minmax(0, 1fr) minmax(0, var(--side-width))}.app-shell>main{overscroll-behavior:contain;scrollbar-width:none;background:#121212;border-radius:12px;grid-area:1/1;min-width:0;height:100%;min-height:0;padding-bottom:112px;scroll-padding-bottom:112px;position:relative;overflow:auto}.app-shell>main::-webkit-scrollbar{display:none}.bottom-nav{width:calc(100% - var(--side-width) - 16px);height:var(--nav-height);background:#1f1f1f;border-radius:16px;padding:8px 4px;position:absolute;bottom:16px;left:8px;transform:none}.app-shell:not(.has-player) .bottom-nav{width:calc(100% - 16px)}.has-now-panel .bottom-nav{left:calc((100% - var(--side-width) - 8px) * .1);width:calc((100% - var(--side-width) - 8px) * .8)}.bottom-nav>a,.bottom-nav>button{gap:5px;height:52px;font-size:12px}.mini-player{width:calc(var(--side-width) - 8px);height:var(--nav-height);border-radius:16px;gap:3px;padding:8px;position:absolute;bottom:16px;left:auto;right:8px;transform:none}.mini-open{gap:10px;height:56px}.mini-open>img,.mini-open>.photo-fallback{width:56px;height:56px}.mini-title{font-size:14px}.mini-copy{gap:5px}.mini-player .device-label,.mini-phone-artist{display:none}.mini-tablet-artist{color:#c8c8c8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.mini-player .device-icon{color:#fff}.mini-player>.icon-button{width:28px}.mini-progress{opacity:.6;height:1px}.home-header{gap:12px;height:68px;padding:16px}.recents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recent-tile,.recent-tile>img,.recent-tile>.cover,.recent-tile>.photo-fallback{height:48px}.recent-tile>b{font-size:14px;line-height:18px}.prompt-input input{font-size:14px}.home-page .new-music{margin-top:36px}.sponsored{min-height:142px}.sponsor-copy>a{font-size:15px}.sponsor-copy>a>span{font-size:14px}.sponsor-copy>.icon-button{right:16px}.home-page .new-music+.shelf{margin-top:32px}.home-page .collection-card{flex-basis:calc(14.8148% - 11.8519px);width:calc(14.8148% - 11.8519px);min-width:112px}.home-page .collection-card>.cover{aspect-ratio:1;height:auto}.home-page .collection-card>span:not(.cover){color:#aaa;font-size:14px;line-height:20px}.home-page .shelf-scroll{gap:16px}.library-page>.promo-banner{display:none}.library-heading{padding:6px 0 8px;box-shadow:0 3px 6px #0003}.library-page .page-header{height:60px}.library-page .page-header h1{font-size:23px}.library-page .page-header .icon-button{width:32px}.library-filters{margin-top:6px;padding-bottom:2px}.library-sort{height:52px;padding-top:10px}.library-sort select{color:#fff;font-weight:700}.library-row{min-height:80px;padding:8px 16px}.library-row>.cover,.library-row>.avatar{width:64px;height:64px}.library-row>span>span{font-size:18px;line-height:24px}.library-row small{font-size:14px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.library-grid .library-row{padding:0}.library-grid .library-row>.cover,.library-grid .library-row>.avatar{width:100%;height:auto}.collection-page{background:linear-gradient(var(--cover-color), #121212 470px);min-height:100%}.collection-page>.back-header{position:absolute;top:12px;left:0;right:0}.collection-hero{padding:36px 0 24px}.collection-hero>.cover{width:min(294px,42%);box-shadow:none;margin:auto}.collection-info,.collection-tracks,.collection-page>.track-filter,.book-description{width:var(--column-width);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.collection-info h1{margin-bottom:12px;font-size:28px;line-height:34px}.collection-info>p:not(.tablet-release-date){display:none}.collection-owner{gap:10px;margin-top:0;font-size:14px}.owner-avatars .avatar:not(:first-child){margin-left:-10px;display:inline-flex}.owner-avatars .avatar{border:1px solid #121212;width:22px;height:22px}.phone-collection-owner{display:none}.tablet-collection-owner{display:inline}.collection-info>.tablet-release-date{margin-top:18px;font-size:14px;display:block}.collection-controls{gap:20px;margin:24px 0 16px}.tablet-control-cover{border:1px solid #aaa;border-radius:4px;width:32px;height:40px;padding:2px;display:block}.tablet-control-cover .cover{height:100%}.collection-controls .play-button{width:48px;height:48px}.tablet-disc-heading{margin:0 0 12px;font-size:22px;display:block}.collection-tracks .track-row{min-height:64px;padding:8px 0}.collection-tracks .track-index,.collection-tracks .track-main>img,.collection-tracks .track-main>.photo-fallback{display:none}.collection-tracks .track-title{font-size:18px;line-height:22px}.collection-tracks .track-meta{font-size:14px;line-height:19px}.collection-page>.shelf{max-width:812px;margin-left:auto;margin-right:auto}.artist-hero{height:360px}.artist-hero>img{object-position:50% 30%}.artist-hero:after{background:linear-gradient(#0000 40%,#12121299)}.artist-hero>div{width:var(--column-width);margin:auto;bottom:0;left:0;right:0}.artist-hero h1{letter-spacing:-1px;margin:0;font-size:42px;line-height:52px}.artist-hero .verified-label{display:none}.artist-summary{width:var(--column-width);background:0 0;margin:auto;padding:16px 0 0}.artist-page{background:linear-gradient(#1c242b 360px,#121212 450px);min-height:100%}.artist-controls{gap:24px}.artist-controls .follow-button{border-radius:4px}.tablet-artist-options{display:inline-flex}.artist-tabs{width:var(--column-width);margin:8px auto 0;padding:0}.artist-tabs button{font-size:18px;font-weight:500}.liked-artist-row{width:var(--column-width);margin:auto;padding:16px 0}.artist-popular{width:var(--column-width);margin:16px auto 0}.artist-popular>h2{margin-left:0}.artist-popular .track-row{padding-left:0;padding-right:0}.artist-popular .track-title{font-size:18px;line-height:22px}.artist-popular .track-meta{font-size:14px}.artist-pick,.artist-about,.artist-video{width:var(--column-width);margin-left:auto;margin-right:auto}.artist-page>.shelf{width:min(812px,100%);margin-left:auto;margin-right:auto}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-page,.podcast-page,.stats-page,.profile-page{min-height:100%}.search-entry{max-width:748px}.show-summary,.show-tabs,.episode-sort,.episode-list,.show-about,.episode-home-section{max-width:780px;margin-left:auto;margin-right:auto}.drawer-dialog{justify-content:flex-start;padding:8px}.drawer-dialog>.dialog-surface{border-radius:12px;width:26%;max-width:none;height:100%;margin:0;padding:14px 16px 24px}.drawer-account{background:0 0;border-radius:0;margin:0 -16px;position:relative}.drawer-account>button:first-child{min-height:70px;padding:0 16px 20px}.drawer-account>button:first-child>span{padding-right:84px}.drawer-account .drawer-activity{color:#bbb;border:1px solid #444;border-radius:5px;width:auto;padding:7px;font-size:13px;position:absolute;top:6px;right:16px}.drawer-account>button:last-child{padding:14px 16px;font-size:16px}.drawer-account .add-account-icon{color:#fff;background:0 0}.drawer-links{padding:0}.drawer-links>button{min-height:48px}.drawer-messages{margin:20px 0 0}.drawer-social{gap:24px;margin-left:0}.toast{max-width:calc(100vw - 48px);bottom:104px}.now-playing-panel{border-radius:12px;grid-area:1/2;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.now-playing-panel .now-playing{scrollbar-width:none;overscroll-behavior:contain;background:linear-gradient(color-mix(in srgb, var(--player-color), #171426 55%), #121212 720px);height:100%;min-height:0;padding-bottom:16px;overflow-y:auto}.now-playing-panel .now-header{gap:6px;height:90px;padding:20px 16px 8px}.now-playing-panel .now-header>.icon-button{width:26px}.now-playing-panel .now-header small{text-transform:uppercase;font-size:10px}.now-playing-panel .now-header b{font-size:14px}.now-playing-panel .now-art{border-radius:2px;margin:0 16px 12px}.now-playing-panel .now-art img{border-radius:2px}.now-playing-panel .now-current-lyric{display:none}.now-playing-panel .now-details{padding:0 24px}.now-playing-panel .now-title{gap:8px;min-height:54px}.now-playing-panel .now-title h1{font-size:21px;line-height:27px}.now-playing-panel .now-title a{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:20px;overflow:hidden}.now-playing-panel .seek-bar{margin-top:24px}.now-playing-panel .transport{margin-top:12px}.now-playing-panel .now-play{width:60px;height:60px}.now-playing-panel .now-utilities{margin-top:12px;margin-bottom:12px}.now-playing-panel .now-bottom{padding:0 16px}.now-compact-header{z-index:10;background:#0b0913;align-items:center;gap:8px;height:80px;margin-bottom:-80px;padding:12px;display:flex;position:sticky;top:0}.now-compact-header>div{flex:1;min-width:0}.now-compact-header>div>span{white-space:nowrap;text-overflow:ellipsis;color:#bbb;margin-top:5px;font-size:13px;display:block;overflow:hidden}.now-compact-header>.icon-button{width:24px}.compact-progress{background:#ffffff30;height:2px;position:absolute;bottom:0;left:0;right:0}.compact-progress i{background:#fff;height:100%;display:block}.title-marquee{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2% 94%,#0000)}.title-marquee>b,.title-marquee>span{min-width:100%;animation:14s linear infinite alternate player-marquee;display:inline-block}.now-discovery{flex-direction:column;gap:16px;display:flex}.now-discovery h2{letter-spacing:-.3px;font-size:18px;line-height:24px}.player-artist-card{background:#262626;border-radius:14px;display:block;position:relative;overflow:hidden}.player-artist-card>img{aspect-ratio:1;height:auto}.player-artist-card>h2{text-shadow:0 1px 8px #000;position:absolute;top:20px;left:20px}.player-artist-card>div{flex-direction:column;gap:8px;padding:16px 20px;display:flex}.player-artist-card>div>b{font-size:20px}.player-artist-card span,.player-artist-card p{color:#bbb;font-size:14px;line-height:21px}.nomad-dna{background:linear-gradient(#2d2c3e,#21212b);border-radius:14px;padding:16px}.nomad-dna h2{align-items:center;gap:5px;display:flex}.nomad-dna .beta{background:var(--green);margin-left:2px;padding:4px;font-size:12px;line-height:14px}.dna-people{gap:16px;margin:20px 0;display:flex}.dna-people>a{text-align:center;flex-direction:column;flex:1;gap:7px;min-width:0;font-size:14px;display:flex}.dna-people img{aspect-ratio:1;border-radius:50%;width:100%;height:auto;margin-bottom:6px}.dna-people span{color:#ddd;font-size:13px}.dna-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.dna-title>div{min-width:0}.dna-title h3{font-size:19px;line-height:24px}.dna-title span,.nomad-dna>p{color:#aaa;font-size:14px;line-height:20px}.dna-title .follow-button{flex-shrink:0;padding:5px 14px;font-size:13px}.nomad-dna>p{margin-top:12px}.player-explore,.player-videos{background:#262626;border-radius:10px;padding:16px}.explore-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.explore-tiles>a,.explore-tiles>button{aspect-ratio:.56;text-align:left;border-radius:8px;min-width:0;position:relative;overflow:hidden}.explore-tiles img{height:100%;position:absolute}.explore-tiles>:after{content:"";background:linear-gradient(#0000 35%,#000c);position:absolute;inset:0}.explore-tiles b{z-index:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box;position:absolute;bottom:10px;left:8px;right:8px;overflow:hidden}.related-video-list{scrollbar-width:none;gap:16px;margin-top:16px;display:flex;overflow:auto}.related-video-list>button{text-align:left;flex:0 0 76%;min-width:0}.related-video-list>button>span{aspect-ratio:16/9;display:block;position:relative}.related-video-list img{border-radius:4px}.related-video-list small{background:#000b;border-radius:3px;padding:2px 4px;position:absolute;top:8px;right:8px}.related-video-list svg{position:absolute;bottom:8px;right:8px}.related-video-list b{margin-top:10px;font-size:13px;line-height:18px;display:block}.player-videos>p{color:#bbb;margin-top:12px;font-size:14px}.now-playing-panel .lyrics-card{margin-top:16px}}@keyframes player-marquee{0%,20%{transform:translate(0)}80%,to{transform:translate(min(0px,240px - 100%))}}@media (width>=900px) and (width<=1200px){.mini-open>img{width:40px;height:48px}.mini-open{gap:6px}.mini-player>.icon-button{width:24px}.mini-player>.icon-button svg{width:20px}.now-playing-panel .now-header{gap:2px;padding-left:8px;padding-right:8px}.now-playing-panel .now-header small{font-size:8px}.now-playing-panel .now-header b{font-size:11px}.now-playing-panel .now-details{padding:0 16px}.now-playing-panel .now-play{width:48px;height:48px}.now-playing-panel .transport>.icon-button{width:24px}.now-playing-panel .transport svg{width:23px}.now-playing-panel .now-title h1{font-size:18px}.now-playing-panel .now-bottom{padding:0 10px}.nomad-dna,.player-explore,.player-videos{padding:12px}.dna-title{flex-wrap:wrap}.dna-people{gap:10px}.dna-people>a,.dna-people span{font-size:12px}.explore-tiles{gap:6px}.explore-tiles b{font-size:11px;line-height:15px;left:5px;right:5px}.now-compact-header{gap:4px;padding:8px}.now-compact-header>.icon-button{width:20px}.now-compact-header .title-marquee{font-size:13px}.drawer-dialog>.dialog-surface{padding-left:12px;padding-right:12px}.drawer-account .drawer-activity{font-size:11px;right:10px}.drawer-links>button{gap:10px;font-size:14px}}:root{--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decel:cubic-bezier(0, 0, 0, 1);--ease-accel:cubic-bezier(.3, 0, 1, 1);--ease-ios:cubic-bezier(.32, .72, 0, 1)}@media (display-mode:standalone){html,body{overscroll-behavior-y:none}}img[data-img]:not([data-loaded]){background-color:#282828}.skeleton{max-width:412px;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);background:#121212;margin:auto;overflow:hidden}.sk{background:#282828;border-radius:4px;display:block;position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:40%;animation:1.2s linear infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes sk-shimmer{to{transform:translate(250%)}}.sk-header{align-items:center;gap:8px;height:56px;padding:8px 16px 16px;display:flex}.sk-header.flat{height:40px;padding:4px 0}.sk-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px}.sk-avatar.small{width:24px;height:24px}.sk-chip{border-radius:16px;flex-shrink:0;width:64px;height:32px}.sk-recents{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px;display:grid}.sk-tile{height:48px}.sk-shelf{padding:32px 16px 0}.sk-shelf>div{gap:16px;margin-top:16px;display:flex;overflow:hidden}.sk-shelf span{flex:0 0 148px;gap:8px;display:grid}.sk-card{background:#2a2a2a;width:148px;height:148px}.sk-title{width:45%;height:24px}.sk-title.wide{width:70%;height:32px}.sk-line{border-radius:6px;width:80%;height:12px}.sk-line.short{width:40%}.sk-hero{border-radius:0;height:268px}.sk-pad{gap:12px;padding:16px;display:grid}.sk-controls{align-items:center;gap:16px;display:flex}.sk-controls>span{flex:1}.sk-pill{border-radius:16px;width:80px;height:32px}.sk-play{border-radius:50%;width:48px;height:48px}.sk-icon{border-radius:50%;width:24px;height:24px}.sk-album-cover{background:#2a2a2a;width:272px;height:272px;margin:64px auto 8px}.sk-owner{align-items:center;gap:8px;display:flex}.sk-row{align-items:center;gap:12px;height:64px;padding:4px 16px;display:flex}.sk-row>span{flex:1;gap:8px;display:grid}.sk-cover{background:#2a2a2a;flex-shrink:0;width:48px;height:48px}.skeleton-library .sk-row{height:72px}.skeleton-library .sk-cover{width:64px;height:64px}.sk-cover.round{border-radius:50%}.sk-field{height:48px}.sk-grid{grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.sk-category{border-radius:6px;height:100px}@media (width>=900px){.skeleton{border-radius:12px;max-width:none;min-height:calc(100dvh - 16px);margin:8px}.sk-recents{grid-template-columns:repeat(4,minmax(0,1fr))}}.bottom-nav{view-transition-name:nomad-nav}.mini-player:not(.motion-ghost){view-transition-name:nomad-mini}.now-playing-panel:not(.motion-ghost){view-transition-name:nomad-panel}::view-transition-group(nomad-nav){animation:none}::view-transition-group(nomad-mini){animation:none}::view-transition-group(nomad-panel){animation:none}::view-transition-new(nomad-nav){animation:none}::view-transition-new(nomad-mini){animation:none}::view-transition-new(nomad-panel){animation:none}::view-transition-old(nomad-nav){opacity:0;animation:none}::view-transition-old(nomad-mini){opacity:0;animation:none}::view-transition-old(nomad-panel){opacity:0;animation:none}html[data-nav=android-push]::view-transition-old(root){animation:vt-axis-out-left .14s var(--ease-accel) both}html[data-nav=android-push]::view-transition-old(nomad-main){animation:vt-axis-out-left .14s var(--ease-accel) both}html[data-nav=android-push]::view-transition-new(root){animation:vt-axis-in-right .28s var(--ease-decel) 60ms both}html[data-nav=android-push]::view-transition-new(nomad-main){animation:vt-axis-in-right .28s var(--ease-decel) 60ms both}html[data-nav=android-pop]::view-transition-old(root){animation:vt-axis-out-right .14s var(--ease-accel) both}html[data-nav=android-pop]::view-transition-old(nomad-main){animation:vt-axis-out-right .14s var(--ease-accel) both}html[data-nav=android-pop]::view-transition-new(root){animation:vt-axis-in-left .28s var(--ease-decel) 60ms both}html[data-nav=android-pop]::view-transition-new(nomad-main){animation:vt-axis-in-left .28s var(--ease-decel) 60ms both}html[data-nav=tab]::view-transition-old(root){animation:vt-fade-out .12s var(--ease-accel) both}html[data-nav=tab]::view-transition-old(nomad-main){animation:vt-fade-out .12s var(--ease-accel) both}html[data-nav=tab]::view-transition-new(root){animation:vt-fade-in .2s var(--ease-decel) 40ms both}html[data-nav=tab]::view-transition-new(nomad-main){animation:vt-fade-in .2s var(--ease-decel) 40ms both}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-axis-out-left{to{opacity:0;transform:translate(-24px)}}@keyframes vt-axis-out-right{to{opacity:0;transform:translate(24px)}}@keyframes vt-axis-in-right{0%{opacity:0;transform:translate(40px)}}@keyframes vt-axis-in-left{0%{opacity:0;transform:translate(-40px)}}html[data-nav=ios-push]::view-transition-old(root){animation:vt-ios-under .35s var(--ease-ios) both}html[data-nav=ios-push]::view-transition-old(nomad-main){animation:vt-ios-under .35s var(--ease-ios) both}html[data-nav=ios-push]::view-transition-new(root){animation:vt-ios-over .35s var(--ease-ios) both;box-shadow:-8px 0 24px #0008}html[data-nav=ios-push]::view-transition-new(nomad-main){animation:vt-ios-over .35s var(--ease-ios) both;box-shadow:-8px 0 24px #0008}html[data-nav=ios-pop]::view-transition-old(root){animation:vt-ios-leave .35s var(--ease-ios) both;z-index:1;box-shadow:-8px 0 24px #0008}html[data-nav=ios-pop]::view-transition-old(nomad-main){animation:vt-ios-leave .35s var(--ease-ios) both;z-index:1;box-shadow:-8px 0 24px #0008}html[data-nav=ios-pop]::view-transition-new(root){animation:vt-ios-under .35s var(--ease-ios) reverse both}html[data-nav=ios-pop]::view-transition-new(nomad-main){animation:vt-ios-under .35s var(--ease-ios) reverse both}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-ios-over{0%{transform:translate(100%)}}@keyframes vt-ios-under{to{opacity:.85;transform:translate(-30%)}}@keyframes vt-ios-leave{0%{transform:translateX(var(--back-from,0px))}to{transform:translate(100%)}}@media (width>=900px){#main-content{view-transition-name:nomad-main}html[data-nav]::view-transition-old(root){animation:none}html[data-nav]::view-transition-new(root){animation:none}}.artist-sticky-bg{z-index:-1;opacity:0;pointer-events:none;position:absolute;inset:0}.artist-sticky b{opacity:0}.artist-sticky .icon-button{transition:background-color .15s var(--ease-decel), scale .2s var(--ease-decel), opacity .2s var(--ease-decel)}.artist-hero>img{transform-origin:50% 100%}.artist-hero-dim{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.collection-page>.back-header>b{opacity:0;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:0 8px;overflow:hidden}.bar-fill{z-index:-1;opacity:0;pointer-events:none;background:color-mix(in srgb, var(--cover-color) 60%, #000);position:absolute;inset:0}.docked-play{position:absolute;top:calc(100% - 24px);right:16px}.play-docked .collection-controls .play-button{visibility:hidden}.collection-hero>.cover{transform-origin:50% 100%}@media (width<=899px){.collection-page>.back-header{z-index:9;isolation:isolate;position:sticky;top:0}}.mini-player:not(.motion-ghost){animation:mini-in .3s var(--ease-standard) backwards}@keyframes mini-in{0%{opacity:0;translate:0 120%}}.swipe-skip{touch-action:pan-y}.pop-a svg{animation:icon-pop-a .18s var(--ease-decel)}.pop-b svg{animation:icon-pop-b .18s var(--ease-decel)}@keyframes icon-pop-a{0%{opacity:0;scale:.6}}@keyframes icon-pop-b{0%{opacity:0;scale:.6}}.save-pop svg{animation:save-pop .35s var(--ease-standard)}.unsave-pop svg{animation:unsave-pop .2s var(--ease-decel)}@keyframes save-pop{0%{scale:.6}55%{scale:1.2}to{scale:1}}@keyframes unsave-pop{0%{scale:.85}}.seek-bar input::-webkit-slider-thumb{transition:scale .12s var(--ease-decel)}.seek-bar.scrubbing input{background-size:100% 5px}.seek-bar.scrubbing input::-webkit-slider-thumb{scale:1.5}.seek-bar.scrubbing input::-moz-range-thumb{scale:1.5}@media (width>=900px){.now-playing-panel:not(.motion-ghost){animation:panel-in .3s var(--ease-standard) backwards}}@keyframes panel-in{0%{transform:translate(calc(100% + 8px))}}.dialog-shade{pointer-events:none;position:absolute;inset:0}.dialog-backdrop:not(.motion-ghost)>.dialog-shade{animation:fade-in .2s var(--ease-decel) backwards}.sponsored-dialog:not(.motion-ghost){animation:fade-in .25s var(--ease-decel) backwards}.sheet-dialog:not(.motion-ghost)>.dialog-surface{animation:sheet-in .3s var(--ease-standard) backwards}.drawer-dialog:not(.motion-ghost)>.dialog-surface{animation:drawer-in .3s var(--ease-standard) backwards}.sponsored-dialog:not(.motion-ghost)>.dialog-surface{animation:modal-in .25s var(--ease-decel) backwards}.full-lyrics{animation:lyrics-in .25s var(--ease-decel) backwards}.motion-ghost,.motion-ghost *{pointer-events:none!important;animation:none!important}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes drawer-in{0%{transform:translate(-100%)}}@keyframes modal-in{0%{opacity:0;transform:scale(.94)}}@keyframes lyrics-in{0%{opacity:0;transform:translateY(24px)}}.toast{animation:toast-in .2s var(--ease-decel) backwards}@keyframes toast-in{0%{opacity:0;translate:0 8px}}@media (width<=899px){.toast{bottom:calc(var(--nav-height) + var(--bottom) + 8px)}body:has(.has-player) .toast{bottom:calc(var(--nav-height) + var(--bottom) + 64px)}}:where(.collection-card,.recent-tile,.category-grid>button,.artist-card,.show-card,.episode-card,.play-button,.pill,.follow-button,.now-play,.mini-open,.icon-button){transition:scale .2s var(--ease-decel), opacity .2s var(--ease-decel)}:where(.collection-card,.recent-tile,.category-grid>button,.artist-card,.show-card,.episode-card,.play-button,.pill,.follow-button,.now-play,.mini-open):active:not(:disabled){transition-duration:80ms;scale:.96}.chip{transition:scale .2s var(--ease-decel), background-color .15s var(--ease-decel), color .15s var(--ease-decel)}.chip:active{transition-duration:80ms;scale:.96}.icon-button:active:not(:disabled){opacity:.7;transition-duration:80ms;scale:.9}:where(.track-main,.result-row,.suggestion-row>button,.library-row,.action-row,.setting-row,.episode-row,.liked-artist-row,.drawer-links>button){transition:opacity .2s var(--ease-decel)}:where(.track-main,.result-row,.suggestion-row>button,.library-row,.action-row,.setting-row,.episode-row,.liked-artist-row,.drawer-links>button):active,.long-pressing{opacity:.6;transition-duration:80ms}.track-main{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}