.subscription-badge { display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px; background:#d8e8eb; color:#245761; font-size:12px; font-weight:650; line-height:1.4; text-decoration:none; vertical-align:middle; }
.subscription-badge.is-pro { color:#fff; background:#137b88; }
.account-nav-subscription { display:none; }
.profile-subscription-block { grid-column:1/-1; }
.profile-subscription { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; margin:0 0 24px; background:#d5e9eb; border-radius:16px; }
.profile-subscription h2,.profile-subscription-settings h2 { margin:0 0 8px; color:#102e35; font-size:20px; }
.profile-subscription p,.profile-subscription-settings p { color:#425f68; font-size:14px; line-height:1.6; margin:6px 0; }
.profile-subscription a { color:#096779; font-weight:650; text-underline-offset:4px; }
.profile-subscription-settings { padding:24px; margin-bottom:28px; background:#f5fafb; border-radius:16px; }
.profile-subscription-settings form { display:grid; gap:12px; max-width:560px; margin:16px 0; }
.profile-subscription-settings input { box-sizing:border-box; width:100%; min-height:48px; padding:10px 14px; border:1px solid #92b8bf; border-radius:10px; background:#fff; color:#102e35; font-size:16px; }
.profile-subscription-settings button { justify-self:start; min-height:46px; padding:12px 20px; border:0; border-radius:999px; background:#137b88; color:#fff; font:600 14px inherit; cursor:pointer; }
.profile-subscription-settings :is(input,button):focus-visible { outline:2px solid #137b88; outline-offset:4px; }
.account-copyright { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin:18px 0; overflow-wrap:anywhere; }
.copyright-lock { display:inline-flex; align-items:center; gap:7px; color:#425f68; font-size:12px; }
.copyright-lock svg { width:17px; height:17px; }
.subscription-message { padding:14px 20px; color:#19584d; background:#def0e8; border-radius:12px; }
.subscription-message.is-error { color:#823331; background:#f9e9e6; }
.home-subscription-link { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:18px 22px; margin:22px 0; background:#d5e9eb; border-radius:16px; color:#174e59; text-decoration:none; }
.home-subscription-link strong { margin-left:auto; }
@media(min-width:960px) {
 .artist-shell .account-nav-subscription { display:flex; align-items:center; gap:10px; width:100%; padding:14px 10px; box-sizing:border-box; margin-top:auto; color:#102e35; text-decoration:none; border-top:1px solid #b9d3d8; }
 .account-nav-avatar { display:grid; place-items:center; width:36px; height:36px; flex-shrink:0; overflow:hidden; background:#d5e9eb; border-radius:50%; font-weight:650; }
 .account-nav-avatar img { width:100%; height:100%; object-fit:cover; }
 .account-nav-copy { display:grid; min-width:0; gap:5px; }
 .account-nav-copy>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
 .account-nav-copy .subscription-badge { justify-self:start; }
}
@media(max-width:600px) { .profile-subscription { align-items:flex-start; flex-direction:column; padding:20px; } .profile-subscription-settings { padding:20px; } }

.additional-artists-list { list-style:none; padding:0; margin:20px 0; }
.additional-artists-list li { display:grid; gap:6px; padding:16px 0; border-bottom:1px solid #b9d3d8; overflow-wrap:anywhere; }
.additional-artists-list span { color:#425f68; font-size:14px; }
.additional-artists a { color:#096779; text-underline-offset:4px; }
.additional-artists summary { width:fit-content; min-height:44px; padding:12px 0; box-sizing:border-box; cursor:pointer; color:#096779; font-weight:650; }
.additional-artists summary:focus-visible { outline:2px solid #137b88; outline-offset:4px; }
.additional-artists label { color:#102e35; font-size:14px; }
.additional-artists label span { color:#425f68; }

.subscription-page .additional-artists h2 { margin:0 0 8px; font-size:20px; letter-spacing:normal; }