.moh-new-welcome{position:fixed;inset:0;margin:auto;width:min(520px,100vw);height:min(920px,100dvh);max-height:100dvh;max-width:100vw;border:0;border-radius:30px;padding:0;overflow:hidden;background:#05090e;color:white;box-shadow:0 30px 100px #0008}
.moh-new-welcome::backdrop{background:#0009;backdrop-filter:blur(12px)}
.moh-new-welcome-art{position:absolute;inset:0;background-image:var(--moh-regional-art);background-size:cover;background-position:center;pointer-events:none}
.moh-new-welcome::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 24%,#76c9cf20,transparent 45%),linear-gradient(180deg,#00000010 0%,#00000059 24%,#000000e0 57%,#000 100%);pointer-events:none}
.moh-new-welcome-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:max(24px,env(safe-area-inset-top)) 28px max(16px,env(safe-area-inset-bottom));gap:16px}
.moh-welcome-step{flex:1;min-height:0;overflow:auto;padding-top:clamp(12px,4dvh,42px);scrollbar-width:none}
.moh-welcome-step h2{font:650 clamp(29px,6vw,38px)/1.13 system-ui;letter-spacing:-1px;margin:25px 0 18px;text-wrap:balance;outline:none}
.moh-welcome-step p{font:400 18px/1.5 system-ui;color:#ffffffdb;margin:0 0 18px}
.moh-welcome-step .moh-welcome-trial{font-size:30px;font-weight:650;color:white}.moh-welcome-step .moh-welcome-terms{font-size:14px;line-height:1.5;margin:0 0 8px}.moh-welcome-step .moh-welcome-renewal{font-size:16px}.moh-welcome-step .moh-welcome-plan{font-size:16px;font-weight:650}
.moh-welcome-legal{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.moh-welcome-legal a{font:500 13px system-ui;color:white;text-decoration:underline}
.moh-new-welcome-actions{flex:none;display:grid;gap:8px}.moh-new-welcome-actions button{font:600 17px system-ui;border:0;padding:16px 22px;min-height:56px;border-radius:999px;cursor:pointer;background:white;color:#111;white-space:normal}
.moh-new-welcome-actions button:disabled{opacity:.5;cursor:default}.moh-welcome-final-actions{display:flex;justify-content:space-between}.moh-welcome-final-actions[hidden]{display:none}.moh-welcome-final-actions button{background:transparent;color:white;font-size:14px;min-height:44px;padding:10px 0}
.moh-new-welcome-error{color:#ffd5cd;font:400 13px/1.4 system-ui;margin:0}
.moh-welcome-spark{display:grid;place-items:center;font-size:44px;border-radius:28px;background:#ffffff18;width:90px;height:90px;margin-top:15px}
.moh-welcome-preview{display:block;width:100%;padding:20px;background:#ffffff16;color:white;border:1px solid #ffffff33;border-radius:28px;box-shadow:0 16px 50px #0003;text-align:start;cursor:pointer;backdrop-filter:blur(14px)}
.moh-preview-label{display:block;font:600 15px/1.4 system-ui;margin-bottom:16px}.moh-preview-scene{height:155px;display:flex;position:relative;overflow:hidden;gap:18px}.moh-preview-0{flex-direction:column;gap:16px;height:175px}
.moh-preview-bubble{display:block;align-self:flex-end;background:#ffffff24;border-radius:16px;padding:13px 17px;font:500 14px system-ui}
.moh-preview-reply{display:grid;gap:12px;padding:0 14px}.moh-preview-reply i,.moh-preview-paper i{display:block;height:6px;background:#ffffff60;border-radius:9px;transform-origin:left;transition:transform .45s ease}.moh-preview-reply i:nth-child(1){width:83%}.moh-preview-reply i:nth-child(2){width:68%}.moh-preview-reply i:nth-child(3){width:48%}.moh-preview-reply b{color:#b4e7e9;font-size:22px;letter-spacing:3px}.alternate .moh-preview-reply i{transform:scaleX(.55)}
.moh-preview-picture{position:absolute;inset:0;border-radius:16px;background:var(--moh-regional-art) center/cover;filter:saturate(1.3);transition:filter .5s}.alternate .moh-preview-picture{filter:grayscale(1)}.moh-preview-wand{margin:auto;font-size:45px;color:white;z-index:1;text-shadow:0 3px 20px #000;transition:transform .5s}.alternate .moh-preview-wand{transform:rotate(45deg)}
.moh-preview-paper{display:flex;flex-direction:column;gap:10px;width:110px;border-radius:14px;background:#ffffff17;padding:16px;box-sizing:border-box;transform:rotate(-3deg)}.moh-preview-paper b{font:600 16px system-ui}.moh-preview-summary{flex:1;display:grid;gap:12px;align-content:center}.moh-preview-summary i{font-style:normal;color:#b2e5d7;font-size:20px;display:flex;align-items:center;gap:10px}.moh-preview-summary i:after{content:'';height:6px;width:75%;background:#ffffff60;border-radius:8px;transition:width .5s}.alternate .moh-preview-summary i:after{width:40%}
.trial-offer-hero{background:linear-gradient(180deg,#0002,#000a),var(--moh-regional-art) center/cover!important}.trial-offer-hero:before,.trial-offer-hero:after{display:none!important}
@media(max-width:600px){.moh-new-welcome{width:100vw;height:100dvh;border-radius:0;max-height:100dvh}.moh-new-welcome-content{padding-top:max(22px,env(safe-area-inset-top))}}
@media(max-height:700px){.moh-welcome-step{padding-top:0}.moh-preview-scene{height:125px}.moh-preview-0{height:145px}.moh-welcome-step h2{font-size:28px;margin-top:20px}.moh-welcome-step p{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.moh-welcome-preview{animation:welcome-card .55s ease both}@keyframes welcome-card{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.moh-welcome-preview *{transition:none!important}}

/* Background is visible first; card and words follow in a deliberate sequence. */
.moh-welcome-step{display:flex;flex-direction:column;justify-content:center;overflow:visible;padding-top:10px}
.moh-welcome-step[data-step="3"] h2{margin:0 0 22px}
.moh-welcome-offer{padding:25px;border-radius:28px;border:1px solid #ffffff38;background:#ffffff14;backdrop-filter:blur(22px);margin-bottom:20px;box-shadow:0 20px 70px #0003}
.moh-welcome-step .moh-welcome-trial{font-size:clamp(38px,8vw,52px);font-weight:750;line-height:1.1;margin:16px 0}
.moh-welcome-step .moh-welcome-renewal{font-size:clamp(22px,5vw,27px);font-weight:550;margin:0}
.moh-welcome-step .moh-welcome-terms{font-size:12px;margin-bottom:5px}.moh-welcome-legal{margin:12px 0}
.moh-demo-scene{position:relative;display:flex;height:130px;overflow:hidden;border-radius:16px;margin-bottom:13px}
.moh-demo-scene.demo-0{height:auto;min-height:20px}.moh-demo-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.demo-after{opacity:0;transition:opacity .7s ease}.demo-complete .demo-after{opacity:1}
.moh-demo-response{display:block;white-space:pre-wrap;min-height:70px;padding-top:18px;font:400 15px/1.5 system-ui;color:#def8ef}
.demo-1~.moh-demo-response,.demo-2~.moh-demo-response{display:none}.moh-preview-bubble{min-height:18px;white-space:pre-wrap}
@media(prefers-reduced-motion:no-preference){.moh-welcome-step.enter .moh-welcome-preview,.moh-welcome-step.enter .moh-welcome-offer{animation:welcome-card .65s .42s both}.moh-welcome-step.enter h2{animation:welcome-card .65s .6s both}.moh-welcome-step.enter>p,.moh-welcome-step.enter>.moh-welcome-legal{animation:welcome-card .65s .78s both}}
@media(max-height:750px){.moh-welcome-step h2{font-size:28px;margin:18px 0 12px}.moh-welcome-step p{font-size:15px;line-height:1.4}.moh-welcome-preview{padding:16px}.moh-demo-scene{height:110px}.moh-welcome-offer{padding:18px;margin-bottom:14px}.moh-welcome-step .moh-welcome-trial{font-size:38px}.moh-new-welcome-content{gap:8px;padding-left:22px;padding-right:22px}}
@media(max-height:500px){.moh-welcome-step{overflow:auto;justify-content:flex-start}}

.moh-glossy-upgrade{display:flex;align-items:center;gap:12px;border:1px solid #ffffff38;border-radius:999px;min-height:48px;padding:12px 20px;background:linear-gradient(145deg,#304e6c,#0a111b);box-shadow:inset 0 1px #ffffff66,0 5px 20px #38bfd51a;color:white;font:600 16px system-ui;cursor:pointer}.moh-glossy-upgrade span{flex:1;text-align:start}.moh-glossy-upgrade[hidden]{display:none!important}
.moh-glossy-upgrade span{color:#0a84ff}.sidebar-upgrade{margin:10px 18px;width:calc(100% - 36px)}.new-chat-upgrade{display:none;width:100%;max-width:750px;margin:0 auto 14px}.welcome-active .new-chat-upgrade{display:flex}
#planModalBackdrop .plan-modal{background:linear-gradient(180deg,#06142455,#03080ce8),var(--moh-regional-art) center/cover;color:white}
#planModalBackdrop .plan-card,#planModalBackdrop .plan-billing-toggle{background:#ffffff14!important;backdrop-filter:blur(22px);border-color:#ffffff30!important;color:white}
#planModalBackdrop .plan-card.selected{background:#ffffff22!important;border-color:#0788ff!important}
#planModalBackdrop .plan-hero,#planModalBackdrop .plan-name,#planModalBackdrop .plan-price,#planModalBackdrop .plan-features{color:white}
#planModalBackdrop .plan-desc,#planModalBackdrop .after-trial{color:#ffffffc9}