body.account-experience {
  --account-ink: #fff;
  --account-muted: #fff;
  --account-line: rgba(111, 224, 255, .38);
  min-height: 100vh;
}

body.account-experience > main.account-page { background:transparent!important; }

body.account-experience main.account-page {
  width: min(calc(100% - 2rem), 1200px) !important;
  padding-top: 6.25rem !important;
  color: var(--account-ink) !important;
}

body.account-experience main.account-page > section,
body.account-experience .account-section,
body.account-experience .account-panel,
body.account-experience .account-summary-card {
  border: 1px solid rgba(116, 222, 255, .28) !important;
  border-radius: 18px !important;
  color: var(--account-ink) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.15),rgba(74,190,255,.055) 30%,rgba(8,42,111,.28) 100%),rgba(2,16,48,.64) !important;
  box-shadow: 0 18px 42px rgba(0,8,32,.28),inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter: blur(12px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(145%) !important;
}

body.account-experience:not(.password-gate-page):not(:has(main.password-page)) main.account-page > section,
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .account-section,
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .account-summary-card,
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .account-record {
  border-color:rgba(164,229,255,.38)!important;
  color:#f0fbff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.045) 46%,rgba(92,192,255,.075)),rgba(10,31,66,.34)!important;
  box-shadow:0 16px 38px rgba(0,8,32,.22),inset 0 1px 0 rgba(255,255,255,.25)!important;
  backdrop-filter:blur(8px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(118%)!important;
}

body.account-experience .account-dashboard-nav {
  position: relative !important;
  top: auto !important;
  z-index: 2 !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
  padding: .7rem !important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .account-dashboard-nav {
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.account-experience .account-nav-chip {
  min-height: 36px !important;
  padding: .45rem .8rem !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 999px !important;
  color: #f7fbff !important;
  background: rgba(44,62,80,.92) !important;
  box-shadow: 0 8px 18px rgba(16,29,42,.24),inset 0 1px 0 rgba(255,255,255,.16) !important;
}

body.account-experience .account-nav-chip.active,
body.account-experience .account-nav-chip:hover,
body.account-experience .account-nav-chip:focus-visible {
  border-color: rgba(255,255,255,.42) !important;
  color: #fff !important;
  background: #2c3e50 !important;
  box-shadow: 0 10px 22px rgba(16,29,42,.30),inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body.account-experience .account-heading h1,
body.account-experience .account-section h2,
body.account-experience .account-section h3,
body.account-experience .account-entry-heading h1 { color: #f0fbff !important; }
body.account-experience .account-heading p,
body.account-experience .account-section p,
body.account-experience .account-entry-heading p,
body.account-experience .account-form-note,
body.account-experience .account-record span { color: var(--account-muted) !important; }

body.account-experience .account-record,
body.account-experience .account-release-card,
body.account-experience .account-summary-card,
body.account-experience .account-next-step-card {
  border-color: rgba(116,222,255,.24) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg,rgba(255,255,255,.12),rgba(12,69,141,.12)),rgba(2,18,54,.56) !important;
  color: var(--account-ink) !important;
}

body.account-experience main.account-page > section.account-entry-panel,
body.account-experience main.account-page > section.account-dashboard {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.account-experience .account-dashboard-nav {
  position: static !important;
  top: auto !important;
  z-index: 1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.account-experience .account-nav-chip {
  border-radius: 999px !important;
  border-color: rgba(255,255,255,.25) !important;
  background: rgba(44,62,80,.92) !important;
  box-shadow: 0 8px 18px rgba(16,29,42,.24),inset 0 1px 0 rgba(255,255,255,.16) !important;
  color: #f7fbff !important;
}

body.account-experience .account-section,
body.account-experience #account-verification-section,
body.account-experience .account-action-plan {
  background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(74,190,255,.045) 30%,rgba(8,42,111,.2) 100%),rgba(2,16,48,.42) !important;
}

body.account-experience .account-verification-section,
body.account-experience .account-action-plan,
body.account-experience .account-care-section,
body.account-experience #account-releases-section,
body.account-experience #account-waitlist-section,
body.account-experience #account-donations-section,
body.account-experience #account-orders-section,
body.account-experience #account-downloads-section,
body.account-experience #account-subscriptions-section,
body.account-experience #account-email-events-section {
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(74,190,255,.045) 30%,rgba(8,42,111,.2) 100%),rgba(2,16,48,.44)!important;
}

body.account-experience .album-customer-order {
  width:100%;
  border:1px solid rgba(116,222,255,.28)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(12,69,141,.12)),rgba(2,18,54,.56)!important;
}

body.account-experience .account-auth-tab {
  border-color: rgba(111,224,255,.38) !important;
  border-radius: 14px !important;
  color: #effaff !important;
  background: linear-gradient(145deg,rgba(255,255,255,.12),rgba(22,91,180,.24)),rgba(3,20,59,.72) !important;
}
body.account-experience .account-auth-tab.active {
  border-color: rgba(119,235,255,.78) !important;
  background: linear-gradient(145deg,rgba(123,236,255,.22),rgba(29,108,226,.5)),rgba(3,24,73,.86) !important;
}

body.account-experience .account-auth-form input,
body.account-experience .account-auth-form select,
body.account-experience .account-auth-form textarea {
  min-height: 46px !important;
  border: 1px solid rgba(116,213,247,.42) !important;
  border-radius: 12px !important;
  color: #f0fbff !important;
  background: linear-gradient(145deg,rgba(15,46,87,.86),rgba(2,16,46,.94)) !important;
  box-sizing: border-box !important;
}

body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized {
  display:block!important;
  width:min(270px,calc(100% - 32px))!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  min-width:0!important;
  padding:.4rem .55rem!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(29,125,213,.24)),rgba(2,16,48,.96)!important;
}
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-body { display:none!important; }
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-header-actions { display:none!important; }
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-header { display:grid!important; grid-template-columns:minmax(0,1fr) 36px!important; align-items:center!important; gap:.35rem!important; width:100%!important; min-width:0!important; margin:0!important; padding:.1rem!important; }
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-heading { display:block!important; width:100%!important; min-width:0!important; overflow:hidden!important; }
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-kicker,
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-identity,
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-thread-meta { display:none!important; }
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-title-row { display:flex!important; width:100%!important; min-width:0!important; overflow:hidden!important; white-space:nowrap!important; }
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-title-row strong { display:block!important; min-width:0!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; }
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .site-messenger-panel.minimized .site-messenger-toggle { grid-column:2!important; grid-row:1!important; width:34px!important; height:34px!important; min-height:34px!important; justify-self:end!important; border-radius:12px!important; }

@media(max-width:800px) {
  body.account-experience main.account-page { width:calc(100% - 1rem) !important; padding-top:5rem !important; }
  body.account-experience .account-dashboard-nav { top:auto !important; }
  body.account-experience .account-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.account-experience .site-messenger-panel.minimized { width:min(250px,calc(100% - 24px))!important; height:54px!important; min-height:54px!important; max-height:54px!important; }
}

body.account-experience main.account-page,
body.account-experience #account-dashboard *,
body.account-experience #account-login-panel * {
  color: #fff !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

body.account-experience main.account-page input::placeholder,
body.account-experience main.account-page textarea::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}

