/* LuxBMI Cloud Systems · BGAPPlayout.png visual system (local Discovery only)
 * Functional HTML remains interactive. The reference image is not a flat overlay.
 * Metallic-gold framing, indigo glass, blue highlights and cloud atmosphere
 * extend from pathway selection through Soul Notes, Brief and membership.
 */
.journey-shell,.journey-email-overlay{
  --lux-platinum:#fff3d2;
  --lux-metal:#edc276;
  --lux-gold-deep:#a87434;
  --lux-sky:#94d9f8;
  --lux-glass:rgba(8,26,55,.83);
  --lux-frame:linear-gradient(118deg,#fff2b2 0%,#b98543 18%,#ffedac 39%,#ac782f 67%,#ffdf8e 100%);
  font-synthesis:none;
}
.journey-shell:not(.soul-mode) {
  background:radial-gradient(ellipse at 15% 11%,rgba(48,78,145,.55),transparent 43%),
    radial-gradient(ellipse at 88% 95%,rgba(21,56,106,.53),transparent 40%),#030b23!important;
  overflow-y:auto;
  scroll-padding-top:100px;
}
.journey-shell:not(.soul-mode)::before{
  inset:88px 0 0;
  background:none!important;
  opacity:.11!important;
}
.journey-shell:not(.soul-mode)::after {
  inset:88px 0 0;
  background:linear-gradient(145deg,rgba(2,9,30,.78),rgba(5,20,52,.84),rgba(2,9,26,.78))!important;
}
.journey-shell:not(.soul-mode) .journey-layout {
  position:relative;
  display:grid!important;
  width:min(1330px,calc(100% - 28px))!important;
  max-width:1330px!important;
  grid-template-columns:minmax(260px,34%) minmax(0,1fr)!important;
  gap:clamp(14px,2vw,28px)!important;
  min-height:calc(100dvh - 115px);
  padding:clamp(16px,2.1vw,28px)!important;
  margin:14px auto 30px;
  border:1px solid rgba(250,216,150,.91);
  border-radius:29px;
  background:
    radial-gradient(ellipse at 9% 10%,rgba(86,132,204,.25),transparent 35%),
    radial-gradient(ellipse at 95% 18%,rgba(69,126,204,.15),transparent 33%),
    linear-gradient(150deg,#0b2046 0%,#091934 42%,#050f2c 100%);
  box-shadow:0 0 0 4px rgba(255,224,153,.045),0 0 40px rgba(232,172,71,.15),
    inset 0 0 55px rgba(56,112,176,.10),0 28px 75px rgba(0,0,0,.7);
  isolation:isolate;
}
.journey-shell:not(.soul-mode) .journey-layout::before {
  content:"";
  position:absolute;inset:1px;
  z-index:-1;pointer-events:none;border-radius:28px;
  background:
    linear-gradient(130deg,rgba(222,193,129,.15),transparent 18% 78%,rgba(198,153,83,.1)),
    radial-gradient(ellipse at 100% 100%,rgba(42,98,159,.21),transparent 42%);
}
.journey-shell:not(.soul-mode) .journey-layout::after {
  content:"";
  position:absolute;inset:8px;z-index:-1;
  pointer-events:none;border:1px solid rgba(250,207,132,.13);border-radius:22px;
}
.journey-shell:not(.soul-mode) .journey-atmosphere{
  display:block!important;
  position:sticky!important;
  top:104px!important;
  align-self:start;
  height:min(680px,calc(100dvh - 160px))!important;
  max-height:none!important;
  min-height:420px!important;
  aspect-ratio:auto!important;
  overflow:hidden;
  border:1px solid rgba(182,211,246,.33);
  border-radius:25px;
  background:linear-gradient(160deg,rgba(21,49,96,.92),rgba(5,13,39,.93));
  box-shadow:inset 0 0 34px rgba(124,188,253,.08),0 20px 48px rgba(0,0,0,.27);
}
.journey-shell:not(.soul-mode) .journey-atmosphere::before {
  content:"";position:absolute;inset:0;pointer-events:none;
  z-index:1;
  background:
    radial-gradient(circle at 27% 18%,rgba(104,173,234,.20),transparent 33%),
    linear-gradient(to bottom,rgba(9,27,56,.18),rgba(8,23,48,.61));
}
.journey-shell:not(.soul-mode) .journey-atmosphere::after {
  inset:0!important;z-index:1!important;
  background:linear-gradient(180deg,rgba(5,13,40,.19),rgba(3,14,35,.66))!important;
}
.journey-shell:not(.soul-mode) .journey-clouds {
  position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:.46;
}
.journey-shell:not(.soul-mode) .journey-atmosphere-content{
  z-index:3;inset:8% 9%;
  gap:clamp(15px,3vh,28px);
  padding:clamp(18px,2vw,28px);
  border-radius:20px;
  border:1px solid rgba(247,205,133,.22);
  background:linear-gradient(165deg,rgba(7,18,48,.29),rgba(5,16,40,.62));
}
.journey-shell:not(.soul-mode) .journey-emblem{
  width:clamp(70px,7vw,108px);height:auto;
  filter:drop-shadow(0 0 10px rgba(228,184,95,.31))!important;
  animation:none!important;
}
.journey-shell:not(.soul-mode) .journey-atmosphere-eyebrow {
  font:700 .75rem/1.5 'Oxanium',sans-serif;color:#f6d394;letter-spacing:.14em;
}
.journey-shell:not(.soul-mode) .journey-atmosphere-content strong {
  font:600 clamp(1.8rem,2.6vw,2.75rem)/1.12 Georgia,'Times New Roman',serif;
  letter-spacing:-.035em;color:#ffebbf;
  text-shadow:0 2px 18px rgba(242,187,100,.14);
  -webkit-text-stroke:0;
}
.journey-shell:not(.soul-mode) .journey-atmosphere-mantra{
  font:700 .7rem/1.6 'Oxanium',sans-serif;letter-spacing:.13em;color:#c9e7fa;
  border-top:1px solid rgba(237,193,111,.43);padding-top:15px;
}
.journey-shell:not(.soul-mode) .journey-panel{
  position:relative;
  display:block!important;
  min-width:0;min-height:610px!important;
  padding:clamp(10px,1.7vw,26px)!important;
  border:0!important;border-image:none!important;border-radius:0!important;
  border-left:1px solid rgba(246,204,128,.26)!important;
  background:transparent!important;box-shadow:none!important;
}
.journey-shell:not(.soul-mode) .journey-panel::before{
  content:none!important;
}
.journey-shell:not(.soul-mode) .journey-toolbar{
  position:relative;top:auto;
  margin:0 0 clamp(22px,2.8vw,34px);
  padding:10px 10px 17px;
  border:0;border-bottom:1px solid rgba(234,191,109,.43);border-radius:0;
  background:transparent!important;box-shadow:none!important;
  backdrop-filter:none;
}
.journey-toolbar-title img {
  animation:none!important;
  filter:none!important;
  transition:filter .22s ease!important;
}
.journey-toolbar-title:hover img,.journey-toolbar-title:focus-within img {
  filter:drop-shadow(0 0 12px rgba(65,175,255,.93))!important;
}
.journey-toolbar-brand strong {font-weight:800!important;letter-spacing:.06em!important;color:#ffe4ae!important}
.journey-toolbar-brand small {color:#c0dcf5!important}
.journey-privacy{color:#a8c9e3!important}
.journey-exit {border-color:rgba(233,189,108,.6)!important;color:#ffe6b8!important}
.journey-shell:not(.soul-mode) :is(.journey-adventure-kicker,.journey-tagline,.journey-chapter-eyebrow,.journey-soul-kicker) {
  color:#f3ce8b!important;letter-spacing:.15em!important;
}
.journey-shell:not(.soul-mode) :is(.journey-adventure-title,.journey-question-title){
  color:#fff0cd!important;
  font:700 clamp(1.7rem,3.1vw,2.85rem)/1.12 Georgia,'Times New Roman',serif!important;
  letter-spacing:-.035em!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 4px 20px rgba(1,7,25,.55),0 0 25px rgba(236,175,80,.13)!important;
}
.journey-shell:not(.soul-mode) :is(.journey-adventure-question,.journey-question-description,.journey-adventure-desc) {
  color:#dce8f7!important;line-height:1.6!important;
}
.journey-shell:not(.soul-mode) .journey-adventure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.journey-shell:not(.soul-mode) .journey-adventure-card,
.journey-shell:not(.soul-mode) .journey-option {
  position:relative;
  background:linear-gradient(148deg,rgba(22,51,95,.86),rgba(7,21,51,.92))!important;
  border:1px solid rgba(220,185,123,.52)!important;
  border-radius:17px!important;
  box-shadow:inset 0 1px rgba(231,204,161,.19),0 15px 34px rgba(0,0,0,.18);
  transition:border-color .22s,box-shadow .22s,transform .22s;
}
.journey-shell:not(.soul-mode) .journey-adventure-card {min-height:240px!important;gap:11px}
.journey-shell:not(.soul-mode) .journey-adventure-card:last-child:nth-child(3) {grid-column:1/-1;min-height:195px!important}
.journey-shell:not(.soul-mode) :is(.journey-adventure-card,.journey-option):hover {
  transform:translateY(-2px);
  border-color:#ffe4a8!important;
  box-shadow:inset 0 1px rgba(248,233,194,.38),0 0 26px rgba(241,185,91,.19);
}
.journey-shell:not(.soul-mode) .journey-adventure-card[aria-pressed="true"],
.journey-shell:not(.soul-mode) .journey-option[aria-checked="true"] {
  border-color:#ffe1a3!important;
  background:linear-gradient(145deg,rgba(25,65,105,.95),rgba(9,31,66,.95))!important;
  box-shadow:0 0 0 1px rgba(245,194,113,.6),0 0 22px rgba(238,181,88,.22)!important;
}
.journey-shell:not(.soul-mode) .journey-adventure-icon{
  border:1px solid rgba(240,202,134,.62);
  color:#f6dfb0;background:rgba(9,31,62,.72);
}
.journey-shell:not(.soul-mode) :is(.journey-adventure-division,.journey-adventure-selection){color:#a5ddf8!important}
.journey-shell:not(.soul-mode) .journey-control.primary {
  border:1px solid #ffe5a7!important;border-radius:14px!important;
  background:linear-gradient(180deg,#fff5cf 0%,#f2d38b 27%,#c18a35 72%,#ffe0a0 100%)!important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.6),inset 0 -3px 3px rgba(75,36,3,.25),
    0 4px 20px rgba(241,178,72,.24)!important;
  color:#14223a!important;font:800 .83rem/1.25 'Oxanium',sans-serif!important;
  min-height:49px;
}
.journey-shell:not(.soul-mode) .journey-control.secondary,
.journey-shell:not(.soul-mode) .journey-adventure-general {
  border:1px solid rgba(185,211,245,.61)!important;border-radius:12px!important;
  background:linear-gradient(130deg,rgba(22,58,101,.90),rgba(7,22,52,.93))!important;
  box-shadow:inset 0 1px 0 rgba(164,210,254,.1);color:#edf4ff!important;
}
.journey-shell:not(.soul-mode) .journey-control.quiet{
  border:1px solid rgba(213,181,128,.4)!important;
  color:#e1d4bd!important;background:rgba(9,30,64,.5)!important;
}
.journey-shell:not(.soul-mode) :is(.journey-brief-fields textarea,.journey-idea-note textarea,.journey-idea-followup textarea) {
  border:1px solid rgba(182,212,242,.68)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(19,46,82,.87),rgba(10,28,62,.91))!important;
  color:#f2f7ff!important;
  box-shadow:inset 0 2px 9px rgba(0,4,15,.3),0 0 12px rgba(65,173,245,.06)!important;
  padding:12px 14px!important;
}
.journey-shell:not(.soul-mode) :is(textarea,button,a):focus-visible{
  outline:3px solid #ffe2a4!important;outline-offset:3px!important;
}
.journey-shell:not(.soul-mode) .journey-brief-fields{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
.journey-shell:not(.soul-mode) .journey-brief-fields label{
  min-width:0;color:#ffe0ac;
}
.journey-shell:not(.soul-mode) .journey-brief-fields label:nth-child(3) {grid-column:1/-1}
.journey-shell:not(.soul-mode) .journey-brief-fields label textarea {width:100%}
.journey-shell:not(.soul-mode) :is(.journey-member-invitation,.journey-invitation,.journey-save) {
  border:1px solid rgba(241,200,129,.45)!important;
  border-radius:17px!important;
  background:linear-gradient(140deg,rgba(23,54,96,.71),rgba(6,20,46,.84))!important;
  box-shadow:inset 0 1px rgba(251,222,170,.1);
}
.journey-shell.soul-mode{
  background:radial-gradient(ellipse at 50% 38%,#182c59 0%,#081a3e 45%,#020814 100%)!important;
}
.journey-shell.soul-mode .journey-soul-screen{
  position:relative;
  border:1px solid rgba(255,222,153,.67);border-radius:27px;
  background:linear-gradient(145deg,rgba(9,30,65,.48),rgba(3,9,29,.72));
  box-shadow:0 0 44px rgba(235,175,88,.13),inset 0 0 50px rgba(93,169,225,.08);
  margin:clamp(15px,3vw,40px)!important;
  min-height:calc(100dvh - 85px)!important;
  overflow:hidden;
}
.journey-shell.soul-mode .journey-soul-title{
  font:600 clamp(2rem,4vw,4.2rem)/1.1 Georgia,'Times New Roman',serif!important;
  color:#ffe6aa!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 3px 22px rgba(234,181,83,.25)!important;
}
.journey-shell.soul-mode .journey-soul-timer-track{
  height:5px;border-radius:40px;background:rgba(143,179,214,.28);
  box-shadow:0 0 0 1px rgba(245,201,110,.35);
}
.journey-shell.soul-mode .journey-soul-timer-fill{
  background:linear-gradient(90deg,#a77b40,#fff0b1,#f1c26c);
}
.journey-shell.soul-mode .journey-soul-spark{color:#f3d18e!important;text-shadow:0 0 27px rgba(247,192,86,.55)}
/* Member registration recreates the reference's luxury glass form, not a screenshot. */
body .journey-email-dialog.lux-enroll-dialog {
  width:min(1310px,calc(100% - 4px))!important;max-width:1310px!important;
  max-height:calc(100dvh - 30px)!important;
  padding:clamp(20px,2.6vw,34px)!important;
  border:1px solid #f7d38e!important;border-radius:29px!important;
  background:
    radial-gradient(ellipse at 4% 9%,rgba(83,130,197,.18),transparent 39%),
    radial-gradient(ellipse at 100% 100%,rgba(40,88,149,.20),transparent 35%),
    linear-gradient(139deg,#0e234a,#071631 62%,#040f2a)!important;
  box-shadow:0 0 0 4px rgba(251,213,136,.04),inset 0 0 40px rgba(83,135,202,.12),
    0 0 50px rgba(250,188,94,.19),0 40px 110px rgba(0,0,0,.78)!important;
}
.lux-enroll-dialog .journey-email-modal-inner{gap:15px!important}
.lux-enroll-dialog .lux-enroll-brand {
  display:flex;justify-content:center;align-items:center;gap:13px;
  margin:-10px auto 0;text-align:left;color:#ffe4ab;
}
.lux-enroll-brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(236,179,75,.35))}
.lux-enroll-brand-text{display:flex;flex-direction:column}
.lux-enroll-brand-text strong{font:600 clamp(1.7rem,2.4vw,2.5rem)/1 Georgia,serif}
.lux-enroll-brand-text small{font:600 .71rem/1.4 'Oxanium',sans-serif;letter-spacing:.22em;color:#d3dfed}
body .journey-email-dialog.lux-enroll-dialog .journey-email-eyebrow {
  display:table;margin:0 auto;padding:9px 26px;
  border:1px solid #e2b869;border-radius:100px;
  background:linear-gradient(90deg,rgba(8,26,51,.85),rgba(26,51,82,.85),rgba(8,26,51,.85));
  color:#ffe4ad!important;text-align:center;
  box-shadow:0 0 12px rgba(235,173,70,.13);
  font-size:clamp(.65rem,1vw,.87rem)!important;letter-spacing:.12em!important;
}
.lux-enroll-dialog h2 {
  text-align:center;max-width:none!important;
  margin:2px 0!important;
  font:600 clamp(2rem,3.9vw,3.55rem)/1.05 Georgia,serif!important;
  letter-spacing:-.035em!important;color:#ffe8b7!important;
  text-shadow:0 0 24px rgba(222,164,77,.2);
}
.lux-enroll-dialog #journey-email-popup-intro {
  text-align:center!important;max-width:1000px!important;
  margin:0 auto 8px!important;
  font-size:clamp(.9rem,1.2vw,1.05rem)!important;
}
.lux-enroll-dialog .lux-enroll-grid{
  grid-template-columns:minmax(0,39%) minmax(0,1fr);
  align-items:stretch;gap:clamp(18px,2.2vw,30px);
}
.lux-enroll-dialog .lux-enroll-preview{
  border:1px solid rgba(138,191,237,.43);border-radius:22px;
  background:linear-gradient(148deg,rgba(29,59,104,.66),rgba(8,25,54,.61));
  padding:clamp(16px,2vw,23px);
  box-shadow:inset 0 1px rgba(231,239,255,.12);
}
.lux-enroll-dialog .lux-enroll-kicker{
  color:#ffe9c5!important;
  font:600 clamp(1.08rem,1.55vw,1.44rem)/1.27 Georgia,serif!important;
  letter-spacing:0!important;text-align:center;
}
.lux-enroll-dialog .lux-enroll-phone{
  width:min(100%,335px);margin:0 auto;
  max-height:420px;
  border:4px solid #f6c46d!important;
  border-radius:37px!important;
  background:linear-gradient(180deg,#edf3ff,#dfe6f0)!important;
  box-shadow:0 0 0 4px #061127,0 0 16px rgba(239,186,94,.39),0 15px 36px rgba(0,0,0,.47)!important;
}
.lux-enroll-dialog .lux-enroll-phone-top {color:#172849}
.lux-enroll-dialog .lux-enroll-sms-bubble {
  border-radius:22px 22px 22px 7px;
  padding:13px 16px;background:#f9fbff!important;color:#162746;
}
.lux-enroll-dialog .lux-enroll-sms-note{color:#c4d8ed!important;line-height:1.55!important}
.lux-enroll-dialog .lux-enroll-form-side{
  align-self:start;
  border:1px solid transparent;
  border-radius:23px;
  padding:clamp(20px,2.6vw,32px);
  background:linear-gradient(151deg,rgba(28,56,98,.91),rgba(8,22,50,.95)) padding-box,
    linear-gradient(119deg,#fbe7ba,rgba(151,197,246,.92) 37%,rgba(223,173,94,.82) 70%,#ffe4ab) border-box;
  box-shadow:inset 0 1px rgba(250,239,215,.23),0 13px 45px rgba(0,0,0,.2),0 0 20px rgba(74,142,226,.12);
}
.lux-enroll-dialog .lux-enroll-form{gap:12px!important}
.lux-enroll-dialog .lux-enroll-form label{
  color:#fff0d5!important;font:800 clamp(.82rem,1vw,1rem)/1.4 'Oxanium',sans-serif!important;
}
.lux-enroll-dialog :is(input[type="email"],input[type="tel"],input[type="text"]){
  border:1px solid #c0dbef!important;
  border-radius:14px!important;
  min-height:58px!important;
  background:linear-gradient(180deg,rgba(28,59,99,.9),rgba(12,29,60,.93))!important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.33),0 1px 5px rgba(242,196,117,.13)!important;
  font-size:1.07rem!important;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.lux-enroll-dialog :is(input[type="email"],input[type="tel"],input[type="text"]):hover{
  border-color:#ffe9b3!important;
}
.lux-enroll-dialog :is(input[type="email"],input[type="tel"],input[type="text"]):focus-visible{
  outline:3px solid rgba(246,206,133,.86)!important;
  border-color:#ffe4a5!important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.3),0 0 19px rgba(82,177,255,.28)!important;
}
.lux-enroll-dialog .lux-enroll-legal{color:#e4e8f4!important;line-height:1.55!important}
.lux-enroll-dialog .lux-enroll-form .journey-popup-yes,
.lux-enroll-dialog .lux-enroll-consent .journey-popup-yes {
  min-height:55px!important;border-radius:99px!important;
  border:1px solid #fff0bd!important;
  background:linear-gradient(180deg,#fff3cd 0%,#f8d48c 27%,#d2a451 76%,#fbe4ae 100%)!important;
  box-shadow:inset 0 2px 2px rgba(255,255,255,.73),0 5px 18px rgba(221,167,76,.36)!important;
  font:700 clamp(.85rem,1.3vw,1.1rem)/1.4 Georgia,serif!important;
  color:#1b2740!important;
}
.lux-enroll-dialog .lux-enroll-form .journey-popup-yes:disabled{opacity:.56!important}
.lux-enroll-dialog .lux-enroll-status{
  border:0!important;border-top:1px solid rgba(240,201,128,.52)!important;
  border-bottom:1px solid rgba(240,201,128,.28)!important;
  text-align:center;color:#ffe9be!important;
  background:rgba(5,19,44,.5)!important;
  padding:13px 7px!important;
  font:600 .9rem/1.45 Georgia,serif!important;
}
.lux-enroll-dialog .lux-enroll-close{
  z-index:5;top:-8px;right:-4px;
  width:40px;height:40px;border-radius:50%;
  border:1px solid #f0c772;background:#0c1e3e;color:#ffe8b9;
}
.lux-enroll-dialog .lux-enroll-footer{color:#dbe3f2!important}
@media(max-width:1060px){
  .journey-shell:not(.soul-mode) .journey-layout{
    width:min(100%,calc(100% - 12px))!important;
    grid-template-columns:minmax(200px,29%) minmax(0,1fr)!important;gap:12px!important;
    padding:15px!important;
  }
  .journey-shell:not(.soul-mode) .journey-adventure-grid{grid-template-columns:1fr}
  .journey-shell:not(.soul-mode) .journey-adventure-card,
  .journey-shell:not(.soul-mode) .journey-adventure-card:last-child:nth-child(3){
    grid-column:auto;min-height:unset!important;
  }
}
@media(max-width:760px){
  .journey-shell:not(.soul-mode) .journey-layout{
    width:calc(100% - 12px)!important;
    display:block!important;min-height:calc(100dvh - 110px);
    padding:12px!important;margin:6px auto 18px;
    border-radius:20px!important;
  }
  .journey-shell:not(.soul-mode) .journey-layout::after{inset:5px;border-radius:16px}
  .journey-shell:not(.soul-mode) .journey-atmosphere{
    display:none!important;
  }
  .journey-shell:not(.soul-mode) .journey-panel{
    border:0!important;padding:13px 9px 25px!important;min-height:calc(100dvh - 140px)!important;
  }
  .journey-shell:not(.soul-mode) .journey-toolbar{
    flex-wrap:wrap;gap:7px;margin-bottom:16px;padding:7px 3px 13px;
  }
  .journey-shell:not(.soul-mode) .journey-adventure-grid {grid-template-columns:1fr}
  .journey-shell:not(.soul-mode) .journey-adventure-card {min-height:unset!important}
  .journey-shell:not(.soul-mode) .journey-brief-fields {grid-template-columns:1fr;gap:12px}
  .journey-shell:not(.soul-mode) .journey-brief-fields label:nth-child(3){grid-column:auto}
  .journey-shell:not(.soul-mode) :is(.journey-adventure-title,.journey-question-title){
    font-size:clamp(1.57rem,6.7vw,2.4rem)!important;
  }
  .journey-shell.soul-mode .journey-soul-screen{margin:13px!important;min-height:calc(100dvh - 26px)!important}
  body .journey-email-dialog.lux-enroll-dialog{padding:18px!important;border-radius:20px!important}
  .lux-enroll-dialog .lux-enroll-brand img{width:46px;height:46px}
  .lux-enroll-dialog .lux-enroll-brand-text strong{font-size:1.52rem}
  .lux-enroll-dialog .lux-enroll-grid{grid-template-columns:1fr;gap:16px}
  .lux-enroll-dialog .lux-enroll-preview{padding:14px}
  .lux-enroll-dialog .lux-enroll-phone{width:min(100%,335px);max-height:315px}
  .lux-enroll-dialog .lux-enroll-form-side{padding:16px}
  .lux-enroll-dialog h2{font-size:clamp(1.85rem,7vw,2.7rem)!important}
}
@media(max-width:380px){
  .journey-shell:not(.soul-mode) .journey-layout{width:calc(100% - 6px)!important;padding:9px!important}
  .journey-shell:not(.soul-mode) .journey-panel{padding:10px 7px!important}
  .journey-toolbar-brand strong{font-size:.62rem!important}
  .lux-enroll-dialog .journey-email-eyebrow{font-size:.57rem!important}
  .lux-enroll-dialog .lux-enroll-form-side{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .journey-shell :is(.journey-adventure-card,.journey-option,.journey-control) {
    transition:none!important;animation:none!important;
  }
  .journey-shell:not(.soul-mode)::before{background-image:none!important}
}
@media(forced-colors:active){
  .journey-shell:not(.soul-mode) .journey-layout,
  body .journey-email-dialog.lux-enroll-dialog {
    background:Canvas!important;border:2px solid CanvasText!important;
  }
}

/* Let the registration modal carry its own LuxBMI identity, unobscured by
   the sticky app header underneath the darker dialog backdrop. */
body:has(#journey-email-overlay:not([hidden])) > .site-top {
  visibility:hidden!important;
  pointer-events:none!important;
}
.journey-shell:not(.soul-mode) :is(.journey-adventure-title,.journey-question-title):focus {
  outline:none!important;
}
.journey-shell:not(.soul-mode) :is(.journey-adventure-title,.journey-question-title):focus-visible {
  outline:none!important;
}
.lux-enroll-dialog :is(input[type="email"],input[type="tel"],input[type="text"])::placeholder {
  color:#bfcede!important;
  opacity:1;
}
@media(max-width:760px){
  /* Condense the example phone on narrow screens so the registration inputs
     come into view sooner, while preserving a real preview above them. */
  .lux-enroll-dialog .lux-enroll-phone{max-height:215px!important;}
  .lux-enroll-dialog #journey-email-popup-intro{font-size:.88rem!important;line-height:1.4!important;}
}

/* The email and phone labels already include their own illustrated SVGs.
 * Do not prepend duplicate gold glyphs to these two form labels. */
.lux-enroll-dialog #lux-enroll-phone-info {
  display:flex;gap:10px;align-items:flex-start;
}
.lux-enroll-dialog #lux-enroll-phone-info::before{
  content:"ⓘ";flex:none;
  color:#f5d28e;font:700 1.25rem/1 'Oxanium',sans-serif;
}
.lux-enroll-dialog #lux-enroll-request::before{
  content:"➤";display:inline-block;margin-right:10px;
  font:600 1.18em 'Oxanium',sans-serif;
  transform:rotate(-19deg);
}

/* LuxBMI post-Discovery invitation: soft, deliberate arrival.
 * Replays whenever the modal reopens. Reduced motion gets an instant modal. */
@keyframes luxbmi-invitation-backdrop-in {
  from {opacity:0;}
  to {opacity:1;}
}
@keyframes luxbmi-invitation-panel-in {
  from {opacity:0; transform:translateY(28px) scale(.977); filter:blur(4px);}
  55% {filter:blur(0);}
  to {opacity:1; transform:translateY(0) scale(1);filter:blur(0);}
}
body .journey-email-overlay:not([hidden]) {
  animation:luxbmi-invitation-backdrop-in 1050ms cubic-bezier(.2,.7,.23,1) both;
}
body .journey-email-overlay:not([hidden]) .journey-email-dialog.lux-enroll-dialog {
  transform-origin:50% 46%;
  animation:luxbmi-invitation-panel-in 1150ms cubic-bezier(.16,1,.3,1) both;
}
@media(prefers-reduced-motion:reduce) {
  body .journey-email-overlay:not([hidden]),
  body .journey-email-overlay:not([hidden]) .journey-email-dialog.lux-enroll-dialog {
    animation:none!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }
}