body.wm-studio #journeyOnboarding{width:min(100% - 24px,560px);max-height:min(90dvh,780px);padding:0;border:0;border-radius:20px;background:#f6f3eb;color:#20392f;box-shadow:0 24px 60px #102e2440;overflow:auto}
.journey-onboarding::backdrop{background:#102e24bd}
.onboard-shell{box-sizing:border-box;padding:clamp(24px,5vw,44px)}
.onboard-brand{display:flex;align-items:center;gap:10px;color:#183d30;margin-bottom:clamp(36px,7vh,72px)}
.onboard-brand img{display:block;width:130px;height:auto}
.onboard-brand span{font:400 20px/1.2 'Moon Stars Kai',serif;letter-spacing:0}
.journey-onboarding h1{font:400 clamp(32px,7vw,46px)/1.12 Georgia,SimSun,serif;letter-spacing:-.025em;margin:0 0 18px;max-width:13ch}
.journey-onboarding h1:focus{outline:none}
.journey-onboarding p{font:16px/1.55 system-ui,sans-serif;max-width:43ch;color:#566458;margin:0 0 26px}
.journey-onboarding .onboard-progress{font:600 13px/1.4 system-ui,sans-serif;color:#566458;margin:0 0 20px;font-variant-numeric:tabular-nums}
.onboard-options,.onboard-city-grid{display:grid;gap:10px;margin:24px 0}
.onboard-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.onboard-choice{min-height:64px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:14px 18px;border:1px solid #d7dacc;border-radius:12px;background:#fffefb;color:#20392f;font:600 15px/1.35 system-ui,sans-serif;cursor:pointer}
.onboard-choice strong{display:block;font-weight:600}.onboard-choice small{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:#566458;font-weight:400}.onboard-choice b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#183d30;color:#fffefb;font-size:13px;flex:none}
.onboard-choice.selected{border-color:#183d30;background:#e5ecdf}.onboard-choice:hover{border-color:#8b9a87}
.onboard-fields{display:grid;gap:18px;margin:24px 0}.onboard-fields label{display:grid;gap:7px;font:600 14px/1.4 system-ui,sans-serif}.onboard-fields :is(input,textarea){width:100%;min-height:48px;border:1px solid #aab5a5;border-radius:12px;padding:12px;background:#fffefb;color:#20392f;font:16px/1.5 system-ui,sans-serif}.onboard-fields textarea{resize:vertical}
.journey-onboarding .onboard-error{color:#853c2f;margin-top:-8px}.journey-onboarding .onboard-hint{font-size:13px}
.onboard-actions,.onboard-footer{display:flex;gap:12px;align-items:center;margin-top:32px}.onboard-actions{flex-direction:column;align-items:stretch}.onboard-footer .primary{flex:1}
.journey-onboarding :is(.primary,.quiet,.text-control){min-height:48px;padding:12px 18px;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer}
.journey-onboarding .primary{border:0;border-radius:12px;background:#183d30;color:#fffefb}.journey-onboarding .quiet{border:1px solid #d7dacc;border-radius:12px;background:transparent;color:#183d30}.journey-onboarding .text-control{border:0;background:transparent;color:#183d30}.journey-onboarding .onboard-skip{display:block;margin:12px auto 0}
.journey-onboarding .onboard-footer .quiet{flex:0 0 96px;width:auto}.journey-onboarding .onboard-footer .primary{flex:1;min-width:0;white-space:nowrap}.journey-onboarding .primary:disabled{opacity:.45;cursor:not-allowed}
.journey-onboarding :is(button,input,textarea):focus-visible,.onboard-edit:focus-visible{outline:2px solid #715326;outline-offset:3px}
.onboard-edit{width:100%;margin:0 0 16px;min-height:44px}
.app-header .avatar svg{width:24px;height:24px;display:block;margin:auto}
@media(max-width:540px){body.wm-studio #journeyOnboarding{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.onboard-shell{min-height:100%;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 32px) 24px calc(env(safe-area-inset-bottom) + 24px)}.onboard-brand{margin-bottom:56px}.onboard-actions,.onboard-footer{margin-top:auto;padding-top:26px}.onboard-options,.onboard-city-grid{margin-bottom:32px}}
@media(max-width:359px){.onboard-shell{padding-inline:16px}.onboard-city-grid{gap:8px}.onboard-choice{padding:12px}}
@media(prefers-reduced-motion:no-preference){.journey-onboarding[open] .onboard-shell{animation:onboard-in .24s ease-out}@keyframes onboard-in{from{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:none}}}