body.account-experience .account-heading,
body.account-experience .account-section-heading,
body.account-experience .book-action-row {
  justify-content: center !important;
  flex-wrap: wrap;
}

body.account-experience #customer-messenger-section {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.account-experience #account-customer-messenger-host #site-messenger {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 1rem !important;
  z-index: 1 !important;
  border-radius: 8px !important;
  box-sizing: border-box;
}

body.account-experience #site-messenger .site-messenger-toggle,
body.account-experience > .site-messenger-panel,
body.account-experience.site-messenger-overlay-open::after {
  display: none !important;
}

body.account-experience #account-dashboard #site-messenger .site-messenger-body,
body.account-experience #account-dashboard #site-messenger .site-messenger-conversation {
  display: grid !important;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  box-sizing: border-box;
}

body.account-experience #site-messenger .site-messenger-body {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.account-experience #site-messenger .site-messenger-conversation {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 1rem !important;
}

body.account-experience #site-messenger .site-messenger-messages {
  grid-column: 1 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  height: 460px !important;
  min-height: 0 !important;
  max-height: 460px !important;
  overflow-y: auto !important;
  overflow-wrap: anywhere;
}

body.account-experience #site-messenger .site-messenger-form {
  display: flex !important;
  flex-direction: column !important;
  grid-column: 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  box-sizing: border-box;
}

