html.mom-personal-page .personal-bottom-btn{position:relative;width:38px;height:38px;min-width:38px;min-height:38px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:grid;place-items:center}
html.mom-personal-page #personalMessagesBtn{width:38px;height:38px;min-width:38px;min-height:38px;padding:8px;border-radius:9px}
html.mom-personal-page #personalMessagesBtn svg,html.mom-personal-page .personal-bottom-btn svg{width:21px;height:21px!important;margin:auto}
html.mom-personal-page .personal-setting-icon{border:1px solid var(--line);border-radius:9px;background:var(--panel)}
html.mom-personal-page .personal-setting-row{border-radius:10px}
.personal-profile-more-btn{position:absolute;z-index:12;top:15px;left:15px;width:34px;height:34px;min-width:34px;padding:7px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:9px;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);display:grid;place-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.personal-profile-more-btn svg{width:20px;height:20px;fill:currentColor}
.personal-followers-list{display:grid;gap:8px;margin-top:8px}

.personal-followers-search,.mom-account-report-field{display:grid;gap:7px;margin:2px 0 12px;color:var(--text-dim);font-size:11px}
.personal-followers-search input,.mom-account-report-field select,.mom-account-report-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:11px;font:inherit}
.mom-account-report-target{margin:-2px 0 14px;color:var(--text-dim);font-size:12px}.mom-account-report-submit{width:100%;min-height:42px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:var(--bg);font-weight:400}

html.mom-personal-page .icon-btn-row:not(.personal-bottom-bar){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.mom-personal-page #menuOverlay{
  display:none;
  visibility:hidden!important;
  pointer-events:none!important;
}
html.mom-personal-page #cartBadge{
  display:none;
}

html.mom-personal-page .personal-cart-badge,
html.mom-personal-page .personal-message-badge{
  z-index:12;
  opacity:1;
  visibility:visible;
  right:-6px;
  top:-6px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  background:var(--accent);
  color:var(--bg);
  box-shadow:0 0 0 2px var(--panel),0 3px 9px rgba(0,0,0,.40);
  font-weight:900;
  line-height:19px;
}
html.mom-personal-page .personal-cart-badge[style*="display: none"],
html.mom-personal-page .personal-message-badge[hidden]{display:none}

html.mom-personal-page .personal-profile-more-btn{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:#fff;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.72));
}

html.mom-personal-page .personal-card-tagline{
  left:0;
  text-align:left;
  transform:translateY(13px);
}
html.mom-personal-page #personalAvatarBtn.personal-avatar-btn{
  border-color:#fff;
}
html.mom-personal-page .personal-favorite-column-artists .personal-artist-card{
  padding-top:0;
}
html.mom-personal-page .personal-favorite-column .personal-artist-visual{
  width:calc(100% - 4px);
  height:auto;
  aspect-ratio:1;
  margin:0 auto 0;
}
html.mom-personal-page .personal-favorite-column .personal-artist-name{
  margin-top:7px;
}
html.mom-personal-page .personal-favorite-column .personal-artist-circle{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
}
html.mom-personal-page .personal-favorite-column .personal-artist-photo{
  width:100%;
  height:100%;
  object-fit:cover;
}
html.mom-personal-page .personal-favorite-play-icon{
  background:rgba(0,0,0,.46);
  border:0;
  box-shadow:0 3px 11px rgba(0,0,0,.42);
}
html.mom-personal-page .personal-media-card.mom-favorite-track-current .personal-favorite-play-icon{
  background:rgba(0,0,0,.46);
}
button.mom-bottom-brand,
html.mom-personal-page button.mom-bottom-brand{
  position:absolute;
  left:-1px;
  top:7px;
  bottom:7px;
  width:58px;
  height:auto;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0 0 0 9px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  
  overflow:hidden;
  border:1px solid var(--line);
  border-left:0;
  border-radius:0 9px 9px 0;
  background:transparent;
  font-size:12px;
  letter-spacing:.035em;
  font-weight:900;
  line-height:.88;
  font-family:inherit;
  text-align:left;
  color:var(--text-dim);
  opacity:.82;
  z-index:2;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-appearance:none;
  appearance:none;
}
html.mom-personal-page #personalMessagesOverlay>.personal-messages-sheet{
  touch-action:pan-y;
  overscroll-behavior-x:contain;
}

