/* Account, library and public details use the same surfaces as Music. */
html.omu-ams body {
  --collection-bg: #f5f5f7;
  --collection-surface: #fff;
  --collection-text: #1d1d1f;
  --collection-muted: #6e6e73;
  --collection-border: #e5e5ea;
  --collection-accent:var(--omu-primary, #6D3BE8);
}
html.omu-ams body :is(.profile-page-content,.omu-settings-page main,.omu-public-detail-main) {
  color: var(--am-text,#1d1d1f);
  font-family: var(--am-font,-apple-system,BlinkMacSystemFont,"Pretendard Variable",Pretendard,sans-serif);
}
html.omu-ams body.omu-account-page .omu-page-hero--profile,
html.omu-ams body.omu-public-detail-page .omu-public-profile-hero {
  padding: 24px 0!important;
  margin-bottom: 28px!important;
  border: 0!important;
  border-bottom: 1px solid var(--am-sep,#e5e5ea)!important;
  border-radius: 0!important;
  background: transparent!important;
  box-shadow: none!important;
}
html.omu-ams body.omu-account-page .omu-page-hero--profile::before,
html.omu-ams body.omu-account-page .omu-page-hero--profile::after { content:none!important; }
html.omu-ams body.omu-account-page .omu-page-hero--profile [class*="bg-gradient"],
html.omu-ams body.omu-settings-page main [class*="bg-gradient"],
html.omu-ams body.omu-public-detail-page .omu-public-profile-hero [class*="bg-gradient"] {
  background:var(--am-key-soft,var(--omu-primary-soft, #F5F1FD))!important;
  color:var(--am-key-ink,var(--omu-primary-ink, #572FBA))!important;
  box-shadow:none!important;
  border-color:var(--am-sep,#e5e5ea)!important;
}
html.omu-ams body.omu-account-page .omu-page-hero--profile a[href$="pricing.php"] {
  background:var(--am-key-fill,var(--omu-primary, #6D3BE8))!important;color:#fff!important;
}
html.omu-ams body.omu-account-page .omu-page-hero--profile a {
  display:inline-flex;align-items:center;justify-content:center;
  height:44px!important;min-height:44px;max-height:44px;align-self:center;
  border-radius:10px!important;padding:10px 16px;white-space:nowrap;
}
html.omu-ams body.omu-account-page .profile-page-content :is(span[class*="bg-purple-"],a>div[class*="bg-purple-"]) {
  background:var(--am-key-soft,var(--omu-primary-soft, #F5F1FD))!important;border-color:var(--omu-primary-border, #DCD0F9)!important;color:var(--am-key-ink,var(--omu-primary-ink, #572FBA))!important;
}
html.omu-ams body.omu-account-page .omu-page-hero--profile p[class*="tracking-"] {
  color:var(--am-text-2,#6e6e73)!important;font-size:12px;letter-spacing:0;font-weight:600;
}
html.omu-ams body.omu-account-page .profile-stat-grid {
  gap:0!important;border:1px solid var(--am-sep,#e5e5ea);border-radius:16px;overflow:hidden;
  background:var(--am-bg-2,#f5f5f7);margin-bottom:28px;
}
html.omu-ams body.omu-account-page .profile-stat-grid>div {
  min-width:0;padding:22px 16px!important;border:0!important;border-right:1px solid var(--am-sep,#e5e5ea)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html.omu-ams body.omu-account-page .profile-stat-grid>div:last-child {border-right:0!important;}
html.omu-ams body.omu-account-page .profile-stat-grid p:first-child {
  font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--am-text,#1d1d1f)!important;
}
html.omu-ams body.omu-settings-page main .glass {
  padding:24px!important;border-radius:16px!important;border-color:var(--am-sep,#e5e5ea)!important;
  background:var(--am-elev,#fff)!important;box-shadow:none!important;
}
html.omu-ams body.omu-settings-page main h1 {font-size:30px;letter-spacing:-.035em;margin-bottom:28px;}
html.omu-ams body.omu-settings-page main h2 {font-size:17px;letter-spacing:-.02em;}
html.omu-ams body.omu-settings-page main h2 svg {color:var(--am-key-ink,var(--omu-primary-ink, #572FBA))!important;}
html.omu-ams body.omu-settings-page main form label {color:var(--am-text,#1d1d1f)!important;font-weight:550;}
html.omu-ams body.omu-settings-page main :is(input:not([type="hidden"]):not([type="checkbox"]),select) {
  min-height:46px;max-width:100%;border-radius:10px!important;
  background:var(--am-bg-2,#f5f5f7)!important;border-color:var(--am-sep,#e5e5ea)!important;color:var(--am-text,#1d1d1f)!important;
}
html.omu-ams body.omu-settings-page main button[type="submit"] {
  min-height:44px;border-radius:10px!important;background:var(--am-key-fill,var(--omu-primary, #6D3BE8))!important;color:#fff!important;
}
html.omu-ams body.omu-settings-page main :is(button,input,select):focus-visible {
  outline:3px solid rgba(var(--omu-primary-rgb, 109, 59, 232), 0.4)!important;outline-offset:3px;
}
html.omu-ams body.omu-settings-page .toggle-checkbox:checked+.toggle-label {background:var(--am-key-fill,var(--omu-primary, #6D3BE8))!important;}
html.omu-ams body.omu-settings-page label:has(>.toggle-checkbox) {min-height:44px;min-width:44px;}
html.omu-ams body.omu-settings-page .toggle-label {position:relative;}
html.omu-ams body.omu-public-detail-page .omu-public-detail-main {
  width:auto;max-width:none;min-width:0;padding:28px clamp(20px,3vw,40px) 64px;
}
html.omu-ams body.omu-public-detail-page .public-album-main>section {
  max-width:1320px;margin-left:auto;margin-right:auto;
}
html.omu-ams body.omu-public-detail-page :is(.glass-card,.public-album-owner) {
  background:var(--am-elev,#fff)!important;border-color:var(--am-sep,#e5e5ea)!important;
  color:var(--am-text,#1d1d1f)!important;box-shadow:none!important;
}
html.omu-ams body.omu-public-detail-page h1 {
  color:var(--am-text,#1d1d1f)!important;font-size:clamp(27px,3vw,38px)!important;line-height:1.3!important;letter-spacing:-.035em!important;
}
html.omu-ams body.omu-public-detail-page main [class*="text-fuchsia-"] {color:var(--am-key-ink,var(--omu-primary-ink, #572FBA))!important;}
html.omu-ams body.omu-public-detail-page .public-album-cover {border-radius:16px!important;}
html.omu-ams body.omu-public-detail-page .public-album-primary {
  min-height:44px;border-radius:10px!important;background:var(--am-key-fill,var(--omu-primary, #6D3BE8))!important;color:#fff!important;
}
html.omu-ams body.omu-public-detail-page .public-album-secondary {
  min-height:44px;border-radius:10px!important;background:var(--am-bg-2,#f5f5f7)!important;color:var(--am-text,#1d1d1f)!important;
}
html.omu-ams body.omu-public-detail-page .public-album-track {
  border:0!important;border-bottom:1px solid var(--am-sep,#e5e5ea)!important;border-radius:0!important;
  min-height:80px;background:transparent!important;padding:12px 4px!important;
}
html.omu-ams body.omu-public-detail-page .public-album-track:hover {background:var(--am-bg-2,#f5f5f7)!important;}
html.omu-ams body.omu-public-detail-page .public-album-track img {border-radius:10px;}
html.omu-ams body.omu-public-detail-page .public-album-duration {
  color:var(--am-text-2,#6e6e73)!important;border:0!important;background:none!important;font-variant-numeric:tabular-nums;
}
@media(max-width:1023px) {
  html.omu-am.omu-ams body.omu-public-detail-page #mainContent.omu-public-detail-main {padding:24px 16px 104px!important;}
}
@media(max-width:767px) {
  html.omu-ams body.omu-public-detail-page #mainContent .grid:has(>button.glass-card) {grid-template-columns:minmax(0,1fr)!important;}
  html.omu-ams body.omu-account-page .omu-page-hero--profile>div {align-items:flex-start!important;gap:18px!important;}
  html.omu-ams body.omu-account-page .omu-page-hero--profile .text-center {text-align:left!important;}
  html.omu-ams body.omu-account-page .omu-page-hero--profile .justify-center {justify-content:flex-start!important;}
  html.omu-ams body.omu-account-page .profile-stat-grid>div {padding:18px 12px!important;}
  html.omu-ams body.omu-account-page .profile-stat-grid>div:nth-child(2) {border-right:0!important;}
  html.omu-ams body.omu-account-page .profile-stat-grid>div:nth-child(-n+2) {border-bottom:1px solid var(--am-sep,#e5e5ea)!important;}
  html.omu-ams body.omu-settings-page main .glass {padding:20px 16px!important;}
  html.omu-ams body.omu-settings-page main :is(input,select) {font-size:16px!important;}
  html.omu-ams body.omu-public-detail-page .public-album-index {display:none!important;}
  html.omu-ams body.omu-public-detail-page .public-album-track>div {gap:10px!important;}
  html.omu-ams body.omu-public-detail-page .public-album-track .h-16 {width:52px;height:52px;border-radius:10px!important;}
}
@media(prefers-reduced-motion:reduce) {
  html.omu-ams body :is(.profile-page-content,.omu-public-detail-main) * {transition:none!important;}
}