.ecosystem-intro,.ecosystem-account-link,.ecosystem-status,.whole-device-option{border:1px solid var(--line,#29312c);background:var(--panel,#151b17);border-radius:20px;padding:24px;margin:24px 0}.ecosystem-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.ecosystem-intro h2{font-size:26px;letter-spacing:-.7px;margin:12px 0}.ecosystem-screen{max-width:1200px;margin:auto}.ecosystem-screen>p,.ecosystem-intro p,.ecosystem-feature p,.plan-card p,.whole-device-option p{color:var(--muted,#a4afa7);line-height:1.75}.ecosystem-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ecosystem-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:60px 24px;border:1px dashed var(--line,#29312c);border-radius:24px;margin:30px 0}.ecosystem-empty>svg{width:46px;height:46px;color:var(--accent,#15cf67)}.ecosystem-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.plan-card,.ecosystem-feature{border:1px solid var(--line,#29312c);border-radius:20px;padding:24px;background:var(--panel,#151b17)}.plan-card{display:flex;flex-direction:column;gap:14px}.plan-card h2{font-size:30px;margin:4px 0}.plan-card strong{font-size:15px;margin-top:auto}.plan-card button{align-self:flex-start}.plan-card input{width:100%}.plan-card label{display:flex;justify-content:space-between}.catalog-cover{display:grid;place-items:center;aspect-ratio:1;border-radius:16px;background:linear-gradient(140deg,var(--accent,#12cb69),#163841);margin-bottom:12px}.catalog-cover svg{width:48px;height:48px}.ecosystem-release,.ecosystem-artist{display:flex;flex-direction:column;text-align:left;gap:8px}.ecosystem-release small{color:var(--muted,#a4afa7)}.catalog-avatar{width:110px;height:110px;border-radius:50%;background:var(--accent,#12cb69);color:#07130b;display:grid;place-items:center;font-size:40px;font-weight:700}.artist-profile-hero{display:flex;align-items:center;gap:28px;margin:30px 0}.whole-device-option{display:flex;align-items:center;justify-content:space-between;gap:20px}.ecosystem-screen button:disabled{opacity:.5;cursor:default}.lyrics .timed-lyric{opacity:.45;transition:opacity .2s,color .2s}.lyrics .timed-lyric.active{opacity:1;color:var(--accent,#12cb69)}@media(max-width:760px){.ecosystem-intro{display:block}.ecosystem-intro .ecosystem-actions{margin-top:20px}.plan-grid,.ecosystem-grid{grid-template-columns:1fr}.ecosystem-screen h1{font-size:32px}.ecosystem-intro,.ecosystem-status,.ecosystem-account-link,.whole-device-option{padding:20px}.whole-device-option{align-items:flex-start;flex-direction:column}.artist-profile-hero{align-items:flex-start;flex-direction:column}.ecosystem-grid:has(.ecosystem-release),.ecosystem-grid:has(.ecosystem-artist){grid-template-columns:repeat(2,minmax(0,1fr))}}
.pricing-region{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0}.pricing-region select{width:auto;min-width:210px}.plan-price{font-size:30px!important;letter-spacing:-1px}.plan-price small{font-size:12px;font-weight:400;letter-spacing:0}.audiobook-addon{border-top:1px solid var(--line,#29312c);padding-top:16px}.audiobook-addon h3{margin:0}.audiobook-addon p{font-size:12px}.audiobook-addon label{font-size:12px;align-items:center;gap:12px}.audiobook-addon input{width:62px;min-width:62px;}.plan-card .plan-price{margin-top:0}.ecosystem-screen>.collection-back{display:flex;width:max-content;margin-bottom:24px}

.artricks-account-screen{max-width:900px}.artricks-account-actions{margin:22px 0 28px}.artricks-account-actions .small-note{margin-top:12px}.artricks-account-screen button:disabled{opacity:.5;cursor:default}.artricks-profile .avatar{flex-shrink:0}.artricks-profile .avatar svg{width:36px;height:36px}.artricks-profile>div:last-child{min-width:0}.artricks-profile h2{overflow-wrap:anywhere}

#now .lyrics{min-height:0;margin-top:20px}#now .lyrics header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0;margin:0 0 18px;background:none;border:0;font-size:11px;font-weight:700;letter-spacing:1px}#now .lyrics header small{font-size:10px;font-weight:500;letter-spacing:0;opacity:.75}#now .lyrics-body{position:relative;max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:currentColor transparent}#now .lyrics-body p{line-height:1.6;margin:0 0 16px;overflow-wrap:anywhere}#now .lyrics-body .static-lyric{white-space:pre-wrap;font-size:18px;font-weight:600}#now .lyrics-body .timed-lyric{color:inherit;opacity:.4;font-weight:700;transition:opacity .2s}#now .lyrics-body .timed-lyric.active{color:inherit;opacity:1}#now .lyrics-body:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:760px){#now .lyrics-body{max-height:240px;scrollbar-width:none}#now .lyrics-body::-webkit-scrollbar{display:none}#now .lyrics-body p{font-size:21px}}

#now .lyrics header .lyric-tools,.lyric-tools{display:flex;gap:4px;margin-left:auto}.lyric-tools .icon-button{width:34px;height:34px;color:inherit}.lyric-tools svg{width:19px;height:19px}.expanded-lyrics .lyrics-expand{display:none}.expanded-lyrics .lyrics{padding:24px;background:var(--accent);color:var(--accent-ink);border-radius:20px}.expanded-lyrics .lyrics header{display:flex;align-items:center;gap:12px;background:none;padding:0;border:0;color:inherit}.expanded-lyrics .lyrics header small{font-size:11px}.expanded-lyrics .lyrics-body{max-height:60dvh;overflow:auto;position:relative;overscroll-behavior:contain}.expanded-lyrics .lyrics p{color:inherit;font-size:25px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}.expanded-lyrics .static-lyric{white-space:pre-wrap}.expanded-lyrics .timed-lyric{opacity:.4}.expanded-lyrics .timed-lyric.active{opacity:1;color:inherit}.expanded-lyrics-song b{font-size:22px}.expanded-lyrics-song p{margin-top:6px}.sheet:has(.expanded-lyrics){width:min(840px,96vw);max-height:94dvh}.lyric-line-picker{max-height:35dvh;overflow:auto;display:flex;flex-direction:column;gap:6px}.lyric-share-line{display:block;text-align:left;padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:var(--text);overflow-wrap:anywhere}.lyric-share-line[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.lyric-share-card{background:var(--accent);color:var(--accent-ink);padding:26px;border-radius:18px;margin:24px 0 12px}.lyric-share-card .eyebrow,.lyric-share-card p{color:inherit}.lyric-share-card p{white-space:pre-wrap;font-size:23px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.lyric-share-card b,.lyric-share-card small{display:block;overflow-wrap:anywhere}.lyric-share-card small{margin-top:6px}.lyric-share-actions{display:flex;gap:12px;flex-wrap:wrap}.lyric-share-actions button:disabled{opacity:.4;cursor:default}@media(max-width:760px){.sheet:has(.expanded-lyrics){width:100%;max-height:100dvh;height:100dvh;border-radius:0}.expanded-lyrics .lyrics-body{max-height:68dvh}}

.account-signin-link{display:inline;padding:0;margin-top:12px;border:0;border-radius:0;background:none;color:var(--accent-readable);text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:600}.account-signin-link:hover{color:var(--text)}.artricks-profile .small-note{font-size:11px;margin:10px 0 0}

html[data-theme] .home-greeting{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;padding-left:0;padding-right:0}html[data-theme] .home-greeting h1{color:var(--text)}html[data-theme] .home-greeting .eyebrow{color:var(--accent-readable)}.workspace:has(.home-greeting)>header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}

.sheet:has(.lyric-story-editor){width:min(980px,96vw);max-height:94dvh}.story-editor-grid{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:28px;align-items:start;margin:20px 0}.story-preview-wrap{position:sticky;top:0}.story-preview-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:16px;border:1px solid var(--line)}.story-editor-controls{display:flex;flex-direction:column;gap:15px}.story-editor-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text)}.story-editor-controls select{width:100%}.story-editor-controls input[type=color]{width:64px;height:40px;padding:3px}.story-picture-actions{display:flex;flex-wrap:wrap;gap:8px}.story-picture-actions .chip{font-size:11px}.story-upload input{position:absolute;width:1px;height:1px;opacity:0}.story-editor-controls .story-upload{display:block;font-size:11px;cursor:pointer}.story-picture-actions button:disabled{opacity:.4}.lyric-story-editor>.lyric-share-actions{position:sticky;bottom:0;background:var(--bg);padding-top:16px;padding-bottom:6px}@media(max-width:650px){.story-editor-grid{grid-template-columns:1fr;gap:20px}.story-preview-wrap{position:static;width:min(100%,270px);margin:auto}.sheet:has(.lyric-story-editor){width:100%;max-height:100dvh;border-radius:20px 20px 0 0}}