.comment-compose-identity-row,
.comment-reply-identity-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  color:var(--text);
}
.comment-compose-identity-row[hidden],
.comment-reply-identity-row[hidden]{display:none}
.comment-compose-identity-row .comment-compose-avatar,
.comment-reply-identity-row .comment-compose-avatar{
  display:block;
  flex:0 0 auto;
  margin:0;
}
.comment-compose-identity-name,
.comment-reply-identity-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:750;
}
.comment-reply-identity-row{min-height:30px;gap:7px}
.comment-reply-identity-row .comment-compose-avatar{width:28px;height:28px}

html.mom-personal-page #personalSettingsOverlay>.personal-control-sheet{
  position:relative;overflow:hidden;
}
html.mom-personal-page .mom-personal-nested-overlay{
  position:absolute;inset:0;z-index:20;width:100%;height:100%;
  padding:0;margin:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
  align-items:stretch;
}
html.mom-personal-page .mom-personal-nested-overlay.open{display:flex;visibility:visible;pointer-events:auto}

html.mom-personal-page .mom-personal-nested-overlay>.personal-control-sheet,
html.mom-personal-page .mom-personal-nested-overlay>.personal-avatar-sheet,
html.mom-personal-page .mom-personal-nested-overlay>.personal-avatar-editor,
html.mom-personal-page .mom-personal-nested-overlay>.personal-card-editor{
  width:100%;height:100%;max-width:none;max-height:none;margin:0;
  padding:18px;border:0;border-radius:0;background:transparent;box-shadow:none;
  overflow-y:auto;transform:none;opacity:1;
}

html.mom-personal-page .mom-report-reason-menu{
  position:static;z-index:auto;left:auto;right:auto;top:auto;
  margin-top:8px;display:none;max-height:none;overflow:visible;
}
html.mom-personal-page .mom-report-reason-picker.open .mom-report-reason-menu{display:grid}

/* ch5.97R1 — fallback visuel volontairement à faible spécificité.
   Les composants (langues, actions de profil, panier, boutons accent/danger)
   gardent ainsi l'autorité de leurs propres couleurs sans priorité forcée. */
:where(html.mom-personal-page .personal-control-sheet button:not([role="tab"]):not(.personal-control-close):not(.personal-account-follow-star):not(.custom-theme-color):not(.custom-theme-half):not(.mom-report-reason-trigger):not(.mom-report-reason-option):not(.mom-account-report-submit):not(#personalMixtapePlayBtn):not(#personalMixtapeShuffleBtn):not(#personalMixtapeDeleteBtn):not(.personal-mixtape-track-action)),
:where(html.mom-personal-page .personal-avatar-sheet button:not(.personal-avatar-window-close)),
:where(html.mom-personal-page .personal-avatar-editor button:not(.personal-avatar-window-close)),
:where(html.mom-personal-page .personal-card-editor button:not(.personal-control-close)){
  border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);
  box-shadow:none;font-family:inherit;
}
html.mom-personal-page #personalCardTaglineSaveBtn,
html.mom-personal-page #personalAvatarCropSaveBtn,
html.mom-personal-page #personalCardCropSaveBtn{
  background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:850;
}

.personal-bottom-btn svg,.icon-btn-row button svg{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}

html.mom-personal-page #personalSettingsOverlay>.personal-control-sheet.mom-has-nested-view>:not(.mom-personal-nested-overlay):not(.mom-personal-shell-close){display:none}
html.mom-personal-page .mom-personal-nested-overlay{
  display:none;visibility:hidden;pointer-events:none;
}
html.mom-personal-page .mom-personal-nested-overlay.mom-nested-visible{
  display:flex;visibility:visible;pointer-events:auto;
}
html.mom-personal-page #personalSettingsOverlay>.personal-control-sheet.mom-has-nested-view{
  overflow:hidden;
}

#momStartupSolidThemeLayer{z-index:1390;}
#firstPopupVeil{z-index:1400;}
#firstPopupOverlay{z-index:var(--mom-first-popup-z,10000);}
#firstPopupOverlay.open{z-index:var(--mom-first-popup-z,10000); visibility:visible;}
#firstPopupOverlay.open #firstPopupCard{visibility:visible;}