body.account-experience #site-messenger .site-messenger-message,
body.account-experience #site-messenger .site-messenger-message.from-admin {
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  box-sizing: border-box;
}

body.account-experience #site-messenger .site-messenger-avatar {
  display: none !important;
}

body.account-experience #site-messenger .site-messenger-bubble {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.account-experience #site-messenger .site-messenger-header-actions:not([hidden]),
body.account-experience #site-messenger .site-messenger-call-action:not([hidden]),
body.account-experience #site-messenger .site-messenger-attach {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

body.account-experience #site-messenger .site-messenger-header-actions[hidden],
body.account-experience #site-messenger .site-messenger-call-action[hidden] {
  display: none !important;
}

body.account-experience #site-messenger .site-messenger-actions {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}

body.account-experience #site-messenger .site-messenger-action-meta {
  flex: 1 1 100%;
}

body.account-experience #site-messenger textarea {
  min-height: 180px !important;
  height: 180px !important;
  max-width: 100% !important;
  flex: 1;
  box-sizing: border-box;
}

body.account-experience #account-dashboard,
body.account-experience #account-login-panel {
  background: transparent !important;
  box-shadow: none !important;
}

body.account-experience #account-dashboard {
  grid-template-columns: minmax(0, 1fr);
}

body.account-experience .account-home-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .4rem 1rem;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
}

body.account-experience #account-daily-form {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
}

body.account-experience #account-daily-form[hidden] { display: none !important; }

body.account-experience .account-series-progress {
  display: block;
  margin-top: .25rem;
  font-size: .8rem;
  line-height: 1.4;
}

body.account-experience #account-daily-topics {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .75rem;
  min-width: 0;
  margin: 0;
  padding: .75rem;
}

body.account-experience #account-daily-form label {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: .65rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.account-experience #account-daily-form input[type="checkbox"] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  accent-color: #fff;
}

body.account-experience #account-daily-form select {
  width: min(100%, 420px);
  min-height: 44px;
  justify-self: center;
  padding: .55rem .7rem;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 10px;
  color: #fff;
  background: rgba(5,15,26,.78);
  box-sizing: border-box;
}

body.account-experience #account-dashboard .account-section,
body.account-experience .album-customer-order {
  box-sizing: border-box;
}

body.account-experience #account-dashboard :is(#account-subtitle, .account-record strong, .account-record span) {
  overflow-wrap: anywhere;
}

body.account-experience #account-dashboard .account-section,
body.account-experience #account-dashboard .account-record,
body.account-experience #account-dashboard .account-summary-card,
body.account-experience #account-dashboard .account-next-step-card {
  background: rgba(5, 15, 26, .48) !important;
  border-color: rgba(244, 248, 252, .34) !important;
  box-shadow: 0 18px 46px rgba(31, 45, 61, .18) !important;
  backdrop-filter: blur(3px) saturate(108%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(108%) !important;
}

body.account-experience #account-dashboard #customer-messenger-section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.account-experience #account-dashboard::before,
body.account-experience #account-dashboard::after,
body.account-experience #account-login-panel::before,
body.account-experience #account-login-panel::after {
  display: none !important;
}

@media (max-width: 800px) {
  body.account-experience #site-audio-player {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    display: block !important;
    width: calc(100% - 2rem) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 1rem auto !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    animation: none !important;
  }
}

@media (max-width: 800px) {
  body.account-experience #site-messenger .site-messenger-conversation {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.account-experience #site-messenger .site-messenger-form {
    grid-column: 1 !important;
  }
  body.account-experience #site-messenger .site-messenger-messages {
    height: 320px !important;
    max-height: 320px !important;
  }
}

body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .account-nav-chip {
  border: 1px solid rgba(255,255,255,.25) !important;
  color: #f7fbff !important;
  background: rgba(44,62,80,.92) !important;
  box-shadow: 0 8px 18px rgba(16,29,42,.24),inset 0 1px 0 rgba(255,255,255,.16) !important;
}

body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .account-nav-chip.active,
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .account-nav-chip:hover,
body.account-experience:not(.password-gate-page):not(:has(main.password-page)) .account-nav-chip:focus-visible {
  border-color: rgba(255,255,255,.42) !important;
  color: #fff !important;
  background: #2c3e50 !important;
  box-shadow: 0 10px 22px rgba(16,29,42,.30),inset 0 1px 0 rgba(255,255,255,.22) !important;
}