/* Presentation shared across every destination. Artist images and ownership stay central. */
:root{--surface:#171a17;--surface-raised:#20261d;--line:#ffffff18;--muted:#aab4a2;--accent:#c6fa64;--ink:#101111}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
.listen,.landing-enter{color:var(--ink);border-radius:999px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.25}
.secondary-action,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 18px;border:1px solid #48503f;border-radius:999px;background:transparent;color:#e2e8dc;text-decoration:none;font:inherit;font-size:13px;cursor:pointer}
.secondary-action:hover,.secondary-button:hover{background:#ffffff0a;border-color:#839375}
.listen:disabled{opacity:1;background:#788968;color:#101111;cursor:default}
.preview-label{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#9ca791;border:1px solid var(--line);padding:4px 7px;border-radius:4px;align-self:flex-start}.in-app .preview-label{margin-top:14px}body:not(.in-app) .preview-label{margin-left:12px;margin-right:auto}
.in-app main>section{max-width:1500px;margin-inline:auto}.in-app h1{font-size:clamp(36px,4.5vw,62px);letter-spacing:-2.1px;line-height:1.08}.in-app .collection-note{line-height:1.65;max-width:760px}.section-heading h2{font-size:clamp(23px,2.7vw,32px)}
.home-shortcuts{margin:24px 0 28px;gap:22px}.home-shortcuts a{flex:none;padding:0 0 6px;background:none;border:0;border-bottom:1px solid #566448;border-radius:0;color:#c7d6b9;font-size:13px}
.home-spotlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 42px}.spotlight-card{position:relative;min-height:240px;overflow:hidden;border-radius:14px;background:var(--surface);border:1px solid var(--line);isolation:isolate}.spotlight-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .25s}.spotlight-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070c07f2,transparent 100%);z-index:0}.spotlight-copy{position:absolute;bottom:22px;left:22px;right:18px;z-index:1;display:grid;gap:8px}.spotlight-copy small{font-size:9px;letter-spacing:1.6px;color:#d1e5bf}.spotlight-copy strong{font-size:clamp(20px,2.2vw,30px);letter-spacing:-.8px;line-height:1.1;overflow-wrap:anywhere}.spotlight-copy span{font-size:11px;color:#d9e4cf}.spotlight-card:hover>img{transform:scale(1.035)}
.track-row{transition:background .15s;border-color:var(--line)}.track-row:hover{background:#ffffff03}.track-row .release img{border-radius:5px}.track-details-link{color:#bbc8b0;border-radius:5px}.track-details-link:hover{text-decoration:underline;color:#e8f3df}.playlist-card,.directory-card{border-color:var(--line);transition:background .15s,transform .15s}.playlist-card:hover,.directory-card:hover{background:#ffffff05;transform:translateY(-2px)}.playlist-art,.album-hero img,.track-detail-hero>img{border-radius:10px}
.search-discovery,.search-empty{padding:34px 0}.search-discovery h2,.search-empty h2{font-size:25px}.search-artist-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.search-artist-links a{padding:13px 17px;border:1px solid #414b39;border-radius:999px;color:#cbd9bf;background:#1a2116;font-size:13px}.search-artist-links a:hover{color:#101111;background:var(--accent)}#catalog-search{border-radius:12px;max-width:780px;padding:19px 22px;background:#171d15}
.account-page{max-width:880px}.account-page h1{font-size:clamp(36px,5vw,58px)}.account-page form{max-width:480px}.account-page input{border-radius:9px}.wallet-panel{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:30px 0}.wallet-panel h2{font-size:28px}.purchase-panel{padding:22px 24px;margin:24px 0;border:1px solid #435632;border-radius:14px;background:#1b2415}.purchase-panel .collection-note{margin:0 0 14px}.purchase-panel button{margin:0 10px 0 0}.album-summary{background:#171d15;border-color:#34402d}.album-summary .collection-note{font-size:12px}
.studio-destinations{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.studio-destinations>a,.studio-access-card{padding:26px;border:1px solid #4c435a;border-radius:12px;background:#1c1922}.studio-destinations h3{font-size:23px;margin:0 0 14px;letter-spacing:-.5px}.studio-destinations p{font-size:14px;margin:0}.studio-destinations a:hover{border-color:#aa90c6;background:#241e2e}.studio-feature{border-radius:16px}.studio-access-card{margin-top:32px;max-width:780px}.studio-access-card .secondary-action{margin-top:14px}#studio-profile .artist-profile-editor{border:0;padding:24px 0;margin:12px 0}#studio-profile .artist-profile-editor h2{display:none}#studio-profile .artist-profile-editor form{background:#1c1922;padding:26px;border:1px solid #4c435a;border-radius:14px}.in-studio .listen{background:#cfb7f0;color:#18121e}.in-studio .listen:hover{background:#e0cdf7}
footer{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);margin-top:48px}footer a{color:#c3d3b3;white-space:nowrap}
@media(max-width:900px){.home-spotlights{gap:12px}.spotlight-card{min-height:210px}.spotlight-copy{left:16px;bottom:18px}.in-app h1{letter-spacing:-1.4px}}
@media(max-width:600px){.in-app .preview-label{display:none}body:not(.in-app) .preview-label{display:none}.home-spotlights{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.spotlight-card{min-height:210px}.spotlight-card:first-child{grid-column:1/-1;min-height:225px}.spotlight-card:first-child>img{object-position:center 35%}.spotlight-copy strong{font-size:25px}.spotlight-copy small{font-size:8px}.home-shortcuts{flex-direction:row;flex-wrap:wrap;gap:20px}.in-app main>section{padding:30px 20px}.wallet-panel{padding:22px 18px}.studio-destinations{grid-template-columns:1fr}.purchase-panel{padding:18px}.purchase-panel button{margin-bottom:8px}#studio-profile .artist-profile-editor form{padding:18px}.album-hero,.track-detail-hero{gap:24px}footer{align-items:flex-start;flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){.spotlight-card>img,.track-row,.playlist-card,.directory-card{transition:none}.spotlight-card:hover>img,.playlist-card:hover,.directory-card:hover{transform:none}}

@media(max-width:600px){.track-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 64px;column-gap:12px;row-gap:24px}.track-detail-hero>img{grid-column:1/-1;width:100%;height:auto;max-height:300px;aspect-ratio:1;object-fit:cover}.track-detail-hero>div{grid-column:1;min-width:0}.track-detail-hero>.ownership-badge{grid-column:2;align-self:end;width:64px}.track-detail-hero h1{font-size:32px}.in-studio .studio-nav{display:flex;gap:8px;flex-wrap:wrap}.in-studio .studio-nav a{font-size:12px;padding:9px 10px}}

.profile:has(#profile-tracks:empty)>.section-heading{display:none}.account-page>.account-legacy-link{font-size:12px;color:#9faa96;margin-top:10px}.account-studio-link{padding:22px 0;border-top:1px solid var(--line);display:block;margin-top:28px;font-size:14px}

.in-app #tool-view{padding-bottom:0}.in-app #tool-view iframe{display:block;min-height:300px}.tool-notice{padding:24px 5% 8px;border:0;color:#baabd0;background:#131419;font-size:10px;letter-spacing:1.5px}
.account-page>a.listen,.account-page>a.listen:visited,.account-page>a.listen:hover{display:inline-flex;color:#101111;background:#c6fa64}.account-page>a.listen:hover{background:#deffab}

.artist-application-form{max-width:600px;display:grid;gap:12px;margin:28px 0}.artist-application-form input,.artist-application-form textarea{background:#171a17;color:#f3f3ee;border:1px solid #536b41;border-radius:8px;padding:14px;font:inherit}.artist-application-form textarea{min-height:110px}.artist-application-form button{justify-self:start}#artist-access-view .studio-access-card .secondary-action{margin:16px 10px 0 0}

.wallet-presets{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.wallet-presets button[aria-pressed=true]{background:#c6fa64;color:#101111;border-color:#c6fa64}.wallet-topup-summary{font-weight:700;color:#edf4e7!important;padding:16px 0;border-bottom:1px solid #ffffff20}

.direct-purchase-panel{margin:1.5rem 0;padding:1.25rem;border:1px solid #526348;border-radius:16px;background:#182016;color:#edf3e8}.direct-purchase-panel h3{margin:0 0 .5rem}.direct-purchase-panel .collection-note{color:#c1ceb8;max-width:56ch}.direct-purchase-panel .listen{color:#15200f!important;background:#b0eb83!important}.direct-purchase-panel .secondary-button{color:#e3eddc}.direct-purchase-panel [hidden]{display:none!important}

.purchase-review-panel .studio-access-card small{display:block;margin-top:.6rem;overflow-wrap:anywhere;color:#bdb5c7}.purchase-review-panel .studio-access-card strong{display:block;margin:.75rem 0}
.track-row>.preview-button{grid-column:1/-1;justify-self:start;margin:0 0 10px 12px;padding:7px 12px;font-size:11px;color:#d6c9ee;background:#25212c;border:1px solid #655477;border-radius:8px}.preview-playing-note{color:#d6c9ee;font-size:11px;white-space:nowrap}.preview-playing-note[hidden]{display:none}

.listening-links-panel summary{cursor:pointer;font-weight:700}.listening-links-panel label{display:block;margin:18px 0}.listening-links-panel input,.listening-links-panel select{display:block;box-sizing:border-box;width:100%;font:inherit;padding:12px;margin-top:8px;background:#10170d;color:#edf3e6;border:1px solid #4b5c40;border-radius:8px}.listening-links-panel input[readonly]{font-size:12px}.listening-links-panel button{margin:8px 12px 8px 0}.listening-links-panel a{display:inline-block;margin:10px 0}
/* Cleanup: readable small screens, keyboard focus, and safe-area spacing. */
.skip-link{position:fixed;top:8px;left:8px;z-index:10000;transform:translateY(-160%);padding:12px 18px;background:#ddf5b9;color:#15200f;border-radius:8px}.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #d8c2ff;outline-offset:4px}
.collection-sync{padding:16px 0 24px;border-bottom:1px solid #ffffff20;margin-bottom:24px}.collection-sync>button{margin:4px 12px 4px 0}.collection-sync [hidden]{display:none!important}.collection-sync>span{display:block;padding:16px;border:1px solid #a494ba;border-radius:10px}
.connection-notice{padding:12px 20px;background:#382c18;color:#ffedc4;line-height:1.5}.connection-notice[hidden]{display:none}
.startup-recovery{max-width:660px;margin:48px auto;padding:24px;line-height:1.6}.startup-recovery button{margin:8px 12px 8px 0}.startup-details{overflow-wrap:anywhere;font-family:monospace}
.track-row,.release>span,.playlist-card,.spotlight-copy,.player-info{min-width:0}.track-detail h1,.album-hero h1,.playlist-card strong,.spotlight-copy strong,.wallet-entry span{overflow-wrap:anywhere}
.track-row .release strong,.track-row .release small{overflow-wrap:anywhere}.wallet-entry{flex-wrap:wrap}.account-page input{max-width:100%;box-sizing:border-box}
@media(max-width:600px){input,select,textarea{font-size:16px!important}button,.save-track,.track-details-link,.browse-filters button,summary{min-height:44px}.player{padding-bottom:max(12px,env(safe-area-inset-bottom))}body.has-player{padding-bottom:calc(210px + env(safe-area-inset-bottom))}.track-actions,.saved-options,.collection-playback,.inline-form{flex-wrap:wrap;gap:10px}.track-actions>*{max-width:100%}.track-row>.preview-button{min-height:44px;margin-left:0}.library-switch{flex-wrap:wrap}.wallet-panel>div>button{margin:6px 8px 6px 0}.player-title-link,.player-artist-link{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-profile-links{flex-wrap:wrap}.startup-recovery{margin:24px 12px;padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Landing sign-in is visible before app initialization. */
.landing-sign-in{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 24px;background:#d5efad;color:#15200d;border:1px solid #d5efad;border-radius:8px;font-size:16px;font-weight:700;white-space:nowrap}.in-app .landing-sign-in{display:none}
@media(max-width:600px){body:not(.in-app)>header{flex-wrap:wrap;gap:12px}body:not(.in-app) .landing-enter{display:none}.landing-sign-in{margin-left:auto;padding:12px 20px}}

.artist-stats dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1.5rem;margin:1.5rem 0}.artist-stats dt{color:var(--muted,#aaa)}.artist-stats dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700}.artist-stats .wallet-entry{min-width:0}.artist-stats p{overflow-wrap:anywhere}

/* Persistent featured release; keep the complete square artwork visible. */
.hero.featured-release .hero-image{object-fit:contain;object-position:75% center;background:#09110f}.hero.featured-release .hero-shade{background:linear-gradient(90deg,rgba(5,12,10,.97) 0%,rgba(5,12,10,.82) 32%,rgba(5,12,10,.12) 75%)}.featured-listener-release{display:grid;grid-template-columns:minmax(150px,280px) 1fr;align-items:center;gap:35px;padding:28px;background:#132018;border:1px solid #324535;border-radius:16px;margin-bottom:30px}.featured-listener-release img{width:100%;border-radius:8px}.featured-listener-release h2{font-size:clamp(40px,6vw,80px);margin:5px 0}.featured-listener-release a{display:inline-block;text-decoration:none}@media(max-width:650px){.hero.featured-release .hero-image{object-position:center top;object-fit:contain}.hero.featured-release .hero-shade{background:linear-gradient(0deg,rgba(5,12,10,.98),rgba(5,12,10,.65) 46%,rgba(5,12,10,.1) 100%)}.featured-listener-release{grid-template-columns:110px 1fr;gap:16px;padding:16px}.featured-listener-release .kicker{font-size:10px}.featured-listener-release .collection-note{font-size:12px}}

.artist-invite-form{display:grid;gap:14px;max-width:620px}.artist-invite-form label,.invite-result label{display:grid;gap:6px}.artist-invite-form input:not([type=checkbox]),.invite-url{width:100%;box-sizing:border-box;padding:12px;color:inherit;background:#17201a;border:1px solid #63705f;border-radius:7px}.artist-invite-form .invite-email-choice{display:flex;align-items:center;gap:12px}.invite-result button{margin:12px 12px 0 0}.invite-result[hidden]{display:none}