html.mom-root-auth-page,
html.mom-root-auth-page body{
  min-height:100%;
  background:var(--bg,#181410);
}
html.mom-root-auth-page #appRoot,
html.mom-root-auth-page #firstPopupVeil,
html.mom-root-auth-page #firstPopupOverlay{
  display:none !important;
}
html.mom-root-auth-page:not(.mom-root-auth-resolved) #platformHome{
  display:flex !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
html.mom-root-auth-page:not(.mom-root-auth-resolved) #momStartupSolidThemeLayer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  background:var(--bg,#181410);
  z-index:6000 !important;
}
html.mom-root-auth-page.mom-root-auth-resolved #platformHome{
  display:flex !important;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
html.mom-root-auth-page.mom-root-auth-resolved #momStartupSolidThemeLayer{
  display:none;
}

html.mom-root-auth-page.mom-instant-personal-shell:not(.mom-root-auth-resolved) #momStartupSolidThemeLayer,
html.mom-root-auth-page.mom-instant-personal-shell #platformHome,
html.mom-root-auth-page.mom-instant-view-active:not(.mom-root-auth-resolved) #momStartupSolidThemeLayer{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
html.mom-root-auth-page.mom-instant-view-active #platformHome{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}



#personalSettingsOverlay>.personal-control-sheet{display:flex;flex-direction:column}
#personalDeleteAccountBtn.mom-delete-account-bottom{margin-top:auto;color:#ff625b;border-color:color-mix(in srgb,#ff625b 68%,var(--line));background:color-mix(in srgb,#ff625b 9%,var(--panel))}
#personalDeleteAccountBtn .personal-setting-icon{color:#ff625b;border-color:color-mix(in srgb,#ff625b 60%,var(--line))}

