/* Responsive live layout; no poster cutouts, no fixed screenshot coordinates. */
html{background:#062154}body.mobile-app{width:100%;max-width:540px!important;margin:0 auto!important;min-height:100svh;height:auto;overflow-x:hidden;background:#062154!important;color:#fff;box-shadow:none}body.mobile-app .ambient{display:none}body.mobile-app .workspace{width:100%;min-height:100svh;padding-bottom:12px;background:linear-gradient(145deg,#06367f,#041840)!important}body.mobile-app main{min-height:0}body.mobile-app #content{min-height:0}body.mobile-app .actions{border:0;box-shadow:none;backdrop-filter:none;border-radius:0}body.mobile-app .workspace,body.mobile-app main{max-width:none}
body.mobile-app.is-home{display:block;height:auto;min-height:100svh;overflow:auto}body.mobile-app .welcome.reference-cover{width:100%;max-width:none;min-height:100svh;height:100svh;aspect-ratio:auto;margin:0;border-radius:0;padding:16px 5% 10px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:#062154}body.mobile-app .welcome.reference-cover:before{display:block!important;content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00194533,transparent 45%,#021c4e88 70%,#03173e);z-index:-1}.home-scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.home-brand{width:31%;display:block}.home-brand img{width:100%;height:auto;display:block}.home-title{text-align:center;margin-top:clamp(12px,3svh,30px)}body.mobile-app .welcome .home-title h1{margin:0;font:italic 900 clamp(29px,7.6vw,43px)/1.24 'Microsoft YaHei',sans-serif;letter-spacing:-1px;color:#f5fcff;text-shadow:0 2px 1px #0068ed,0 0 10px #12baff;animation:none;transform:none}.home-title h1 strong{color:#c8faff}.home-title p{margin:12px 0 6px;font-size:clamp(12px,3.2vw,16px);font-weight:600}.home-title small{font-size:12px;line-height:1.6;display:block}.home-controls{margin-top:auto;display:grid;gap:9px;padding-top:16px}.home-controls button{width:100%;min-height:64px;display:flex;align-items:center;gap:13px;padding:10px 14px;border:1px solid #8cc8ff;border-radius:16px;color:#fff;background:linear-gradient(120deg,#155393e8,#052c6aed,#3766a9e6);box-shadow:inset 0 0 12px #5fcaff33;text-align:left}.home-controls #begin{background:linear-gradient(120deg,#04c8f5,#004ce8 70%,#08c8ed);border-color:#b6ffff;box-shadow:0 0 16px #007aff66}.home-controls button>span{font-size:29px;width:38px;text-align:center;color:#bdfbff}.home-controls button div{flex:1}.home-controls strong{display:block;font-size:21px;line-height:1.3}.home-controls small{display:block;font-size:13px;margin-top:3px}.home-controls b{font-size:32px;color:#bcfaff}.home-note{text-align:center;font-size:12px;margin:12px 0 0;color:#d7eaff}
.live-hero{position:relative;padding:14px 5% 12px;min-height:225px;background:linear-gradient(90deg,#031b55ef,#052866b0 50%,#092c6144),url('/assets/scene-v3.webp') center 54%/cover no-repeat}.live-brand{width:29%;display:block;background:transparent}.live-brand img{display:block;width:100%;height:auto}.live-step{font-size:15px;margin:18px 0 6px;color:#b1efff}.live-hero h1{font-size:clamp(25px,7.4vw,38px);font-weight:900;font-style:italic;line-height:1.25;margin:0;color:#f1fdff;text-shadow:0 2px 0 #0086ff,0 0 9px #17c7ff}.live-sub{font-size:14px;line-height:1.6;margin:7px 0 12px;color:#f0f8ff}.live-progress{display:flex;padding:0;margin:0;width:60%;list-style:none}.live-progress li{flex:1;position:relative;text-align:center;font-size:12px;color:#a4c8f4}.live-progress i{display:block;position:relative;z-index:1;width:14px;height:14px;margin:0 auto 5px;border:2px solid #709fd8;background:#0c3876;border-radius:50%}.live-progress li:not(:last-child):after{content:'';position:absolute;left:50%;top:6px;width:100%;height:2px;background:#709fd8}.live-progress .reached i{border-color:#6ff7f1}.live-progress .current i{background:white;border-color:#00caff;box-shadow:0 0 10px #39e5ff}.live-progress .reached:after{background:#5ae2ed}
body.mobile-app.is-basic .workspace{display:flex;flex-direction:column;min-height:100svh}body.mobile-app.is-basic main{display:flex;flex-direction:column;flex:1}body.mobile-app.is-basic #content{flex:1}.basic-fields{padding:10px 4%;display:grid;gap:10px}.basic-card{margin:0;padding:12px;border:1px solid #72b6fa;border-radius:13px;background:linear-gradient(110deg,#124c90,#073574);min-width:0}.basic-card>label,.basic-card .field>span,.basic-card legend{display:block;color:white;font-size:17px;font-weight:600;margin:0 0 8px}.basic-card small{font-size:13px}.basic-card .field{margin:0}.basic-card legend{float:left;width:100%}.gender-options{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:10px}.gender-options label{position:relative}.gender-options input{position:absolute;opacity:0}.gender-options span{display:block;padding:8px;text-align:center;border:1px solid #70b6f0;border-radius:24px;font-size:19px}.gender-options input:checked+span{background:linear-gradient(100deg,#00cfff,#0559fa);box-shadow:0 0 10px #56f4ff;border-color:#cbffff}.gender-options input:focus-visible+span{outline:2px solid white}body.mobile-app.is-basic .basic-card input:not([type=radio]),body.mobile-app.is-basic .basic-card select{width:100%;min-height:46px;margin:0;border:1px solid #65a8ef;border-radius:8px;background:#2158a0;color:white;font-size:16px;padding:10px}body.mobile-app.is-basic input::placeholder{color:#bad5f6}body.mobile-app.is-basic .actions{position:static!important;width:auto!important;height:auto!important;margin:10px 4% 0!important;padding:0!important;background:none!important;left:auto;bottom:auto}body.mobile-app.is-basic .buttons #prev,body.mobile-app.is-basic .buttons #next{min-height:48px;height:48px;font-size:18px}
body.mobile-app.is-completed .workspace{min-height:100svh}.live-completion{min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(#031e5b55,#03225a55),url('/assets/scene-v3.webp') center/cover}.live-completion .live-hero{min-height:0;background:none;padding-bottom:0}.live-completion .live-hero>:not(.live-brand){display:none}.complete-intro{padding:20px 5% 15px}.complete-intro h1{margin:0;color:#f1ffff;font-size:clamp(40px,12vw,60px);font-style:italic;text-shadow:0 2px #006bff,0 0 12px #00d5ff}.complete-intro h2{font-size:clamp(20px,5.2vw,27px);line-height:1.5;margin:12px 0 0}.complete-message{margin:0 3.3%;padding:16px 12px;border:1px solid #77c6ff;border-radius:15px;background:linear-gradient(130deg,#0643a3ec,#031f62ed,#1067acdb);display:grid;grid-template-columns:25% 1fr;gap:8px}.complete-symbol{display:grid;place-items:center;font-size:48px;color:#c9ffff;text-shadow:0 0 15px cyan}.complete-message h2{font-size:clamp(23px,6.5vw,33px);line-height:1.35;margin:0;font-style:italic;color:#e2fcff}.complete-message h2 span{color:#ffe09a}.complete-message p{grid-column:1/-1;background:#04245bb8;border:1px solid #387ac8;border-radius:9px;padding:12px;font-size:15px;line-height:1.8;margin:8px 0}.complete-message strong{grid-column:1/-1;text-align:center;font-size:clamp(21px,5.6vw,29px);font-style:italic;line-height:1.5;color:#d6fcff}.complete-road{display:flex;justify-content:space-around;align-items:center;min-height:110px;flex:1;padding:20px 2%;gap:5px}.complete-road span{font-size:13px;font-weight:700;padding:6px;background:#06328bbc;border:1px solid #5af3ff;border-radius:8px;box-shadow:0 0 10px #009fff}.complete-road span:last-child{color:#ffe28c}.complete-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 3.3%;padding-bottom:max(12px,env(safe-area-inset-bottom))}.complete-controls button{min-height:48px;border:1px solid #7fcaff;border-radius:12px;background:#154487cc;color:white;font-size:20px}.complete-controls button:last-child{background:linear-gradient(120deg,#00cafa,#0755ff);box-shadow:0 0 12px #00c6ff66}
.customer-qr img{-webkit-touch-callout:default;user-select:auto;max-width:100%;height:auto}body.mobile-app .customer-qr .qr-hint{font-size:17px;font-weight:700;color:#145ea4}body.mobile-app dialog{max-height:90svh;overflow-y:auto}body.mobile-app .brand img{width:115px!important;height:auto!important}
@media(max-height:650px){.home-title{margin-top:8px}.home-title p{margin-top:8px}.home-controls button{min-height:55px;padding:7px 12px}.home-controls strong{font-size:18px}.home-note{margin-top:7px}.live-hero{min-height:205px}.live-step{margin-top:12px}}@media(min-width:540px){.home-title h1{font-size:43px!important}}@media print{.live-hero{display:none}}
body.mobile-app .welcome.reference-cover{align-items:stretch;justify-content:flex-start}.home-controls{width:100%;max-width:none}.home-brand{align-self:flex-start}.home-scene{height:72%;object-fit:cover;object-position:center bottom}.live-hero{background-position:center 72%}
body.mobile-app.is-basic #content{display:flex;flex-direction:column}body.mobile-app.is-basic .basic-fields{flex:1;min-height:calc(100svh - 295px);align-content:stretch}body.mobile-app.is-basic .basic-card{display:flex;flex-direction:column;justify-content:center}.gender-options span{color:#fff!important}.live-hero .live-brand,.home-brand{box-shadow:none!important;border:0!important;border-radius:0!important}
/* Keep the full sky above the team and attach milestone labels to the artwork. */
.home-landscape{position:absolute;top:0;left:0;width:100%;aspect-ratio:941/1672;z-index:-2;pointer-events:none}.home-landscape .home-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.home-milestones{position:absolute;inset:0}.home-milestones span{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-100%);padding:2px 5px;border:1px solid #6beaff;border-radius:5px;background:#0648a9df;color:#fff;font-size:clamp(10px,3.1vw,15px);font-weight:700;line-height:1.4;white-space:nowrap;text-shadow:0 1px 3px #003586;box-shadow:0 0 8px #00baff88}.home-milestones span:last-child{color:#ffe7a0}

/* Personal-first form, retaining optional enterprise planning. */
#enterprise-plan[hidden]{display:none!important}
.simple-plan .field,.simple-supervision .field{display:grid;gap:10px;margin:18px 0;width:100%;min-width:0}
.simple-plan textarea,.simple-supervision textarea,.simple-supervision input[type=text]{box-sizing:border-box;width:100%;min-width:0;font-size:16px;color:#fff;background:#24568f;border:1px solid #72b8ed;border-radius:12px;padding:12px}
.simple-plan textarea,.simple-supervision textarea{min-height:90px;resize:vertical}
.enterprise-choice,.retraining label{display:flex;align-items:center;gap:10px;font-size:17px;padding:12px 0}
.enterprise-choice input,.retraining input{width:22px;height:22px;flex:none;accent-color:#00bcf4}
.retraining{border:1px solid #67b9ef;border-radius:12px;margin-top:20px;padding:16px;min-width:0}
.retraining legend{font-size:17px;line-height:1.6;padding:0 5px}
.simple-supervision{margin:0 12px 18px}.simple-supervision h2,.simple-plan h2{font-size:19px;line-height:1.6}
.simple-plan textarea,.simple-supervision textarea,.simple-supervision input[type=text]{background:#24568f!important;color:#fff!important;border:1px solid #72b8ed!important;font-size:16px!important;border-radius:12px!important}
.simple-plan textarea::placeholder,.simple-supervision textarea::placeholder{color:#c2def6!important}

/* Numbered questions and clean navigation view. */
.goal-icon,.needs-icon,.customer-number{flex:none!important;display:grid!important;place-items:center!important;width:32px!important;height:34px!important;border-radius:6px!important;font-size:19px!important;font-weight:700!important;font-style:normal!important;color:#fff!important;background:linear-gradient(135deg,#04c9fa,#0756ef)!important}
.goal-question-head,.needs-question-head,.customer-question-head{grid-template-columns:32px minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important}
.simple-number-heading{display:flex;align-items:center;gap:9px}.simple-number-heading h2{margin:0}
body.mobile-app.is-review .top,body.mobile-app.is-review aside,body.mobile-app.is-review .progress-line,body.mobile-app.is-review .progress-track,body.mobile-app.is-review .footnote{display:none!important}
body.mobile-app.is-review .workspace{padding:0!important;background:linear-gradient(#073983,#061a46)!important}
body.mobile-app.is-review main{padding:0!important;margin:0!important;width:100%!important}
body.mobile-app.is-review #content{padding:0 4% 20px!important}
.review-intro{background:linear-gradient(160deg,#094a9b,#062657);padding:18px 5%;margin:0 -4% 16px;color:#fff}
.review-intro img{display:block;width:155px;max-width:55%;height:auto;object-fit:contain;margin:0 0 18px}
.review-intro h1{font-size:27px;margin:0 0 7px;color:#fff}.review-intro p{font-size:15px;margin:0;color:#d5ecff}
body.mobile-app.is-review .file-inbox,body.mobile-app.is-review .panel{background:#0a3978!important;color:#fff!important;border:1px solid #64a9e9!important;border-radius:12px!important;box-shadow:none!important;margin:12px 0!important;padding:14px!important}
body.mobile-app.is-review .file-inbox *,body.mobile-app.is-review .panel *{color:inherit}
body.mobile-app.is-review .success-banner{background:#155883!important;color:#e9fff8!important;border:1px solid #69c9bc!important}
body.mobile-app.is-review .review-section{border-top:1px solid #6eaeec;padding:12px 0}.review-section p{white-space:pre-wrap}
body.mobile-app.is-review .actions{display:none!important}

.home-controls button{gap:10px}.home-controls button div{padding-left:3px}
/* Required answers and clearer prompts on the supervision and needs screens. */
.optional-mark{color:#bce9ff;font-size:.8em;font-weight:500}
body.mobile-app .simple-supervision>p{font-size:16px;line-height:1.65;color:#e7f8ff}
body.mobile-app .simple-supervision .field>span{font-size:18px;font-weight:700;color:#f1fbff}
body.mobile-app .simple-supervision .field input,body.mobile-app .simple-supervision .field textarea{font-size:17px!important}
body.mobile-app .simple-supervision .field input::placeholder,body.mobile-app .simple-supervision .field textarea::placeholder{color:#d5edff!important;opacity:1}
body.mobile-app .retraining legend{font-size:19px;line-height:1.55;font-weight:700;color:#ffe6aa}
body.mobile-app .retraining label{font-size:18px;font-weight:600;color:#f7fcff}
body.mobile-app .needs-question h2{font-size:19px;color:#f8fcff}
body.mobile-app .needs-question p{font-size:16px;line-height:1.6;color:#d4f4ff}
body.mobile-app .needs-question textarea{font-size:17px!important;color:#fff!important}
body.mobile-app .needs-question textarea::placeholder{font-size:17px;color:#d2ecff!important;opacity:1}

.share-thumbnail{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}