.shared-lyric-card-page{max-width:440px;margin:0 auto}.shared-lyric-card{container-type:inline-size;display:flex;flex-direction:column;position:relative;aspect-ratio:9/16;width:100%;overflow:hidden;border-radius:18px;background:var(--card-background);color:var(--card-color);box-shadow:0 12px 50px #0004}.shared-lyric-card>img,.shared-card-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.shared-card-shade{background:#000}.shared-card-heading{position:absolute;top:9%;left:8.5%;right:8.5%;text-align:var(--card-align);z-index:1}.shared-card-heading b{display:block;font-size:3.6cqw;font-weight:900;overflow-wrap:anywhere}.shared-card-heading small{display:block;font-size:2.8cqw;margin-top:5px;overflow-wrap:anywhere}.shared-card-lines{position:absolute;inset:19% 8.5% 20%;z-index:1;display:flex;flex-direction:column;justify-content:var(--card-position);white-space:pre-wrap;text-align:var(--card-align);font-family:var(--card-font);font-weight:var(--card-weight);font-size:var(--card-size);line-height:1.35;overflow-wrap:anywhere;overflow:auto}.shared-card-watermark{position:absolute;right:8.5%;bottom:6%;font-size:3cqw;z-index:1;letter-spacing:-.04em}.shared-lyric-card:hover{color:var(--card-color)}

#now .now-artist-link{display:inline;padding:0;color:inherit;font-size:inherit;text-align:left}#now .now-artist-link:hover{text-decoration:underline;text-underline-offset:3px}#now .now-heading .now-album-link{padding:0 8px;min-width:0;max-width:calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;line-height:1.5}#now .now-album-link:hover{text-decoration:underline;text-underline-offset:3px}

.artist-destination-options .menu-action:disabled{opacity:.4;cursor:default}.artist-destination-options .menu-action small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.offline-artist-hero{display:flex;align-items:center;gap:22px;margin:20px 0 28px}.offline-artist-hero>.cover{width:110px;height:110px;min-width:110px;aspect-ratio:1;border-radius:50%;font-size:16px;overflow:hidden}.offline-artist-hero p{font-size:12px;margin:6px 0}.offline-artist-hero h2{font-size:25px}

.lyrics-alignment{display:flex;justify-content:flex-end;gap:3px;margin:0 0 10px;color:inherit}.lyrics-alignment .icon-button{width:32px;height:32px;padding:7px;color:inherit;opacity:.5;border:1px solid transparent;border-radius:7px}.lyrics-alignment .icon-button[aria-pressed=true]{opacity:1;border-color:currentColor}.lyrics-alignment svg{width:17px;height:17px}.expanded-lyrics .lyrics-alignment{color:inherit}

/* Artwork surfaces remain independent of the app's custom accent choice. */
html[data-theme] #player{--accent:var(--player-art-accent,#159de7);--accent-ink:var(--player-art-ink,#000);--accent-readable:var(--player-art-readable,#54b9f3);--green:var(--player-art-readable,#54b9f3);--text:#fff;--muted:#c0c8cd;--nav:#fff;background:linear-gradient(110deg,color-mix(in srgb,var(--player-art-accent,#159de7) 28%,#101417),#101417);color:#fff;border-color:color-mix(in srgb,var(--player-art-accent,#159de7) 35%,#30343a);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme] #player .mini-title,html[data-theme] #player .controls button{color:#fff}html[data-theme] #player .mini-title small{color:#c0c8cd}.widget-preview{--accent:var(--player-art-accent,#159de7);--accent-ink:var(--player-art-ink,#000);background:linear-gradient(120deg,color-mix(in srgb,var(--player-art-accent,#159de7) 28%,#101417),#101417)!important;color:#fff}
.explicit-badge{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;width:15px;height:15px;border-radius:2px;font:700 10px/1 Montserrat,sans-serif;letter-spacing:0;background:#b6bdc5;color:#15191e;margin-right:4px}.song-title-marquee .explicit-badge{width:18px;height:18px;font-size:11px}.song-main .track-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){html[data-theme] .mobile-nav{background:linear-gradient(to top,rgba(0,0,0,.99) 0%,rgba(0,0,0,.94) 48%,rgba(0,0,0,.58) 82%,rgba(0,0,0,0) 100%);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0;box-shadow:none;overflow:visible}.mobile-nav:before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px;background:linear-gradient(to top,rgba(0,0,0,0),transparent);pointer-events:none}.mobile-nav button{position:relative;z-index:1;color:#bfc3c8!important;min-height:56px}.mobile-nav button.active{color:#fff!important}.mobile-nav .nav-icon,.mobile-nav .nav-icon svg{width:28px!important;height:28px!important}.mobile-nav .nav-icon{display:flex;align-items:center;justify-content:center}.mobile-nav button{font-size:11px;gap:6px}.mobile-nav button.active .nav-icon svg{stroke-width:2.2}html[data-theme] #player .transport .controls .play{color:#fff!important}}
@media(min-width:761px){#nav .nav-icon,#nav .nav-icon svg{width:25px!important;height:25px!important}html[data-drawer=collapsed] #nav .nav-icon{width:25px;height:25px}}

/* Selected controls follow the accent; navigation tabs retain white. */
html[data-theme] svg.icon-selected,html[data-theme] button:is(.active,.selected,.on,.liked,[aria-pressed=true],[aria-checked=true]) svg{color:var(--selected-icon-color,var(--accent))!important;stroke:var(--selected-icon-color,var(--accent))!important;fill:var(--selected-icon-color,var(--accent))!important}html[data-theme] svg.icon-selected :is(path,rect,circle,ellipse),html[data-theme] button:is(.active,.selected,.on,.liked,[aria-pressed=true],[aria-checked=true]) svg :is(path,rect,circle,ellipse){fill:var(--selected-icon-color,var(--accent))!important;stroke:var(--selected-icon-color,var(--accent))!important}html[data-theme] svg.icon-selected[data-icon=search] path,html[data-theme] svg.icon-selected[data-icon=account] path{stroke:none!important}html[data-theme] #nav button.active{color:#fff}html[data-theme] button[aria-pressed=true] .ui-icon[data-icon=check]{fill:none!important}html[data-theme] .icon-button[aria-pressed=true],html[data-theme] .like[aria-pressed=true]{background:#252b32;border-radius:50%}
@media(max-width:760px){html[data-theme] .mobile-nav{background:transparent!important;isolation:isolate}.mobile-nav:before{position:absolute;content:'';inset:auto 0 0;height:var(--tab-fade-height,100px);background:linear-gradient(to top,rgba(0,0,0,.99) 0%,rgba(0,0,0,.96) 45%,rgba(0,0,0,.7) 72%,rgba(0,0,0,0) 100%);z-index:0;pointer-events:none}.mobile-nav button{z-index:1}}

html[data-theme] svg.icon-selected:is([data-icon=settings],[data-icon=album]) path{stroke:none!important}
@media(max-width:760px){#player{z-index:8}}

html[data-theme] svg.icon-selected[data-icon=library] :is(path,rect){stroke:none!important}

html[data-theme] button:is(.on,.active,.selected,[aria-pressed=true]) svg:is([data-icon=shuffle],[data-icon=repeat],[data-icon=repeatOne]),html[data-theme] button:is(.on,.active,.selected,[aria-pressed=true]) svg:is([data-icon=shuffle],[data-icon=repeat],[data-icon=repeatOne]) *{fill:none!important;stroke:var(--selected-icon-color,var(--accent))!important;stroke-width:1.9}
html[data-theme] #player{border:0!important;box-shadow:none!important}

@media(max-width:760px){html[data-theme] #now.now{display:block!important;top:0;bottom:var(--drawer-nav-height,67px);width:100%;z-index:9;border-left:0;border-radius:18px 18px 0 0;transform:translate3d(0,calc(100% + var(--drawer-nav-height,67px)),0);visibility:hidden;pointer-events:none;transition:transform .36s cubic-bezier(.22,.75,.24,1),visibility 0s linear .36s;will-change:transform}html[data-theme] #now.now.open{transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;transition:transform .36s cubic-bezier(.22,.75,.24,1),visibility 0s}#now .now-heading{touch-action:pan-x}#now .mobile-controls{display:block}}
@media(prefers-reduced-motion:reduce){html[data-theme] #now.now{transition:none!important}}

.avatar.profile-free{position:relative;isolation:isolate;overflow:hidden}.avatar.profile-free:before{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(0,0,0,.46);z-index:1;pointer-events:none}.profile-tier-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff!important;font-family:Montserrat,sans-serif;font-weight:900;font-size:8px;letter-spacing:.04em;line-height:1;z-index:2;pointer-events:none;text-shadow:0 1px 2px #0005}.artricks-profile .profile-tier-label{font-size:14px}.avatar.profile-free img{object-fit:cover}
html[data-theme] .like[aria-pressed=true],html[data-theme] .like.liked{background:transparent!important;box-shadow:none!important}

#now .now-volume{display:none!important}
@media(max-width:760px){html[data-theme] #now.now,html[data-theme] #now.now.open{transform:none!important;transition:none!important;clip-path:none}html[data-theme] #now.now:not(.open){visibility:hidden;pointer-events:none}html[data-theme] #now.now.open{visibility:visible;pointer-events:auto}#player.player-morph-hidden{opacity:0;pointer-events:none}}

#now .track-title h2{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
@media(max-width:760px){html[data-theme] .mobile-nav{background:transparent!important}html[data-theme] .mobile-nav:before{background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.24) 65%,transparent 100%)!important}body.player-expanded .mobile-nav{z-index:10!important}}
.notification-preview-track>div{min-width:0}.notification-preview-track b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

html[data-theme] #nav,html[data-theme] #mobileNav{--selected-icon-color:#fff}
html[data-theme] svg.ui-icon[data-icon=check],html[data-theme] svg.ui-icon[data-icon=check] *{fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] .theme-choice[aria-pressed=true] .theme-check svg.ui-icon[data-icon=check],html[data-theme] .color-swatch[aria-pressed=true] svg.ui-icon[data-icon=check]{color:var(--accent-ink)!important}

html:is([data-theme=light],[data-theme=white]) :is(#nav,#mobileNav){--selected-icon-color:#111418}
html:is([data-theme=light],[data-theme=white]) :is(#nav,#mobileNav) button{color:#56606a!important}
html:is([data-theme=light],[data-theme=white]) :is(#nav,#mobileNav) button.active{color:#111418!important}
@media(max-width:760px){html:is([data-theme=light],[data-theme=white]) .mobile-nav:before{background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,.72) 28%,rgba(255,255,255,.24) 65%,transparent 100%)!important}}

html[data-theme] #now .controls .play{border:0!important;box-shadow:none!important}

html[data-theme] .app-symbol{mask:none!important;-webkit-mask:none!important;background:transparent url(assets/trixmusic.svg) center/contain no-repeat!important;filter:none!important}

html[data-theme] .app-symbol{background-image:url(assets/trixmusic-dark.svg)!important}html[data-theme=light] .app-symbol,html[data-theme=white] .app-symbol{background-image:url(assets/trixmusic.svg)!important}