.personal-theme-avatar-actions,.personal-card-theme-actions,.mom-theme-header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
.personal-theme-avatar-actions button,.personal-card-theme-actions button,.mom-theme-header-actions button{min-height:40px}
/* ch5.97R60 — ratio injecté par personal-page.js depuis la carte finale réellement rendue. */
.personal-theme-card-preview{position:relative;width:100%;aspect-ratio:var(--mom-personal-card-live-ratio,356/112);margin:10px 0 12px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.personal-theme-card-preview img{width:100%;height:100%;display:block;object-fit:cover}
.personal-theme-card-preview img[hidden]{display:none}
.personal-theme-card-preview:not(.has-image)::after{content:'Carte vide';position:absolute;inset:0;display:grid;place-items:center;color:var(--text-dim);font-size:12px}
.mom-tagline-check{display:none;width:20px;height:20px;margin-left:7px;vertical-align:middle;color:#43a047}.mom-tagline-check svg{width:20px;height:20px}.personal-card-tagline-save.mom-saved .mom-tagline-check{display:inline-flex}

#artworkStaticBackdrop{background-image:url('/img/mom-qr-backdrop.webp');background-size:cover;background-position:center;background-repeat:no-repeat}

.mom-theme-header-actions{margin:10px 0 14px}.mom-header-crop-overlay{z-index:var(--mom-window-z-base,4500)}.mom-header-crop-modal{position:relative;max-width:min(620px,calc(100vw - 32px))}
/* ch5.97R61 — même ratio que l’entête final 1000×230. L’ancienne règle 6.85:1 + min-height:92px annulait R60 car page-overrides.css est chargé après app.css. */
#momHeaderCropViewport{aspect-ratio:1000/230;min-height:0;height:auto;}
#momHeaderCropViewport img{max-width:none;user-select:none;-webkit-user-drag:none}



html.mom-personal-page:not(.mom-personal-popup-synced) #personalPopupIntro.open{opacity:0;visibility:hidden;pointer-events:none}
html.mom-personal-page.mom-personal-popup-synced #personalPopupIntro.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 180ms cubic-bezier(.22,.61,.36,1)}
#personalPopupIntro.open{background:rgba(0,0,0,.20);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#personalPopupIntro .personal-popup-stage{will-change:transform;touch-action:none}
#personalPopupIntro .personal-popup-dots:has(.personal-popup-dot:only-child){display:none}

html.mom-personal-page #personalPageRoot{position:relative;isolation:isolate}
html.mom-personal-page #personalPageRoot::before{height:calc(100vh + 18px)}
.personal-background-theme-editor{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.personal-background-theme-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.personal-background-theme-head h3{margin:0 0 4px;font-size:14px}.personal-background-theme-head p{margin:0;color:var(--text-dim);font-size:11.5px;line-height:1.4}
.personal-background-toggle input{display:none}.personal-background-toggle span{display:block;width:44px;height:24px;border-radius:999px;background:var(--line);position:relative;transition:.2s}.personal-background-toggle span::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:var(--text);transition:.2s}.personal-background-toggle input:checked+span{background:var(--accent)}.personal-background-toggle input:checked+span::after{transform:translateX(20px);background:var(--bg)}
.personal-background-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}.personal-background-presets button{padding:0 0 6px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text-dim);font-size:10px}.personal-background-presets button.selected{border-color:var(--accent);color:var(--text)}.personal-background-presets button span{display:block;height:48px;margin-bottom:5px;background-size:cover;background-position:center}.personal-background-presets button[data-personal-bg-preset="mist"] span{background:radial-gradient(circle at 72% 18%,rgba(216,224,232,.28),transparent 22%),linear-gradient(145deg,#090b10,#252d35 58%,#08090c)}.personal-background-presets button[data-personal-bg-preset="vinyl"] span{background:repeating-radial-gradient(circle at 50% 20%,#25211d 0 2px,#0b0a09 3px 6px)}.personal-background-presets button[data-personal-bg-preset="aurora"] span{background:radial-gradient(ellipse at 30% 20%,rgba(111,214,179,.8),transparent 35%),radial-gradient(ellipse at 72% 28%,rgba(103,122,219,.75),transparent 38%),#080b14}.personal-background-presets button[data-personal-bg-preset="wave"] span{background:repeating-linear-gradient(160deg,rgba(255,255,255,.09) 0 1px,transparent 1px 14px),linear-gradient(145deg,#101923,#253749)}.personal-background-presets button[data-personal-bg-preset="grunge"] span{background:radial-gradient(circle at 20% 20%,rgba(173,116,71,.25),transparent 25%),repeating-linear-gradient(25deg,#13100e 0 7px,#211a15 8px 10px,#0c0b0a 11px 18px)}
.personal-background-url-label{display:block;margin:10px 0 6px;color:var(--text-dim);font-size:11px}.personal-background-url-row{display:grid;grid-template-columns:1fr auto;gap:8px}.personal-background-url-row input{min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.personal-background-url-row button,.personal-background-actions button{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:10px 11px}.personal-background-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.personal-background-actions .danger{color:#ff6b6b;border-color:color-mix(in srgb,#ff5252 50%,var(--line))}.personal-background-status{min-height:18px;margin-top:8px;color:var(--text-dim);font-size:11px}

.personal-popup-comments-head{position:relative;font-size:17px;font-weight:800;text-align:center;padding:29px 38px 14px}.personal-popup-comments-close{position:absolute;right:8px;top:23px;width:32px;height:32px;border:0;background:transparent;color:var(--text);padding:5px}.personal-popup-comments-close svg{width:22px;height:22px}

.personal-popup-comments-sheet textarea{width:100%;resize:none;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18);color:var(--text);padding:12px;font:inherit}


html.mom-personal-page #personalCardTaglineSaveBtn{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding-left:42px;padding-right:42px;text-align:center}
html.mom-personal-page #personalCardTaglineSaveBtn .mom-tagline-check{position:absolute;right:12px;top:50%;transform:translateY(-50%) scale(.72);display:grid;place-items:center;width:25px;height:25px;margin:0;border-radius:50%;background:rgba(82,196,104,.16);color:#71e889;opacity:0;visibility:hidden;filter:drop-shadow(0 0 4px rgba(83,225,112,.45));transition:opacity 140ms ease,transform 170ms cubic-bezier(.2,.9,.2,1);pointer-events:none}
html.mom-personal-page #personalCardTaglineSaveBtn.mom-saved .mom-tagline-check{visibility:visible;opacity:1;transform:translateY(-50%) scale(1)}
html.mom-personal-page #personalCardTaglineSaveBtn .mom-tagline-check svg{display:block;width:19px;height:19px}

html.mom-personal-page .personal-control-sheet button:not([role="tab"]),
html.mom-personal-page .personal-avatar-sheet button,
html.mom-personal-page .personal-avatar-editor button,
html.mom-personal-page .personal-card-editor button,
html.mom-personal-page .personal-bottom-btn{
  font-family:inherit;
  font-size:var(--mom-ui-button-font-size,13px);
  line-height:var(--mom-ui-button-line-height,1.15);
}
html.mom-personal-page .personal-setting-row{font-size:var(--mom-ui-button-font-size,13px)}

.comment-avatar-link{
  display:inline-grid;place-items:center;
  border:0;background:transparent;box-shadow:none;
  padding:0;margin:0;border-radius:50%;
  flex:0 0 auto;
}
.comment-avatar-link .comment-avatar{margin:0}

.personal-popup-comment-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block}

html.mom-personal-page #personalThemeAvatarCropArea:not([hidden]){display:block}

.mom-upload-progress-copy{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:6px}.mom-upload-progress-track{height:5px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.12)}

#currentAlbumCommerceRow{
  display:grid;
  grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);
  align-items:center;
  column-gap:10px;
  width:100%;
}
#currentAlbumCommerceRow #lyricsBtn{
  grid-column:1;grid-row:1;justify-self:end;
  position:relative;inset:auto;transform:none;margin:0;
}
#currentAlbumCommerceRow #currentAlbumMediaShareBtn{
  grid-column:1;grid-row:1;justify-self:start;
  width:34px;height:34px;padding:7px;border:0;border-radius:50%;
  background:transparent;color:var(--text-dim);cursor:pointer;
  display:inline-grid;place-items:center;-webkit-tap-highlight-color:transparent;
}
#currentAlbumCommerceRow #currentAlbumMediaShareBtn svg{width:20px;height:20px;display:block}
#currentAlbumCommerceRow #currentAlbumMediaShareBtn:active{transform:scale(.92)}
#currentAlbumCommerceRow #buyCurrentAlbumBtn,
#currentAlbumCommerceRow #offlineAlbumBtn{
  grid-column:2;grid-row:1;justify-self:center;
  position:relative;inset:auto;transform:none;margin:0;
  align-items:center;justify-content:center;
}
#currentAlbumCommerceRow #currentAlbumLikeBtn{
  grid-column:3;grid-row:1;justify-self:start;
  position:relative;inset:auto;margin:0;
  width:34px;height:34px;padding:0;border:0;outline:0;
  background:transparent;color:var(--text-dim);
  font-size:30px;line-height:34px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transform:scale(1);
  transition:color 160ms ease,transform 160ms ease;
  -webkit-tap-highlight-color:transparent;user-select:none;
}
#currentAlbumCommerceRow #currentAlbumLikeBtn[data-liked="1"]{
  color:#D9A441;
  transform:scale(1.06);
}
#currentAlbumCommerceRow[data-purchase-state="available"] #buyCurrentAlbumBtn,
#currentAlbumCommerceRow[data-purchase-state="purchased"] #offlineAlbumBtn{
  display:inline-flex;
}
#currentAlbumCommerceRow[data-purchase-state="available"] #offlineAlbumBtn,
#currentAlbumCommerceRow[data-purchase-state="purchased"] #buyCurrentAlbumBtn{
  display:none;
}



#artWrap #artworkStaticBackdrop{
  pointer-events:none!important;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

#artWrap.artwork-horizontal-front:not(.artwork-vertical-flip-active) #artworkStaticBackdrop,
#artWrap.artwork-horizontal-back:not(.artwork-vertical-flip-active) #artworkStaticBackdrop{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

html.mom-personal-page #momAccountReportOverlay{
  z-index:4900;
}
html.mom-personal-page body.mini-player-visible #momAccountReportOverlay{
  z-index:4900!important;
}
html.mom-personal-page #momAccountReportOverlay>.personal-control-sheet{
  position:relative;
  overflow-y:auto;
  overscroll-behavior:contain;
}
html.mom-personal-page #momAccountReportOverlay .personal-control-heading{
  min-height:42px;
  padding-right:52px;
}
html.mom-personal-page #momAccountReportOverlay .mom-account-report-field{
  gap:8px;
  margin:4px 0 14px;
  color:var(--text-dim);
  font-size:12px;
}
html.mom-personal-page #momAccountReportOverlay .mom-account-report-field>span{
  font-size:12px;
  line-height:1.25;
}
html.mom-personal-page #momAccountReportOverlay .mom-report-reason-picker{
  position:relative;
  width:100%;
}
html.mom-personal-page #momAccountReportOverlay .mom-report-reason-trigger{
  position:relative;
  width:100%;
  min-height:44px;
  padding:10px 42px 10px 13px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--bg);
  color:var(--text);
  box-shadow:none;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.2;
  text-align:left;
  -webkit-appearance:none;
  appearance:none;
}
html.mom-personal-page #momAccountReportOverlay .mom-report-reason-trigger::after{
  content:"";
  position:absolute;
  top:50%;
  right:16px;
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-65%) rotate(45deg);
  transform-origin:center;
  transition:transform 150ms ease;
  pointer-events:none;
}
html.mom-personal-page #momAccountReportOverlay .mom-report-reason-picker.open .mom-report-reason-trigger::after{
  transform:translateY(-25%) rotate(225deg);
}
html.mom-personal-page #momAccountReportOverlay .mom-report-reason-menu{
  margin-top:8px;
  gap:6px;
}
html.mom-personal-page #momAccountReportOverlay .mom-report-reason-option{
  width:100%;
  min-height:40px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel);
  color:var(--text);
  box-shadow:none;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.2;
  text-align:left;
  -webkit-appearance:none;
  appearance:none;
}
html.mom-personal-page #momAccountReportOverlay .mom-report-reason-option[aria-selected="true"]{
  border-color:var(--accent);
  color:var(--accent-bright,var(--accent));
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));
  box-shadow:none;
}
html.mom-personal-page #momAccountReportOverlay .mom-account-report-field textarea{
  min-height:124px;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg);
  color:var(--text);
  font-family:inherit;
  font-size:14px;
  line-height:1.4;
}
html.mom-personal-page #momAccountReportOverlay .mom-account-report-submit{
  width:100%;
  min-height:44px;
  padding:0 16px;
  border:1px solid var(--accent);
  border-radius:10px;
  background:var(--accent);
  color:var(--bg);
  box-shadow:none;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.15;
  -webkit-appearance:none;
  appearance:none;
}

.mom-header-crop-actions button,
html.mom-personal-page #personalCardCropOverlay .personal-avatar-editor-actions button,
html.mom-personal-page #personalAvatarCropOverlay .personal-avatar-editor-actions button{
  -webkit-appearance:none;appearance:none;
  background:var(--bg);color:var(--text);
  border:1px solid var(--line);box-shadow:none;
}
#momHeaderCropSave,
html.mom-personal-page #personalCardCropSaveBtn,
html.mom-personal-page #personalAvatarCropSaveBtn{
  background:var(--accent);color:var(--bg);border-color:var(--accent);
}
#momHeaderCropCancel,
html.mom-personal-page #personalCardCropCancelBtn,
html.mom-personal-page #personalAvatarCropCancelBtn{
  background:var(--panel);color:var(--text);border-color:var(--line);
}
html.mom-personal-page .personal-theme-choice{touch-action:pan-y;overscroll-behavior:contain;}

#currentAlbumCommerceRow #buyCurrentAlbumBtn,
#currentAlbumCommerceRow #offlineAlbumBtn{
  width:fit-content;min-width:160px;max-width:calc(100vw - 150px);
  height:38px;min-height:38px;
  padding:0 18px;
  white-space:nowrap;overflow:visible;text-overflow:clip;
  line-height:1;border-radius:999px;
}
#currentAlbumCommerceRow[data-purchase-state="purchased"] #offlineAlbumBtn{
  width:var(--mom-album-commerce-button-width,fit-content);
}

#artWrap #artworkStaticBackdrop,
#artWrap.artwork-vertical-flip-active #artworkStaticBackdrop{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background-image:none;
}

#artWrap{
  perspective:1100px;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
}
#heroArt,#artworkQrBack{
  width:100%;
  aspect-ratio:1;
  translate:none;
  transform-origin:50% 50%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
}
#artworkQrBack{inset:0;height:100%}

#menuOverlay,#searchModalOverlay,#equalizerOverlay{
  isolation:isolate;
}