:root{font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;color:#10264e;background:#061632;font-synthesis:none;--blue:#1260f3;--cyan:#51d6ff;--muted:#657b99}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0ac2e6;outline-offset:4px}button{transition:background .15s,box-shadow .15s}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 25%,#074c9c88,transparent 50%),radial-gradient(ellipse at 100% 10%,#0e58a155,transparent 45%),linear-gradient(135deg,#06152d,#092759);}.ambient:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#36b8ed08 1px,transparent 1px),linear-gradient(90deg,#36b8ed08 1px,transparent 1px);background-size:56px 56px}.top{position:sticky;top:0;z-index:20;background:#071e49f5;border-bottom:1px solid #5ed7ff33;backdrop-filter:blur(16px);padding:0 max(24px,calc((100vw - 1320px)/2)) 14px}.top-inner{height:76px;display:flex;align-items:center;gap:24px;color:white}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:white;text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.brand span{font-size:14px;font-weight:400;border-left:1px solid #55749e;padding-left:16px;margin-left:6px;color:#b9ddff}.tagline{font-size:12px;letter-spacing:2px;color:#9fc4ec;margin:auto}.subtle{background:#102e5e;color:#d4ebff;border:1px solid #3b628a;border-radius:8px;padding:9px 14px;font-size:12px;white-space:nowrap}.notice{display:flex;align-items:center;gap:15px;padding:12px 20px;border:1px solid #ffc5d0;background:linear-gradient(100deg,#fff0f3,#fff8f8);border-radius:12px;box-shadow:0 0 20px #50b9ff16}.notice-icon{display:grid;place-items:center;border-radius:50%;background:#fa3158;color:white;font-size:22px;font-weight:900;min-width:34px;height:34px;box-shadow:0 3px 10px #f6385860}.notice strong{font-size:15px;color:#cf173c}.notice p{margin:4px 0 0;color:#9a4256;font-size:12px;line-height:1.65}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;max-width:1320px;padding:30px 0;margin:auto}aside{color:#dfeeff;position:sticky;top:195px;height:calc(100vh - 225px);min-height:520px;display:flex;flex-direction:column;padding:8px 8px 0}.side-label{font-size:10px;letter-spacing:2px;color:#70b4ec}aside h2{font-size:26px;line-height:1.65;margin:16px 0 30px;font-weight:600}aside em{font-style:normal;color:#58d7ff}#steps{display:grid;gap:8px}.step{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:14px 12px;color:#8faccc;font-size:13px}.step b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #416286;font-size:12px;font-weight:500}.step.active{background:linear-gradient(90deg,#1765d747,#1b70c411);border-color:#3e99fa66;color:#fff;box-shadow:inset 3px 0 #48cfff}.step.active b{background:#176cf1;border-color:#4bcaff;color:white;box-shadow:0 0 15px #27b2ff55}.step .tick{margin-left:auto;color:#65d7fb}.side-bottom{margin-top:auto;padding:26px 0;color:#a8bdd4;font-size:12px;line-height:2}.side-bottom small{display:block;font-size:9px;letter-spacing:2px;color:#618ab9;margin-left:16px}.pulse{display:inline-block;width:6px;height:6px;background:#5bf3d7;box-shadow:0 0 9px #5bf3d7;border-radius:50%;margin-right:7px}main{min-width:0}.progress-line{display:flex;justify-content:space-between;color:#c0dcff;font-size:12px;margin-bottom:10px}.progress-track{height:3px;background:#26466c;margin-bottom:22px;border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#1674ff,#67eaff);transition:width .3s}.hero{position:relative;isolation:isolate;border:1px solid #67d4ff88;border-radius:20px;min-height:340px;padding:42px 38px;overflow:hidden;background:#063471;margin-bottom:20px;box-shadow:0 0 25px #24baff18}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06285bf5 4%,#073971c9 50%,#064a8310),url('/assets/growth-banner.png') right bottom/auto 210% no-repeat}.eyebrow{font-size:11px;letter-spacing:3px;color:#8bdbff;margin-bottom:18px}.hero h1{color:white;font-size:clamp(30px,3.2vw,46px);line-height:1.35;margin:0 0 14px;font-weight:800;letter-spacing:1px}.hero h1 span{color:#87eaff}.hero p{color:#c4e6ff;font-size:14px;line-height:1.8;margin-bottom:24px}.benefits{display:grid;gap:8px;font-size:12px;color:#d8f0ff}.benefits span:before{content:'✓';color:#85efff;margin-right:10px}.orbit-label{position:absolute;right:28px;bottom:24px;color:#dcf8ff;font-size:10px;letter-spacing:2px;text-align:right}.orbit-label b{font-size:34px;display:block;line-height:1.3}.panel,.question,.month,.stage{background:#f9fcff;border:1px solid #bfdeef;border-radius:15px;box-shadow:0 5px 22px #00133314}.panel{padding:26px;margin-bottom:18px}.section-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.section-title h2{font-size:20px;margin:0 0 5px}.section-title p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.number{display:grid;place-items:center;min-width:36px;height:36px;border-radius:10px;background:#e6f2ff;color:#0861e4;font-weight:700;font-size:15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0}.field.wide{grid-column:1/-1}.field small{font-size:11px;font-weight:400;color:var(--muted)}input,select,textarea{width:100%;color:#163154;background:white;border:1px solid #cbdff0;border-radius:8px;padding:11px 12px;font-size:13px;outline:none;min-width:0}textarea{resize:vertical;min-height:85px;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:#3989fb;box-shadow:0 0 0 3px #3989fb19}::placeholder{color:#91a2b9}.required{color:#e73c62}.page-heading{margin:28px 0 25px;color:white}.page-heading h1{font-size:29px;margin:0 0 10px}.page-heading p{font-size:13px;color:#a9cbeb;margin:0;line-height:1.8}.question{margin-bottom:15px;overflow:hidden}.question>summary{display:flex;align-items:center;gap:15px;cursor:pointer;padding:22px;list-style:none}.question>summary::-webkit-details-marker{display:none}.question>summary:after{content:'⌄';color:#3974af;margin-left:auto;font-size:22px}.question[open]>summary:after{transform:rotate(180deg)}.q-num{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:linear-gradient(150deg,#04a9ff,#1854ed);box-shadow:0 3px 10px #1266ed30;color:white;font-size:13px;font-weight:700}.q-title{font-weight:700;font-size:16px;line-height:1.6}.q-summary{display:block;font-size:11px;font-weight:400;color:#7189a5;margin-top:4px}.q-body{padding:0 24px 24px;border-top:1px solid #e4eef9}.q-body>p,.hint{font-size:12px;color:var(--muted);line-height:1.8}.choices{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.choice{display:flex;align-items:center;gap:7px;border:1px solid #cfe1f1;background:white;border-radius:8px;padding:10px 13px;cursor:pointer;font-size:12px}.choice input{width:14px;height:14px;margin:0;accent-color:#1268f3}.choice:has(input:checked){border-color:#368cfb;background:#e9f3ff;color:#0757cf}.triple{display:grid;gap:10px;margin:20px 0}.triple label{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:8px;color:#4682b8}.example{margin:15px 0 0;font-size:12px;color:#47719d}.example summary{cursor:pointer;color:#2473ce;padding:8px 0}.example p{margin:4px 0 12px;line-height:1.8}.month{margin:10px 0;overflow:hidden;box-shadow:none}.month>summary{padding:16px;cursor:pointer;background:#eef6ff;font-size:13px;font-weight:600}.month>summary span{font-size:11px;float:right;color:#6985a8;font-weight:400}.month-content{padding:16px}.task-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:9px;margin-bottom:12px;align-items:end}.task-row label{font-size:11px;color:#5c7794;display:grid;gap:6px}.remove{border:0;background:#fff0f2;color:#bf3251;padding:10px;border-radius:7px}.add{border:1px dashed #8eb8ed;color:#216ac4;background:#f1f7ff;padding:10px 16px;border-radius:8px;font-size:12px}.stage{padding:18px;margin:12px 0;box-shadow:none}.stage h3{font-size:14px;color:#1263ce;margin:0 0 12px}.stage .grid{grid-template-columns:2fr 2fr 1fr;gap:10px}.needs-card{background:linear-gradient(130deg,#fff1f4,#fffafb);border:1px solid #ffa7ba;border-radius:17px;padding:26px;box-shadow:0 0 25px #ff446f12}.needs-card h2{color:#c61f43;margin:0 0 10px;font-size:22px}.needs-card>p{font-size:13px;color:#9a5367;line-height:1.8;margin:0 0 24px}.need{background:#ffffffcc;border:1px solid #ffd4de;padding:20px;border-radius:12px;margin-top:14px}.need strong{display:block;color:#c72348;font-size:16px;margin-bottom:8px}.need p{font-size:12px;color:#9a6c78;line-height:1.7}.need textarea{border-color:#f0d3dc;min-height:100px}.optional{margin-top:20px}.optional>summary{padding:20px;cursor:pointer;font-weight:600}.optional .grid{padding-top:8px}.actions{position:sticky;bottom:0;z-index:10;border:1px solid #8cceff60;background:#0c2855f5;backdrop-filter:blur(16px);border-radius:13px;padding:16px 18px;margin-top:24px;display:flex;justify-content:space-between;gap:16px;align-items:center;box-shadow:0 -6px 25px #06163233}.save-state{font-size:11px;color:#b5d5f3;line-height:1.7}.text-button{background:none;border:0;padding:0;color:#75caff;font-size:11px;display:block}.buttons{display:flex;gap:10px}button.primary,button.secondary,a.secondary{border:1px solid #538ef2;border-radius:9px;padding:12px 20px;font-size:13px;white-space:nowrap;text-decoration:none}.primary{background:linear-gradient(130deg,#168bff,#1555ec);color:white;box-shadow:0 4px 16px #006fff40;font-weight:600}.primary:hover{box-shadow:0 4px 20px #31b7ff77}.secondary{background:#eff7ff;color:#215b9e}.footnote{text-align:center;color:#6385b0;font-size:10px;letter-spacing:2px;padding:24px}.error-box{background:#fff0f2;border:1px solid #ff9db5;color:#ac2344;padding:18px;border-radius:12px;margin-top:18px}.error-box button{display:block;background:transparent;border:0;color:#ae2b49;text-decoration:underline;font-size:12px;margin:8px 0;text-align:left}.review-section{border-bottom:1px solid #dbe6f1;padding:18px 0;break-inside:avoid}.review-section h3{font-size:15px;margin:0 0 10px}.review-section p{white-space:pre-wrap;font-size:13px;line-height:1.9;color:#51677f;overflow-wrap:anywhere}.success-banner{background:#e5fbf3;border:1px solid #80d7be;padding:18px;border-radius:10px;margin-bottom:20px;color:#15765d}.status-pill{display:inline-block;padding:4px 8px;border-radius:6px;background:#e6f4ff;color:#276ab3;font-size:11px}dialog{border:1px solid #b4d4fb;border-radius:18px;padding:32px;max-width:560px;width:calc(100% - 28px);color:#173459;box-shadow:0 20px 100px #00132c88}dialog::backdrop{background:#00132caa;backdrop-filter:blur(5px)}dialog h2{margin-top:0;font-size:22px}dialog p{font-size:13px;line-height:1.8;color:#62768e}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:26px;color:#6681a2}.recovery-code{font-size:11px;overflow-wrap:anywhere;background:#eef5ff;padding:12px;border-radius:7px;user-select:all}.admin-shell{max-width:1120px;margin:40px auto;padding:0 20px}.admin-heading{color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-record{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #dbe7f5;padding:20px 0}.admin-record h3{margin:0 0 6px;font-size:16px}.admin-record p{font-size:12px;color:#657e9c;margin:4px 0}.admin-buttons{display:flex;gap:8px;flex-wrap:wrap}.admin-buttons button,.admin-buttons a{font-size:12px;padding:9px 12px}.search{max-width:400px;margin:18px 0}.hidden,[hidden]{display:none!important}
@media(min-width:1500px){.workspace{padding-top:38px}}@media(max-width:1380px){.workspace{margin:0 24px;grid-template-columns:220px minmax(0,1fr);gap:24px}}@media(max-width:1000px){.workspace{grid-template-columns:180px minmax(0,1fr);gap:18px}.tagline{display:none}.top-inner .subtle{margin-left:auto}aside h2{font-size:22px}.hero{padding:30px}.q-title{font-size:14px}.actions{flex-wrap:wrap}.save-state{display:flex;gap:15px}.buttons{margin-left:auto}.stage .grid{grid-template-columns:1fr}.task-row{grid-template-columns:1fr 1fr}.task-row label:first-child{grid-column:1/-1}}@media(max-width:720px){.top{padding:0 14px 10px}.top-inner{height:60px;gap:10px}.brand{font-size:19px;gap:6px}.brand img{width:30px;height:30px}.brand span{font-size:11px;padding-left:8px;margin-left:2px}.subtle{padding:8px;font-size:10px}.notice{padding:10px 12px;gap:9px;border-radius:9px}.notice-icon{min-width:26px;height:26px;font-size:17px}.notice strong{font-size:12px}.notice p{font-size:10px;line-height:1.6}.workspace{display:block;margin:0 14px;padding:16px 0}aside{position:static;height:auto;min-height:0;padding:0}.side-label,aside h2,.side-bottom{display:none}#steps{display:flex;overflow-x:auto;gap:6px;margin-bottom:17px;padding-bottom:5px}.step{flex:0 0 auto;padding:8px;font-size:11px;border-radius:8px;gap:6px}.step b{width:22px;height:22px;font-size:10px}.step .tick{display:none}.step:not(.active) .step-text{display:none}.hero{padding:28px 22px;min-height:320px;border-radius:14px}.hero h1{font-size:30px}.hero p{font-size:12px;max-width:220px}.orbit-label{right:18px;bottom:18px;font-size:8px}.orbit-label b{font-size:27px}.panel{padding:20px 16px}.grid{grid-template-columns:1fr;gap:16px}.page-heading{margin:20px 0}.page-heading h1{font-size:25px}.question>summary{padding:18px 15px;gap:10px}.q-num{width:30px;height:30px;flex-basis:30px;font-size:12px}.q-body{padding:0 16px 18px}.choices{gap:7px}.choice{padding:9px 10px;font-size:11px}.needs-card{padding:20px 15px}.needs-card h2{font-size:20px}.need{padding:16px}.need strong{font-size:14px}.actions{padding:12px 10px;gap:10px;margin-top:18px;border-radius:10px}.buttons{width:100%;display:flex;gap:7px}.buttons button{flex:1;padding:11px 8px;font-size:12px}.save-state{justify-content:space-between;width:100%;font-size:10px}.footnote{font-size:9px}.admin-heading{flex-wrap:wrap}.admin-record{align-items:flex-start;flex-direction:column}.top .tagline{display:none}}@media print{body{background:white}header,.ambient,.actions,.footnote,aside,.progress-line,.progress-track,.admin-heading,.admin-buttons,.search,#login,#list,.print-hide{display:none!important}.workspace{display:block;margin:0;padding:0}.panel{border:0;box-shadow:none;padding:0}.admin-shell{max-width:none;margin:0;padding:0}.review-section{break-inside:avoid}.page-heading,.page-heading h1,.page-heading p{color:#152742}.notice{display:none}*{print-color-adjust:exact}@page{size:A4;margin:18mm}}

#content:focus{outline:none}.collapse{color:#1766bc;margin-top:12px}.field>span{display:block}
.is-home .workspace{display:none}.welcome{position:relative;isolation:isolate;overflow:hidden;max-width:1320px;min-height:650px;margin:28px auto 36px;border:1px solid #76c6ff55;border-radius:24px;background:#092a52;box-shadow:0 30px 90px #00062566;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:64px 62px 100px}.welcome:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#051a38f5 0%,#07294ad9 35%,#07305b45 75%),url('/assets/growth-banner.png') center bottom/auto 260% no-repeat}.welcome:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#051b39e8,transparent 38%),radial-gradient(ellipse at 80% 30%,#43c5ff20,transparent 55%)}.welcome-copy{position:relative;z-index:2}.welcome-kicker{display:flex;gap:10px;align-items:center;color:#c0e8ff;font-size:12px;letter-spacing:3px}.welcome-kicker span{width:6px;height:6px;border-radius:50%;background:#7be7ff;box-shadow:0 0 14px #8ceeff}.welcome-overline{font-size:12px;letter-spacing:5px;color:#81afcf;margin:40px 0 18px}.welcome h1{font-size:clamp(34px,4.2vw,58px);font-weight:700;line-height:1.32;letter-spacing:1px;color:#f3faff;margin:0}.welcome h1 em{font-style:normal;background:linear-gradient(110deg,#e4fcff,#5ed7ff);color:transparent;background-clip:text}.welcome-description{font-size:14px;line-height:2;color:#b8d3e8;margin:24px 0 30px}.welcome-start{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:16px 23px;border-radius:11px;border:1px solid #a3eaff;color:#052858;font-size:16px;font-weight:700;background:linear-gradient(110deg,#e1faff,#8cddff);box-shadow:0 8px 35px #23adff38}.welcome-start:hover{box-shadow:0 8px 38px #55ceff70;background:#d9f7ff}.welcome-start span{font-size:22px;font-weight:400}.welcome-resume{border:0;background:none;color:#a8d9ff;padding:16px 0 0;font-size:12px}.welcome-features{display:flex;align-items:center;gap:18px;font-size:11px;color:#8db2cc;margin-top:30px}.welcome-features i{width:3px;height:3px;background:#6299bf;border-radius:50%}.welcome-art{position:relative;height:380px;display:grid;place-items:center;color:#d7f6ff}.future-ring{position:absolute;width:340px;height:340px;border:1px solid #b5eaff44;border-radius:50%;box-shadow:0 0 80px #46c2ff10,inset 0 0 60px #3bbdff15}.future-ring:before{content:'';position:absolute;inset:18px;border-radius:50%;border:1px dashed #c6efff33}.future-ring:after{content:'';position:absolute;right:38px;top:44px;width:8px;height:8px;background:#d9fbff;border-radius:50%;box-shadow:0 0 18px 4px #57cfff}.future-days{text-align:center;position:relative}.future-days b{display:block;font-size:108px;font-weight:200;letter-spacing:5px;text-shadow:0 0 45px #74daff55;line-height:1.2}.future-days span{font-size:11px;letter-spacing:2px;color:#c1e2f4}.future-coordinate{position:absolute;top:53px;font-size:8px;letter-spacing:3px;color:#b0d7ef}.future-point{position:absolute;bottom:56px;font-size:10px;color:#c2e9ff;letter-spacing:3px}.future-point span{color:#80bed688;letter-spacing:0;margin:0 8px}.welcome-bottom{position:absolute;bottom:27px;left:62px;right:62px;display:flex;justify-content:space-between;border-top:1px solid #a0d9ff26;padding-top:20px;font-size:10px;letter-spacing:2px;color:#709dbf}.example-first{margin:18px 0 20px;padding:10px 14px;border:1px solid #c8e0f4;border-radius:9px;background:#eef7ff}.example-first summary{font-weight:700;padding:2px 0}.example-first p{color:#4b6e94;margin:9px 0 2px;font-size:12px;line-height:1.85}.journey-closing{margin:24px 0 8px;border-top:1px solid #71cafc66;padding:30px 8px 16px;color:#bfd9ee}.closing-eyebrow{color:#6fdcfa;font-size:11px;letter-spacing:3px}.journey-closing h2{font-size:22px;color:#e7f6ff;line-height:1.65;margin:12px 0}.journey-closing p{font-size:13px;line-height:2;max-width:740px;margin:12px 0 20px}.journey-closing strong{color:#7ddcef;font-size:14px;font-weight:500}@media(max-width:1380px){.welcome{margin:24px;min-height:620px;padding:48px 42px 90px}.welcome-bottom{left:42px;right:42px}}@media(max-width:850px){.welcome{grid-template-columns:1fr;padding:38px 30px 85px;min-height:650px}.welcome-copy{max-width:460px}.welcome-art{position:absolute;width:230px;height:230px;right:-30px;top:160px;opacity:.32;z-index:0}.future-ring{width:220px;height:220px}.future-days b{font-size:80px}.future-days span,.future-coordinate,.future-point{display:none}.welcome:before{background-position:center bottom}.welcome-bottom{left:30px;right:30px}.welcome h1{font-size:46px}}@media(max-width:520px){.welcome{margin:16px 14px;min-height:610px;border-radius:18px;padding:30px 24px 80px}.welcome-kicker{font-size:10px;letter-spacing:2px}.welcome-overline{margin-top:38px;letter-spacing:3px;font-size:11px}.welcome h1{font-size:34px}.welcome-description{font-size:12px;line-height:2.1;margin:23px 0 28px;max-width:270px}.welcome-start{width:100%;max-width:280px;padding:15px 20px;font-size:15px}.welcome-features{gap:13px;font-size:10px}.welcome-art{right:-80px;top:172px;opacity:.23}.welcome-bottom{left:24px;right:24px;font-size:9px;letter-spacing:1px;gap:15px}.welcome-bottom span:last-child{max-width:130px;text-align:right}.journey-closing{padding:25px 4px 12px}.journey-closing h2{font-size:19px}.journey-closing p{font-size:12px}.journey-closing strong{font-size:13px}}@media print{.welcome{display:none!important}}
/* Mobile H5: student interface remains a portrait app at every viewport width. */
body.mobile-app{width:100%;max-width:480px;min-height:100svh;margin:0 auto;background:#08244b;box-shadow:0 0 90px #0008;overflow-x:clip;-webkit-text-size-adjust:100%}.mobile-app .ambient{max-width:480px;left:50%;transform:translateX(-50%)}.mobile-app .top{padding:env(safe-area-inset-top) 14px 10px;width:100%}.mobile-app .top-inner{height:58px;gap:8px}.mobile-app .brand{font-size:19px;gap:6px}.mobile-app .brand img{width:32px;height:32px}.mobile-app .brand span{font-size:11px;padding-left:8px;margin-left:2px}.mobile-app .tagline{display:none}.mobile-app .subtle{min-height:44px;margin-left:auto;padding:8px 10px;font-size:11px}.mobile-app .notice{padding:10px 12px;gap:9px;border-radius:10px;align-items:flex-start}.mobile-app .notice-icon{min-width:25px;height:25px;font-size:16px;margin-top:2px}.mobile-app .notice strong{font-size:13px;line-height:1.5}.mobile-app .notice p{font-size:11px;line-height:1.7;margin-top:3px}.mobile-app .workspace{display:block;margin:0;padding:16px 14px calc(152px + env(safe-area-inset-bottom));width:100%}.mobile-app.is-home .workspace{display:none}.mobile-app aside{position:static;height:auto;min-height:0;padding:0}.mobile-app .side-label,.mobile-app aside h2,.mobile-app .side-bottom{display:none}.mobile-app #steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;overflow:visible;margin:0 0 18px;padding:0}.mobile-app .step{min-width:0;min-height:46px;justify-content:center;padding:5px;border:1px solid #31517a;border-radius:10px;position:relative}.mobile-app .step b{width:28px;height:28px;font-size:12px;border:0}.mobile-app .step .step-text{display:none}.mobile-app .step .tick{position:absolute;right:2px;top:0;font-size:10px;display:block}.mobile-app .progress-line{font-size:12px;gap:10px}.mobile-app #complete-count{font-size:10px}.mobile-app .progress-track{margin-bottom:20px}.mobile-app .page-heading{margin:20px 0}.mobile-app .page-heading h1{font-size:25px;line-height:1.5}.mobile-app .page-heading p{font-size:13px;line-height:1.8}.mobile-app .eyebrow{font-size:9px;letter-spacing:2px}.mobile-app .panel{padding:20px 16px;border-radius:14px}.mobile-app .section-title{gap:10px}.mobile-app .section-title h2{font-size:18px}.mobile-app .section-title p{font-size:12px}.mobile-app .grid,.mobile-app .stage .grid{grid-template-columns:1fr;gap:16px}.mobile-app .field{font-size:14px;gap:9px}.mobile-app input,.mobile-app select,.mobile-app textarea{font-size:16px;min-height:48px;padding:12px;scroll-margin-top:180px}.mobile-app textarea{min-height:108px;line-height:1.8}.mobile-app .question>summary{padding:18px 14px;gap:10px;min-height:80px}.mobile-app .q-title{font-size:15px;line-height:1.7}.mobile-app .q-summary{font-size:11px}.mobile-app .q-num{width:30px;height:30px;flex-basis:30px;font-size:12px}.mobile-app .q-body{padding:0 14px 18px}.mobile-app .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0 20px}.mobile-app .choice{min-height:46px;padding:10px;font-size:12px;line-height:1.6;gap:8px;overflow-wrap:anywhere}.mobile-app .choice input{width:17px;min-width:17px;height:17px;min-height:0;padding:0}.mobile-app .q-body>p{font-size:12px}.mobile-app .example-first{margin:16px 0 18px;padding:8px 12px}.mobile-app .example-first summary{min-height:36px;display:flex;align-items:center;font-size:13px}.mobile-app .example-first p{font-size:13px;line-height:1.8}.mobile-app .collapse{min-height:44px;font-size:12px}.mobile-app .month>summary{min-height:50px;padding:16px 12px}.mobile-app .month-content{padding:12px}.mobile-app .task-row{grid-template-columns:1fr;gap:12px;padding:14px 12px;background:#edf5ff;border:1px solid #cfdfef;border-radius:10px;margin-bottom:14px}.mobile-app .task-row label:first-child{grid-column:auto}.mobile-app .task-row label{font-size:12px}.mobile-app .remove{justify-self:end;min-height:44px;padding:10px 18px}.mobile-app .add{min-height:46px;margin:4px 0;width:100%;font-size:13px}.mobile-app .stage{padding:16px 12px}.mobile-app .stage h3{font-size:15px}.mobile-app .needs-card{padding:20px 14px}.mobile-app .needs-card h2{font-size:20px;line-height:1.6}.mobile-app .need{padding:16px 12px}.mobile-app .need strong{font-size:15px;line-height:1.7}.mobile-app .need p{font-size:12px;line-height:1.8}.mobile-app .actions{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);margin:0;padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;display:flex;flex-direction:column;gap:6px;z-index:30}.mobile-app .save-state{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;min-height:30px}.mobile-app #recovery{min-height:36px;font-size:11px;white-space:nowrap}.mobile-app .buttons{width:100%;display:flex;gap:8px;margin:0}.mobile-app .buttons button{flex:1;min-width:0;min-height:48px;padding:12px 6px;font-size:13px}.mobile-app .buttons #next{flex:1.2}.mobile-app .footnote{font-size:9px;padding:22px 0 0}.mobile-app .journey-closing{padding:24px 4px 12px}.mobile-app .journey-closing h2{font-size:19px;line-height:1.8}.mobile-app .journey-closing p{font-size:13px;line-height:2}.mobile-app .journey-closing strong{font-size:14px;line-height:1.8}.mobile-app dialog{max-width:450px;padding:28px 22px}.mobile-app .close{width:44px;height:44px}.mobile-app .welcome{display:block;width:calc(100% - 28px);margin:16px 14px 24px;min-height:580px;min-height:max(580px,calc(100svh - 185px));border-radius:20px;padding:30px 24px 84px}.mobile-app .welcome-copy{max-width:none}.mobile-app .welcome:before{background:linear-gradient(90deg,#051a38ed,#07294a88),url('/assets/growth-banner.png') center bottom/auto 260% no-repeat}.mobile-app .welcome-kicker{font-size:10px;letter-spacing:2px}.mobile-app .welcome-overline{margin:35px 0 18px;font-size:12px;letter-spacing:3px}.mobile-app .welcome h1{font-size:clamp(30px,8vw,38px);line-height:1.4;letter-spacing:0}.mobile-app .welcome-description{font-size:13px;line-height:2;max-width:290px;margin:24px 0 30px}.mobile-app .welcome-start{width:100%;max-width:none;min-height:54px;font-size:16px;padding:16px 20px}.mobile-app .welcome-resume{min-height:44px;font-size:13px;width:100%;text-align:center;padding:12px 0 0}.mobile-app .welcome-features{gap:13px;font-size:11px;margin-top:24px;justify-content:center}.mobile-app .welcome-art{position:absolute;width:220px;height:220px;right:-90px;top:150px;opacity:.18;z-index:0}.mobile-app .future-ring{width:220px;height:220px}.mobile-app .future-days b{font-size:80px}.mobile-app .future-days span,.mobile-app .future-coordinate,.mobile-app .future-point{display:none}.mobile-app .welcome-bottom{left:24px;right:24px;bottom:23px;gap:12px;font-size:9px;letter-spacing:1px;line-height:1.8}.mobile-app .welcome-bottom span:last-child{max-width:120px;text-align:right}.mobile-app.keyboard-open .actions{display:none}.mobile-app.keyboard-open .top{position:relative}.mobile-app.keyboard-open .workspace{padding-bottom:24px}@media(prefers-reduced-motion:reduce){.mobile-app *{scroll-behavior:auto!important;transition:none!important}}@media print{body.mobile-app{max-width:none;box-shadow:none}.mobile-app .workspace{padding:0}.mobile-app .actions{display:none}}
/* Reference-inspired immersive portrait cover. */
.mobile-app.is-home .top{display:none}.mobile-app .welcome.cover-h5{width:100%;margin:0;min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none;background:#c7eaff;isolation:isolate;overflow:hidden}.mobile-app .welcome.cover-h5:before{inset:0;background:url('/assets/mobile-cover-future.png') center top/100% auto no-repeat;z-index:-2}.mobile-app .welcome.cover-h5:after{inset:0;background:linear-gradient(0deg,#d9f0ff 0%,transparent 22%,transparent 85%,#001a4222);z-index:-1}.cover-brand{display:flex;align-items:center;gap:8px;color:white;height:54px;padding-left:2px}.cover-brand img{width:66px;height:54px;object-fit:contain}.cover-brand b{font-size:30px;font-style:italic;letter-spacing:2px;text-shadow:0 3px 10px #001630}.cover-intro{text-align:center;color:white}.cover-english{font-size:9px;letter-spacing:4px;margin:22px 0 18px;color:#d9e8ff}.mobile-app .cover-h5 h1{font-family:'STSong','SimSun','Songti SC',serif;font-size:clamp(30px,7.5vw,38px);font-weight:500;line-height:1.3;white-space:nowrap;margin:0;color:#fff;text-shadow:0 0 12px #39baff,0 2px 2px #062f67}.cover-h5 h1 span{display:block;position:relative}.cover-h5 h1 i{font-size:1.65em;font-family:Georgia,serif;font-weight:400;letter-spacing:-4px;margin-right:4px}.cover-h5 h1 strong{font-size:1.12em;font-weight:500;display:block;letter-spacing:3px;margin-top:0}.cover-subtitle{font-size:clamp(13px,3.4vw,16px);line-height:1.8;margin:16px -4px 0;text-shadow:0 2px 7px #003773;font-weight:500}.cover-scene-space{height:clamp(132px,36vw,173px)}.cover-controls{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.mobile-app .cover-h5 .welcome-start{width:88%;min-height:64px;border:1.5px solid #d1ffff;border-radius:44px;padding:14px 24px;justify-content:center;gap:30px;background:linear-gradient(150deg,#31e4ff,#0878ff 55%,#1357ef);color:white;font-size:25px;letter-spacing:3px;box-shadow:0 0 5px 2px #fff9,inset 0 0 14px #9effff,0 0 24px #22caff;font-weight:700}.mobile-app .cover-h5 .welcome-start span{border-radius:50%;background:#c1ddff33;width:36px;height:36px;display:grid;place-items:center;font-size:28px}.cover-example{min-height:44px;padding:9px 30px;border-radius:30px;border:1px solid #d8edff;background:#061d4caa;backdrop-filter:blur(8px);color:white;font-size:16px;box-shadow:inset 0 0 15px #ceeaff22}.mobile-app .cover-h5 .welcome-resume{color:#073a70;background:#ecfaffda;width:auto;padding:8px 20px;border-radius:22px;font-size:12px;min-height:40px}.cover-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 14px}.cover-features article{border:1px solid #c3efff;border-radius:15px;background:linear-gradient(145deg,#a7ddff77,#f6fcffe8);backdrop-filter:blur(10px);padding:14px 4px 15px;text-align:center;box-shadow:0 5px 20px #1266b62b;min-width:0}.feature-icon{font-size:35px;line-height:1.3;color:#087fff;text-shadow:0 0 5px white,0 4px 8px #1876ea77;display:block;height:52px}.cover-features h2{font-size:17px;margin:6px 0 8px;color:#0a2451;letter-spacing:1px}.cover-features p{font-size:10px;line-height:1.9;margin:0;color:#224777;white-space:nowrap}.cover-gains{border-radius:18px;padding:18px 13px 13px;background:#f7fcffec;border:1px solid white;box-shadow:0 6px 30px #348dd322;color:#102d58}.cover-gains>h2{font-size:20px;margin:0 0 16px;padding-left:10px;border-left:4px solid #087fff;line-height:1.4}.cover-gains details{border-radius:12px;background:#e9f3ffcc;margin-top:8px;overflow:hidden}.cover-gains summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:12px 10px;min-height:70px}.cover-gains summary::-webkit-details-marker{display:none}.cover-gains summary>span{display:grid;place-items:center;background:#d3ecff;border-radius:50%;color:#0784ff;min-width:40px;height:40px;font-size:24px}.cover-gains summary div{flex:1;min-width:0}.cover-gains b{display:block;font-size:15px;margin-bottom:5px}.cover-gains small{font-size:11px;color:#5575a0;line-height:1.6;display:block}.cover-gains i{font-style:normal;font-size:24px;color:#7395be}.cover-gains details[open] i{transform:rotate(90deg)}.cover-gains details p{font-size:12px;line-height:1.9;padding:0 16px 15px;margin:0;color:#42628c}.cover-course-note{margin:18px 5px 0;text-align:center;color:#456989}.cover-course-note strong{font-size:12px}.cover-course-note p{font-size:10px;line-height:1.8;margin:6px 0 0}@media(max-width:360px){.mobile-app .welcome.cover-h5{padding-left:12px;padding-right:12px}.cover-features{gap:5px}.cover-features h2{font-size:15px}.cover-features p{font-size:9px}.cover-english{letter-spacing:3px}.mobile-app .cover-h5 h1{font-size:29px}.cover-gains b{font-size:14px}}
.mobile-app .cover-scene-space{height:clamp(205px,54vw,260px)}.cover-features .feature-icon{display:grid;place-items:center}.feature-icon svg{width:46px;height:46px;filter:drop-shadow(0 4px 5px #1674db55)}
/* Orbital title and a gentle animated start action. */
.title-orbit{position:relative;isolation:isolate;margin:8px 0 18px}.title-orbit h1{position:relative;z-index:1}.title-orbit-ring{position:absolute;left:-5%;top:12%;width:110%;height:75%;border:1.5px solid #a7f7ff;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 7px #2bd9ff,inset 0 0 5px #47bbff;pointer-events:none;z-index:0;animation:orbit-shimmer 5s ease-in-out infinite}.title-orbit-ring:after{content:'';position:absolute;inset:4px -2px;border-radius:50%;border-bottom:1px solid #4fb8ff80}.title-orbit-ring i{position:absolute;inset:0;border-radius:50%;animation:orbit-turn 12s linear infinite}.title-orbit-ring i:after{content:'';position:absolute;left:15%;top:12%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 6px 3px #b9faff,0 0 16px 5px #4acaff}.mobile-app .cover-h5 .welcome-start{position:relative;overflow:hidden;isolation:isolate;animation:start-breathe 3.2s ease-in-out infinite}.mobile-app .cover-h5 .welcome-start:before{content:'';position:absolute;inset:-60% auto -60% -60%;width:30%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#e6ffff88,transparent);pointer-events:none;animation:start-sheen 4.5s ease-in-out infinite;z-index:-1}.mobile-app .cover-h5 .welcome-start span{animation:start-arrow 2.4s ease-in-out infinite}.mobile-app .cover-h5 .welcome-start:active{transform:scale(.98)}@keyframes orbit-shimmer{0%,100%{opacity:.65;filter:brightness(1)}50%{opacity:1;filter:brightness(1.35)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes start-breathe{0%,100%{box-shadow:0 0 5px 2px #fff9,inset 0 0 14px #9effff,0 0 20px #22caff}50%{box-shadow:0 0 7px 2px #fffc,inset 0 0 18px #9effff,0 0 32px #22caff}}@keyframes start-sheen{0%,30%{left:-60%}65%,100%{left:140%}}@keyframes start-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@media(prefers-reduced-motion:reduce){.title-orbit-ring,.title-orbit-ring i,.mobile-app .cover-h5 .welcome-start,.mobile-app .cover-h5 .welcome-start:before,.mobile-app .cover-h5 .welcome-start span{animation:none!important}.mobile-app .cover-h5 .welcome-start:before{display:none}}
/* Orbit rotation takes place in its tilted plane, not around a flat bounding box. */
.mobile-app .title-orbit{perspective:700px;margin:12px 0 22px}.mobile-app .title-orbit-ring{left:3%;top:50%;width:94%;height:auto;aspect-ratio:1;border:none;border-radius:50%;transform:translateY(-50%) rotateZ(-14deg) rotateX(70deg);transform-style:preserve-3d;animation:none;box-shadow:none;opacity:.95}.mobile-app .title-orbit-ring:after{display:none}.mobile-app .title-orbit-ring i{inset:0;display:block;border:1.5px solid #a7f7ff;border-top-color:#d9ffff;border-right-color:#42aaff66;box-shadow:0 0 7px #34d9ff,inset 0 0 5px #3bbcff;animation:natural-orbit 14s linear infinite;transform-style:preserve-3d}.mobile-app .title-orbit-ring i:after{left:50%;top:-3px;width:7px;height:7px;box-shadow:0 0 7px 2px #b9faff,0 0 16px #4acaff}.mobile-app .cover-subtitle{margin:18px 6px 0;text-align:center;color:white;white-space:normal}.cover-subtitle strong{display:block;font-size:18px;line-height:1.7}.cover-subtitle p{font-size:14px;line-height:1.9;margin:8px 0 0;text-shadow:0 2px 6px #00315f}.mobile-app .cover-scene-space{height:clamp(130px,37vw,178px)}.mobile-app .cover-course-note{font-size:12px;line-height:1.8;color:#315d83;margin-top:20px}.mobile-app .notice strong{font-size:17px;font-weight:800;line-height:1.75;color:#df163c}.mobile-app .notice{padding:12px;align-items:center;border:1px solid #ffb6c6;box-shadow:0 0 12px #ff547a15}.mobile-app .notice-icon{background:#f32953;min-width:28px;height:28px;font-size:18px}.mobile-app .welcome.cover-h5{max-width:480px}@keyframes natural-orbit{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}@media(max-width:360px){.cover-subtitle strong{font-size:16px}.cover-subtitle p{font-size:13px}.mobile-app .notice strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.mobile-app .title-orbit-ring i{animation:none!important}}

/* Page actions follow the form; closing message is an emphasized reading block. */
.mobile-app .actions{position:static;left:auto;bottom:auto;transform:none;width:100%;margin:22px 0 0;border-radius:14px;padding:12px 12px 16px;box-shadow:none;backdrop-filter:none}
.mobile-app .workspace{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.mobile-app.keyboard-open .actions{display:flex}
.mobile-app .journey-closing{margin:24px 0 8px;padding:24px 18px;border:1px solid #78d8ff88;border-radius:16px;background:linear-gradient(145deg,#123b69,#0e2c53);box-shadow:0 0 22px #50bfff12}
.mobile-app .journey-closing h2{font-size:23px;line-height:1.65;color:#ffe49b;font-weight:800;margin:0 0 18px}
.mobile-app .journey-closing p{font-size:17px;line-height:1.95;color:#dcf3ff;font-weight:600;margin:0 0 20px}
.mobile-app .journey-closing strong{display:block;font-size:19px;line-height:1.8;color:#74f0e1;font-weight:700}
@media(max-width:360px){.mobile-app .journey-closing{padding:20px 15px}.mobile-app .journey-closing h2{font-size:21px}.mobile-app .journey-closing p{font-size:16px}.mobile-app .journey-closing strong{font-size:18px}}
.mobile-app .cover-h5 h1>span{animation:title-bob 3.8s ease-in-out infinite}.mobile-app .cover-h5 h1>strong{animation:title-bob 3.8s ease-in-out .3s infinite}.mobile-app .cover-subtitle{margin:50px 8px 0}.mobile-app .cover-subtitle strong{font-size:21px;line-height:1.7}.mobile-app .cover-subtitle p{font-size:16px;line-height:1.9;margin-top:10px}.mobile-app .cover-scene-space{height:clamp(105px,29vw,140px)}.completion-buttons{display:grid;gap:14px;margin:24px 0}.completion-buttons button{min-height:52px;font-size:16px}.customer-qr{text-align:center}.customer-qr .qr-success{display:inline-block;color:#138060;background:#e4f9ef;border-radius:20px;padding:7px 16px;font-size:13px;margin:8px 0 18px}.customer-qr h2{font-size:25px;color:#163b6b;margin:0 0 10px}.customer-qr>p{font-size:16px;color:#2166ac;font-weight:600}.customer-qr img{display:block;width:min(100%,280px);height:auto;margin:20px auto;padding:10px;background:white;border:1px solid #c6d9e9;border-radius:10px}.customer-qr .qr-hint{font-size:12px;font-weight:400;color:#62768e}.customer-qr button{min-height:48px;width:100%;margin-top:10px}@keyframes title-bob{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}65%{transform:translateY(1px)}}@media(max-width:360px){.mobile-app .cover-subtitle strong{font-size:19px}.mobile-app .cover-subtitle p{font-size:15px}}@media(prefers-reduced-motion:reduce){.mobile-app .cover-h5 h1>span,.mobile-app .cover-h5 h1>strong{animation:none}}
/* Fit the landing page to the actual browser viewport, including mobile chrome. */
body.mobile-app.is-home{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.mobile-app .welcome.cover-h5{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;container-type:size;padding: max(8px,env(safe-area-inset-top)) 14px max(8px,env(safe-area-inset-bottom));gap:clamp(4px,1vh,9px)}
.mobile-app .welcome.cover-h5:before{background-size:cover;background-position:center center}
.mobile-app .welcome.cover-h5:after{background:linear-gradient(0deg,#d9f0ff 0%,transparent 30%,transparent 85%,#001a4222)}
.cover-h5 .cover-brand{flex:none;height:clamp(28px,6cqh,48px);gap:8px}
.cover-h5 .cover-brand img{height:100%;width:auto;max-width:58px}
.cover-h5 .cover-brand b{font-size:clamp(20px,4cqh,29px)}
.cover-h5 .cover-intro{flex:none}
.cover-h5 .cover-english{font-size:clamp(7px,1.15cqh,9px);letter-spacing:clamp(2px,.8vw,4px);margin:clamp(3px,1.2cqh,10px) 0 clamp(5px,1.5cqh,12px)}
.mobile-app .cover-h5 .title-orbit{margin:0 0 0}
.mobile-app .cover-h5 h1{font-size:clamp(24px,min(7.5vw,4.8cqh),38px);line-height:1.22}
.mobile-app .cover-h5 h1 strong{letter-spacing:2px}
.mobile-app .cover-h5 .cover-subtitle{margin:clamp(24px,5.4cqh,43px) 2px 0}
.mobile-app .cover-h5 .cover-subtitle strong{font-size:clamp(15px,min(4.7vw,2.65cqh),21px);line-height:1.5}
.mobile-app .cover-h5 .cover-subtitle p{font-size:clamp(12px,min(3.7vw,2cqh),16px);line-height:1.6;margin:clamp(4px,1cqh,8px) 0 0}
.mobile-app .cover-h5 .cover-scene-space{flex:1 1 0;height:auto;min-height:0}
.cover-h5 .cover-controls{flex:none;gap:clamp(5px,1cqh,9px)}
.mobile-app .cover-h5 .welcome-start{min-height:44px;height:clamp(44px,8cqh,64px);padding:6px 18px;font-size:clamp(20px,3.4cqh,25px);width:90%}
.mobile-app .cover-h5 .welcome-start span{width:30px;height:30px;font-size:26px}
.mobile-app .cover-h5 .welcome-resume{min-height:32px;padding:5px 16px;font-size:12px;line-height:22px}
.cover-h5 .cover-features{flex:none;margin:clamp(2px,1cqh,8px) 0 0;gap:7px}
.cover-h5 .cover-features article{padding:clamp(5px,1cqh,9px) 3px;border-radius:13px}
.cover-h5 .feature-icon{height:clamp(24px,5cqh,42px)}
.cover-h5 .feature-icon svg{width:clamp(24px,5cqh,42px);height:100%}
.cover-h5 .cover-features h2{font-size:clamp(13px,2.1cqh,17px);line-height:1.4;margin:3px 0}
.cover-h5 .cover-features p{font-size:clamp(9px,1.35cqh,11px);line-height:1.5;white-space:normal}
.mobile-app .cover-h5 .cover-course-note{flex:none;font-size:clamp(9px,1.5cqh,12px);line-height:1.4;margin:2px 0 0}
@media(max-height:500px) and (orientation:landscape){.mobile-app.is-home{max-width:none}.mobile-app .welcome.cover-h5{max-width:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto;column-gap:24px}.cover-h5 .cover-brand{grid-column:1/-1}.cover-h5 .cover-intro{grid-column:1;grid-row:2/4;align-self:center}.mobile-app .cover-h5 .cover-scene-space{display:none}.cover-h5 .cover-controls{grid-column:2;align-self:end}.cover-h5 .cover-features{grid-column:2}.mobile-app .cover-h5 .cover-course-note{grid-column:1/-1}.mobile-app .cover-h5 .cover-subtitle{margin-top:24px}.mobile-app .cover-h5 h1{font-size:27px}}
/* AI learning begins with a personal purpose. */
.mobile-app .welcome.ai-cover{background:#061b3d;gap:clamp(4px,.85cqh,8px)}
.mobile-app .welcome.ai-cover:before{background:linear-gradient(#03173588,#041d3dcc),url('/assets/mobile-cover-future.png') center/cover;opacity:.65}
.mobile-app .welcome.ai-cover:after{background:radial-gradient(ellipse at 50% 45%,#077daf33,transparent 65%),linear-gradient(0deg,#051a38 0%,transparent 70%)}
.ai-cover .brand-mission{margin-left:auto;font-size:10px;color:#a5d5f3;letter-spacing:1px}
.ai-cover .cover-brand b{font-style:normal;font-size:24px}
.ai-cover .cover-brand img{max-width:45px}
.ai-cover .cover-english{color:#8bcce6;font-size:8px;letter-spacing:2px}
.mobile-app .ai-cover h1{font-size:clamp(24px,min(7vw,4.3cqh),35px)}
.mobile-app .ai-cover .cover-subtitle{margin-top:clamp(20px,4cqh,32px)}
.mobile-app .ai-cover .cover-subtitle strong{color:#a2f5ff;font-weight:800;font-size:clamp(19px,3.3cqh,26px);text-shadow:0 0 20px #1bc5ff66}
.mobile-app .ai-cover .cover-subtitle p{font-size:clamp(12px,1.9cqh,15px);color:#d7e9ff;line-height:1.6;margin-top:5px}
.ai-navigation{position:relative;flex:1 1 0;min-height:96px;max-height:210px;margin:0 2px;isolation:isolate}
.nav-grid{position:absolute;inset:0;background-image:linear-gradient(#39c6ff12 1px,transparent 1px),linear-gradient(90deg,#39c6ff12 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,black,transparent 75%)}
.nav-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#4ee8ff;stroke-width:1;fill:none;filter:drop-shadow(0 0 4px #19d2ff);stroke-dasharray:5 6;animation:signal-flow 8s linear infinite}
.ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(64px,12cqh,96px);aspect-ratio:1;border:1px solid #83edff;border-radius:50%;background:radial-gradient(circle,#146392,#082544 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 25px #13b9ff44,inset 0 0 15px #24c9ff33}
.ai-core:before{content:'';position:absolute;inset:-6px;border:1px dashed #4be3ff99;border-radius:50%;animation:natural-orbit 24s linear infinite}
.ai-core span{font-size:9px;letter-spacing:1px;color:#77eaff}.ai-core b{font-size:15px;color:white;margin:3px 0}.ai-core small{font-size:9px;color:#a7d2e8}
.ai-goal{position:absolute;min-width:29%;padding:7px 6px;background:linear-gradient(120deg,#123e62df,#071e3ee8);border:1px solid #4db2dd80;border-radius:9px;text-align:center;box-shadow:inset 2px 0 #4fddff}
.ai-goal b{display:block;color:#e5faff;font-size:clamp(12px,1.9cqh,15px)}.ai-goal span{display:block;color:#91b8d4;font-size:9px;margin-top:3px}.goal-a{left:0;top:5%}.goal-b{right:0;top:5%}.goal-c{left:0;bottom:5%}.goal-d{right:0;bottom:5%}
.course-promise{text-align:center;flex:none;padding:7px 5px;border-top:1px solid #4da6c933;color:#e7f6ff}.course-promise strong{font-size:clamp(13px,2.1cqh,17px);color:#ffe5a3}.course-promise p{font-size:clamp(10px,1.6cqh,13px);margin:5px 0 0;color:#b3cfdf}
.ai-cover .cover-features article{background:#123858a8;border-color:#3b7c9b80;box-shadow:none;padding:5px 3px}.ai-cover .step-code{color:#69e4ff;font-size:10px;letter-spacing:2px}.ai-cover .cover-features h2{color:#e1f5ff;font-size:clamp(12px,1.9cqh,15px);margin:2px 0}.ai-cover .cover-features p{color:#9dbdd2;font-size:10px}.mobile-app .ai-cover .cover-course-note{color:#7096b3;font-size:9px}.mobile-app .ai-cover .welcome-resume{color:#c4eaff;background:#133b60cc;border:1px solid #649abb66}
@keyframes signal-flow{to{stroke-dashoffset:-88}}
@media(max-height:650px){.ai-cover .cover-brand{height:28px}.ai-cover .brand-mission{font-size:8px}.ai-cover .cover-english{margin:2px 0 4px}.mobile-app .ai-cover h1{font-size:24px}.mobile-app .ai-cover .cover-subtitle{margin-top:18px}.mobile-app .ai-cover .cover-subtitle p br{display:none}.ai-navigation{min-height:84px}.ai-goal{padding:5px}.course-promise{padding:4px}.mobile-app .ai-cover .welcome-resume{min-height:28px;line-height:18px}.ai-cover .cover-features p{font-size:9px}}
@media(max-height:500px) and (orientation:landscape){.mobile-app .welcome.ai-cover{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto auto}.ai-cover .ai-navigation{grid-column:2;grid-row:2;min-height:100px}.ai-cover .course-promise{grid-column:1;grid-row:4}.ai-cover .cover-controls{grid-column:2;grid-row:3}.ai-cover .cover-features{grid-column:2;grid-row:4}.mobile-app .ai-cover .cover-course-note{grid-row:5}.mobile-app .ai-cover .cover-subtitle{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.nav-lines,.ai-core:before{animation:none}}
.mobile-app .welcome.ai-cover{align-items:stretch;justify-content:flex-start}
.ai-cover .cover-controls{width:100%}.ai-cover .welcome-start{white-space:nowrap}
@media(max-height:650px) and (orientation:portrait){.mobile-app .welcome.ai-cover{gap:4px}.ai-cover .cover-english{display:none}.mobile-app .ai-cover h1{font-size:23px}.mobile-app .ai-cover .cover-subtitle{margin-top:16px}.mobile-app .ai-cover .cover-subtitle strong{font-size:18px}.mobile-app .ai-cover .cover-subtitle p{font-size:11px;line-height:1.5}.ai-navigation{min-height:76px}.ai-cover .cover-features article{padding:3px}.ai-cover .cover-features h2{font-size:12px}.ai-cover .course-promise p{font-size:10px;margin-top:3px}}
.mobile-app .ai-cover .title-orbit-ring{width:84%;left:8%}
@media(max-height:650px) and (orientation:portrait){.ai-cover .step-code{display:none}.mobile-app .welcome.ai-cover{gap:3px}.ai-cover .cover-features{margin-top:2px}}
/* Calm, lightweight form pages. The immersive cover stays independent. */
.mobile-app:not(.is-home){background:#f5f7fa;color:#26374b;box-shadow:none}
.mobile-app:not(.is-home) .ambient,.mobile-app:not(.is-home) aside{display:none}
.mobile-app:not(.is-home) .top{position:static;background:#fff;border-bottom:0;backdrop-filter:none;padding:0 18px 12px}
.mobile-app:not(.is-home) .top-inner{height:56px}.mobile-app:not(.is-home) .brand{color:#193859;font-size:18px}.mobile-app:not(.is-home) .brand span{display:none}
.mobile-app:not(.is-home) .subtle{background:transparent;border:0;color:#497297;font-size:12px;padding:6px 0}
.mobile-app:not(.is-home) .notice{background:#fff4f5;border:0;box-shadow:none;padding:10px 12px;border-radius:8px;gap:8px}
.mobile-app:not(.is-home) .notice strong{font-size:14px;line-height:1.65;font-weight:600}.mobile-app:not(.is-home) .notice-icon{min-width:20px;height:20px;font-size:13px;box-shadow:none}
.mobile-app:not(.is-home) .workspace{padding:14px 18px 24px}
.mobile-app:not(.is-home) .progress-line{font-size:11px;color:#7b8998;margin:0 0 6px}.mobile-app:not(.is-home) .progress-track{height:2px;background:#e5ebf1;margin-bottom:20px}.mobile-app:not(.is-home) #complete-count{display:none}
.mobile-app:not(.is-home) .page-heading{margin:0 0 18px;color:#21354b}.mobile-app:not(.is-home) .eyebrow{display:none}.mobile-app:not(.is-home) .page-heading h1{font-size:23px;font-weight:700;line-height:1.5;margin-bottom:6px}.mobile-app:not(.is-home) .page-heading p{color:#7c8997;font-size:12px;line-height:1.7}
.mobile-app:not(.is-home) .panel{background:white;border:0;box-shadow:none;padding:20px 16px;border-radius:12px}.mobile-app:not(.is-home) .section-title{margin-bottom:20px}.mobile-app:not(.is-home) .section-title .number{display:none}.mobile-app:not(.is-home) .section-title h2{font-size:21px}.mobile-app:not(.is-home) .section-title p{color:#82909e;font-size:12px;line-height:1.7}
.mobile-app:not(.is-home) .grid{gap:18px}.mobile-app:not(.is-home) .field{font-size:14px;font-weight:500;gap:7px}
.mobile-app:not(.is-home) input,.mobile-app:not(.is-home) select,.mobile-app:not(.is-home) textarea{border:1px solid #e3e8ee;background:#fbfcfd;border-radius:8px;color:#263e55;padding:11px 12px;font-weight:400;font-size:16px;min-height:46px}.mobile-app:not(.is-home) textarea{min-height:84px;line-height:1.6}.mobile-app:not(.is-home) input:focus,.mobile-app:not(.is-home) textarea:focus,.mobile-app:not(.is-home) select:focus{border-color:#68a5ef;background:#fff;box-shadow:0 0 0 2px #2c83e80b}
.mobile-app:not(.is-home) .question{background:white;border:0;box-shadow:none;border-radius:11px;margin-bottom:10px}.mobile-app:not(.is-home) .question>summary{padding:16px 14px;min-height:68px;gap:10px;align-items:flex-start}.mobile-app:not(.is-home) .q-num{background:#eff5fc;color:#4483c3;box-shadow:none;border-radius:7px;width:25px;height:25px;flex-basis:25px;font-size:11px}.mobile-app:not(.is-home) .q-title{font-size:14px;line-height:1.7;font-weight:600}.mobile-app:not(.is-home) .q-summary{font-size:11px;color:#97a1ad;margin-top:3px}.mobile-app:not(.is-home) .question>summary:after{font-size:17px;color:#96a3b3}.mobile-app:not(.is-home) .q-body{border-color:#f1f3f6;padding:0 14px 16px}
.mobile-app:not(.is-home) .example-first{background:#f6f9fc;border:0;border-left:2px solid #b8d5f1;border-radius:0;padding:6px 10px;margin:12px 0}.mobile-app:not(.is-home) .example-first summary{font-size:11px;min-height:26px;color:#6e8ba9;padding:3px 0}.mobile-app:not(.is-home) .example-first p{font-size:12px;color:#7a8b9b;margin:4px 0;line-height:1.7}
.mobile-app:not(.is-home) .choices{gap:8px;margin:12px 0 16px}.mobile-app:not(.is-home) .choice{background:#f8fafc;border:1px solid #e8edf2;min-height:44px;font-size:12px;padding:8px;line-height:1.5;font-weight:400}.mobile-app:not(.is-home) .choice:has(input:checked){background:#edf5ff;border-color:#9dc4f1;color:#2469b2}.mobile-app:not(.is-home) .choice input{padding:0;min-height:0;box-shadow:none}.optional-note{margin-top:12px;font-size:12px;color:#7f8fa0}.optional-note>summary{cursor:pointer;padding:10px 0}.optional-note .field>span:empty{display:none}.mobile-app:not(.is-home) .collapse{min-height:32px;margin-top:8px;font-size:11px;color:#91a0ad}
.mobile-app:not(.is-home) .month,.mobile-app:not(.is-home) .stage{border:1px solid #e9edf2;box-shadow:none;background:#fff;border-radius:9px}.mobile-app:not(.is-home) .month>summary{background:#f7f9fc;font-size:13px;min-height:44px;padding:12px}.mobile-app:not(.is-home) .task-row{background:#f8fafc;border:0;padding:12px;gap:12px}.mobile-app:not(.is-home) .add{background:transparent;border:1px dashed #d7e0e9;color:#6c8ca9;min-height:40px}.mobile-app:not(.is-home) .stage h3{color:#4379ad;font-size:13px}.mobile-app:not(.is-home) .needs-card{background:white;border:0;box-shadow:none;padding:18px 14px}.mobile-app:not(.is-home) .needs-card h2{font-size:17px;color:#bd4661}.mobile-app:not(.is-home) .needs-card>p{font-size:12px;color:#947e86;margin-bottom:14px}.mobile-app:not(.is-home) .need{background:none;border:0;border-top:1px solid #f2e9ed;border-radius:0;padding:16px 0 0;margin-top:16px}.mobile-app:not(.is-home) .need strong{font-size:14px;color:#9d435b}.mobile-app:not(.is-home) .need p{font-size:11px;margin:4px 0 9px;color:#9b8c93}
.mobile-app:not(.is-home) .actions{background:none;border:0;box-shadow:none;padding:0;margin:20px 0 0;gap:10px;flex-direction:column-reverse}
.mobile-app:not(.is-home) .buttons{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.mobile-app:not(.is-home) .buttons #prev{grid-column:1;grid-row:1;border:0;background:none;color:#8191a2;padding:10px 6px;min-width:64px;font-size:12px}.mobile-app:not(.is-home) .buttons #next{grid-column:2;grid-row:1;border:0;background:#247cec;box-shadow:none;border-radius:9px;min-height:46px;font-size:14px}.mobile-app:not(.is-home) .buttons #save{grid-column:1/-1;grid-row:2;background:none;border:0;box-shadow:none;min-height:32px;padding:4px;color:#6f8ba6;font-size:12px}.mobile-app:not(.is-home) .save-state{font-size:10px;color:#98a4b0;min-height:22px;line-height:1.6}.mobile-app:not(.is-home) #recovery{font-size:10px;color:#97a6b3;min-height:28px}.mobile-app:not(.is-home) .footnote{font-size:9px;color:#b0bac4;letter-spacing:0;padding-top:18px}
/* Shared ice-blue team journey, matching the supplied mobile references. */
.mobile-app .welcome.ai-cover{background:#d9edff;padding:14px 20px 12px;gap:10px}
.mobile-app .welcome.ai-cover:before{background:url('/assets/team-future.png') center 58%/cover no-repeat;opacity:1}
.mobile-app .welcome.ai-cover:after{background:linear-gradient(180deg,#e5f2ff99,transparent 45%,transparent 65%,#edf6ffe6)}
.ai-cover .cover-brand{height:72px;align-items:flex-start}.ai-cover .cover-brand img{max-width:none;width:76px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 3px #2a69ae)}
.ai-cover .cover-english{display:none}.mobile-app .ai-cover h1{color:#081d51;text-shadow:0 2px 10px white;font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-weight:800;text-align:left;font-size:clamp(27px,5.4cqh,39px);line-height:1.35}.mobile-app .ai-cover h1 i{font-size:1.3em;font-weight:800;letter-spacing:-2px}.mobile-app .ai-cover h1 strong{font-weight:800;font-size:1.05em;letter-spacing:0}.mobile-app .ai-cover .title-orbit-ring{opacity:.5;width:72%;left:0;top:65%}.mobile-app .ai-cover .cover-subtitle{margin:18px 0 0;text-align:left}.mobile-app .ai-cover .cover-subtitle strong{color:#123b69;text-shadow:none;font-size:clamp(14px,2.2cqh,17px)}.mobile-app .ai-cover .cover-subtitle p{color:#48668b;text-shadow:none;font-size:12px;line-height:1.7}
.ai-cover .cover-controls{margin-top:auto;gap:8px}.mobile-app .ai-cover .welcome-start{width:100%;border-radius:16px;font-size:23px;height:56px;box-shadow:0 5px 16px #117ef344}.mobile-app .ai-cover .welcome-resume{width:100%;color:#133763;background:#f6fbffde;border:1px solid white;border-radius:14px;min-height:42px;font-size:14px}.mobile-app .ai-cover .cover-course-note{color:#476a8e;font-size:10px}
.mobile-app:not(.is-home){background:linear-gradient(145deg,#eff7ff,#dcecff)}.mobile-app:not(.is-home) .top{background:#eef7ffe8;padding:0 18px}.mobile-app:not(.is-home) .top-inner{height:72px}.mobile-app:not(.is-home) .brand img{width:65px;height:64px;filter:drop-shadow(0 1px 2px #377ec0)}.mobile-app:not(.is-home) .notice{display:none}.mobile-app:not(.is-home) .workspace{padding-top:10px}.mobile-app:not(.is-home) .page-heading{position:relative;isolation:isolate;min-height:158px;margin:0 -18px 16px;padding:20px 18px 50px;overflow:hidden}.mobile-app:not(.is-home) .page-heading:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf6fff2,#edf6ff88 55%,#edf6ff22),url('/assets/team-future.png') center 72%/100% auto no-repeat}.mobile-app:not(.is-home) .page-heading h1{font-size:27px;color:#07234e;line-height:1.4;letter-spacing:-.5px}.mobile-app:not(.is-home) .page-heading p{color:#41648c;max-width:75%;font-size:12px}.mobile-app:not(.is-home) .panel,.mobile-app:not(.is-home) .question,.mobile-app:not(.is-home) .needs-card{border:1px solid #ffffff;background:#fafdfff2;box-shadow:0 5px 16px #2776c009}.mobile-app:not(.is-home) .q-num{background:linear-gradient(140deg,#1681ff,#49b4ff);color:white;border-radius:50%}.mobile-app:not(.is-home) .question-hint{color:#6886a7;font-size:12px;line-height:1.8;margin:14px 0 6px}.mobile-app:not(.is-home) .example-first{margin:6px 0 12px;background:#edf5ff;border:0;border-radius:7px}.mobile-app:not(.is-home) .answer-box{display:block;position:relative}.mobile-app:not(.is-home) .answer-box textarea{min-height:128px;padding-bottom:30px;background:#fff;border-color:#dbe8f7}.char-count{position:absolute;bottom:9px;right:12px;font-size:11px;color:#90a2ba;pointer-events:none}.mobile-app:not(.is-home) .collapse{margin-top:10px;color:#397bc2;min-height:36px}.mobile-app:not(.is-home) .plan-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.plan-table th,.plan-table td{border:1px solid #dfeaf7;padding:5px;vertical-align:top}.plan-table thead th{background:#e9f2ff;color:#254d7e;font-size:11px;padding:10px 3px}.plan-table th:first-child{width:15%}.plan-table th:nth-child(2){width:35%}.plan-table th:nth-child(3),.plan-table th:nth-child(4){width:25%}.plan-table tbody th{font-weight:500;color:#2272ca;font-size:12px;padding-top:16px}.mobile-app:not(.is-home) .plan-table input{width:100%;padding:8px 3px;font-size:14px;min-height:42px;border:0;background:#f6faff}.plan-table .month-add{min-height:30px;font-size:11px;padding:4px;color:#5393cf}.table-scroll{margin-top:12px;overflow-x:auto}.start-notice{text-align:center;padding:18px 0}.start-notice h2,.start-notice p{color:#df2546;font-weight:700}.start-notice p{font-size:18px;line-height:1.8}.start-notice button{width:100%;margin-top:18px;min-height:48px}.file-inbox{background:#f5faff;border:1px solid #ccdef5;border-radius:12px;padding:18px;margin:16px 0}.file-inbox h3{color:#173b65;font-size:16px;margin:0 0 10px}.file-inbox p{font-size:13px;color:#7187a0}.file-inbox small{display:block;font-size:9px;color:#8a9bb0;margin-top:12px;overflow-wrap:anywhere}.received-file{display:block;padding:12px 0;color:#2467ac;font-size:14px;overflow-wrap:anywhere;text-decoration:none}.received-file span{display:block;font-size:11px;margin-top:5px}.mobile-app:not(.is-home) .journey-closing{background:#e9f4ff;border-color:#c8e1f7}.mobile-app:not(.is-home) .journey-closing h2{color:#245986;font-size:19px}.mobile-app:not(.is-home) .journey-closing p{color:#5b7692;font-size:14px}.mobile-app:not(.is-home) .journey-closing strong{color:#248a9f;font-size:15px}
@media(max-width:360px){.mobile-app:not(.is-home) .page-heading h1{font-size:24px}.plan-table th,.plan-table td{padding:3px}.mobile-app:not(.is-home) .plan-table input{font-size:13px}.mobile-app .ai-cover h1{font-size:28px}}

/* Supplied homepage composition: preserve every position and its aspect ratio. */
body.mobile-app.is-home{max-width:none;background:#001134;display:grid;place-items:center;margin:0;height:100vh;height:100dvh;overflow:hidden}
.mobile-app .welcome.reference-cover{display:block;position:relative;isolation:isolate;margin:0;padding:0;gap:0;border:0;border-radius:0;box-shadow:none;background:#03205a;min-height:0;max-width:none;width:min(100vw,56.3136vh);width:min(100vw,56.3136dvh);height:auto;aspect-ratio:941/1671;flex:none;overflow:hidden}
.mobile-app .welcome.reference-cover[hidden]{display:none!important}
.reference-cover:before,.reference-cover:after{display:none!important}
.reference-art{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.cover-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.reference-hit{position:absolute;display:block;padding:0;margin:0;min-height:0;border:0;border-radius:clamp(12px,3vw,32px);background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.reference-hit:hover{background:#9eefff0a}.reference-hit:active{background:#b5efff1a}.reference-hit:focus-visible{outline:3px solid #b7ffff;outline-offset:-4px;background:#9eefff15}
.reference-start{left:5.1%;top:58.9%;width:89.8%;height:11.3%}.reference-resume{left:5.1%;top:71.6%;width:89.8%;height:10.8%}.reference-record{left:5.1%;top:83.7%;width:89.8%;height:10.8%}.reference-bell{left:89.8%;top:2.2%;width:7%;height:4.2%}
.reference-title-motion{animation:reference-title-bob 3.8s ease-in-out infinite}.reference-orbit-spin{animation:reference-orbit 12s linear infinite;transform-origin:0 0}
@keyframes reference-title-bob{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}65%{transform:translateY(1px)}}
@keyframes reference-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.reference-title-motion,.reference-orbit-spin{animation:none}}

/* Basic-information page follows the supplied 941 × 1672 composition. */
body.mobile-app.is-basic{background:#031e58;max-width:480px;margin:auto}
.mobile-app.is-basic .top,.mobile-app.is-basic aside,.mobile-app.is-basic .progress-line,.mobile-app.is-basic .progress-track,.mobile-app.is-basic .footnote{display:none!important}
.mobile-app.is-basic .workspace{position:relative;display:block;padding:0;margin:0;width:100%;max-width:none}
.mobile-app.is-basic main{padding:0;margin:0;width:100%}.mobile-app.is-basic #content{padding:0;margin:0;outline:0}
.basic-reference{position:relative;width:100%;aspect-ratio:941/1672;background:#042568;overflow:hidden;border-radius:12px}
.basic-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.basic-logo{position:absolute;left:3.1%;top:.8%;width:27%;height:6.6%;display:flex;align-items:center;background:linear-gradient(110deg,#032365,#052b72);border-radius:9px;padding:3px}
.basic-logo img{width:100%;height:auto;filter:drop-shadow(0 1px 2px #002d78)}
.basic-name,.basic-industry,.basic-identity{position:absolute;left:8%;width:84.8%}.basic-name{top:34.5%;height:4.5%}.basic-industry{top:59.1%}.basic-identity{top:72.55%}
.mobile-app.is-basic input:not([type=radio]),.mobile-app.is-basic select{width:100%;height:clamp(30px,8vw,39px);min-height:0;border:1px solid #79bdff;border-radius:8px;background:linear-gradient(110deg,#0c4ea7,#2862bb);padding:6px 12px;color:white;font-size:clamp(12px,3vw,15px);box-shadow:none;font-weight:400}
.mobile-app.is-basic input::placeholder{color:#a8c9ef;opacity:1}.mobile-app.is-basic select{appearance:auto;color:#c6e3ff}.mobile-app.is-basic select option{background:#113c79;color:white}
.basic-industry>.field,.basic-identity>.field{display:block;font-size:0!important}.basic-industry>.field>span,.basic-identity>.field>span{display:none}
.basic-industry>div,.basic-identity>div{position:relative;margin-top:4px;z-index:2}.basic-industry>div .field,.basic-identity>div .field{font-size:0!important}.basic-industry>div .field>span,.basic-identity>div .field>span{display:none}
.basic-gender{position:absolute;left:8%;top:46.8%;width:84.8%;height:4.5%;padding:0;margin:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:2%;background:#10489a;border-radius:24px}
.basic-gender label{position:relative;display:block;min-width:0;cursor:pointer}.basic-gender input{position:absolute;opacity:0;width:1px;height:1px}.basic-gender span{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:30px;border:1px solid #73acf0;background:linear-gradient(110deg,#104790,#174f9d);color:white;font-size:clamp(13px,3.1vw,16px)}.basic-gender b{font-size:clamp(21px,5vw,26px);line-height:1;font-weight:500}.basic-gender input:checked+span{background:linear-gradient(110deg,#04bdff,#0051ff);border-color:#d2ffff;box-shadow:0 0 9px #36ceff,inset 0 0 7px #89e9ff}.basic-gender input:focus-visible+span{outline:2px solid white;outline-offset:3px}
.mobile-app.is-basic .actions{position:absolute;left:4.3%;bottom:1.65%;width:91.5%;height:6.1%;padding:0;margin:0;border:0;background:none;display:block}.mobile-app.is-basic .save-state,.mobile-app.is-basic #prev{display:none!important}.mobile-app.is-basic .buttons{height:100%;display:grid;grid-template-columns:44% 54%;gap:2%;margin:0}.mobile-app.is-basic .buttons #save,.mobile-app.is-basic .buttons #next{grid-row:1;min-height:0;height:100%;padding:0;border-radius:14px;font-size:0;color:transparent;background:transparent;border:0;box-shadow:none}.mobile-app.is-basic .buttons #save{grid-column:1}.mobile-app.is-basic .buttons #next{grid-column:2}.mobile-app.is-basic .buttons button:focus-visible{outline:2px solid white;outline-offset:-3px}.mobile-app.is-basic .buttons button:active{background:#a3eaff22!important}.mobile-app.is-basic #errors:not(:empty){position:relative;padding:12px;background:#071f50}.mobile-app.is-basic:has(#errors:not(:empty)) .actions{position:relative;bottom:auto;margin:-65px 0 15px}

/* Goals page: reference composition with real, unrestricted text fields. */
body.mobile-app.is-goals{max-width:480px;margin:auto;background:#031c57;color:#fff}
.mobile-app.is-goals .top,.mobile-app.is-goals aside,.mobile-app.is-goals .progress-line,.mobile-app.is-goals .progress-track,.mobile-app.is-goals .footnote{display:none!important}
.mobile-app.is-goals .workspace{display:block;padding:0 0 22px;margin:0;background:linear-gradient(135deg,#073994,#001340)}.mobile-app.is-goals main{padding:0;margin:0}.mobile-app.is-goals #content{outline:0}
.goals-hero{position:relative;aspect-ratio:941/498;background:url('/assets/goals-reference.png') center top/100% auto no-repeat}
.goals-logo{position:absolute;left:3%;top:1.5%;width:27%;height:22%;padding:3px;display:flex;align-items:center;background:linear-gradient(110deg,#032365,#052b72);border-radius:8px}.goals-logo img{width:100%;height:auto}
.goals-questions{padding:0 3.6%;display:grid;gap:9px}.goal-question{padding:9px 8px;border:1px solid #6ca9ff;border-radius:12px;background:linear-gradient(115deg,#084698,#002d84 64%,#0759b6);box-shadow:inset 0 0 16px #168aff22}
.goal-question-head{display:grid;grid-template-columns:26px 1fr auto;align-items:start;gap:7px;margin-bottom:10px}.goal-icon{width:26px;height:28px;display:grid;place-items:center;font-size:22px;font-weight:700;border-radius:7px;background:linear-gradient(135deg,#05d7ff,#0450ff);color:#e7ffff;box-shadow:0 0 12px #008dff77}.goal-question h2{margin:0;color:#fff;font-size:16px;font-weight:700;line-height:1.55;min-width:0}.goal-example{padding:5px 7px;min-height:28px;white-space:nowrap;border:1px solid #69d9ff;border-radius:9px;font-size:11px;color:white;background:linear-gradient(135deg,#06bfff,#0061ff);box-shadow:inset 0 0 8px #80e7ff55}
.mobile-app.is-goals .goal-answer textarea{display:block;width:100%;min-height:62px;height:62px;resize:vertical;margin:0;border:1px solid #498edc;border-radius:8px;background:linear-gradient(110deg,#194e95,#155cb9);color:white;font-size:16px;line-height:1.6;padding:9px 10px;box-shadow:inset 0 0 8px #61a6ff22}.mobile-app.is-goals textarea::placeholder{color:#b5d7ff;opacity:1}.goal-example-copy{padding:16px;background:#eef6ff;border-radius:10px;line-height:1.8}
.mobile-app.is-goals .actions{position:static;margin:12px 3.6% 0;width:auto;padding:0;background:none}.mobile-app.is-goals .save-state,.mobile-app.is-goals #save{display:none!important}.mobile-app.is-goals .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-app.is-goals .buttons #prev,.mobile-app.is-goals .buttons #next{grid-row:1;min-height:44px;height:44px;padding:0;border-radius:11px;font-size:17px;font-weight:600;color:white;border:1px solid #79b3f3}.mobile-app.is-goals .buttons #prev{grid-column:1;background:linear-gradient(120deg,#164789,#073773)}.mobile-app.is-goals .buttons #next{grid-column:2;background:linear-gradient(120deg,#00caff,#0757ff);border-color:#b4f6ff;box-shadow:0 0 14px #008fff77}
.mobile-app.is-basic .actions{height:7.7%;bottom:1.3%;background:#03245c;padding:7px 0;border-radius:0;left:3.6%;width:92.8%}.mobile-app.is-basic .buttons{grid-template-columns:1fr 1fr;gap:10px}.mobile-app.is-basic #save{display:none!important}.mobile-app.is-basic .buttons #prev{display:block!important;grid-column:1;grid-row:1}.mobile-app.is-basic .buttons #next{grid-column:2}.mobile-app.is-basic .buttons #prev,.mobile-app.is-basic .buttons #next{height:100%;min-height:32px;padding:0;font-size:16px;color:white;border:1px solid #78b1ef;border-radius:11px;background:linear-gradient(120deg,#164789,#073773)}.mobile-app.is-basic .buttons #next{background:linear-gradient(120deg,#00caff,#0757ff);border-color:#b4f6ff;box-shadow:0 0 12px #008fff66}
@media(max-width:360px){.goal-question h2{font-size:15px}.goal-question-head{gap:5px;grid-template-columns:24px 1fr auto}.goal-example{font-size:10px;padding:5px}.goal-icon{width:24px}}

/* Action plan: responsive live table, matching the reference blue composition. */
body.mobile-app.is-action{max-width:480px;margin:auto;background:#031b52;color:white}.mobile-app.is-action .top,.mobile-app.is-action aside,.mobile-app.is-action .progress-line,.mobile-app.is-action .progress-track,.mobile-app.is-action .footnote{display:none!important}.mobile-app.is-action .workspace{display:block;margin:0;padding:0 0 22px;background:linear-gradient(135deg,#073994,#001340)}.mobile-app.is-action main{padding:0;margin:0}.mobile-app.is-action #content{outline:0}
.action-hero{position:relative;aspect-ratio:941/504;background:url('/assets/action-reference.jpg') center top/100% auto no-repeat}.action-hero:after{content:'';position:absolute;right:1.5%;top:2%;width:10%;height:20%;background:linear-gradient(125deg,#075bc8,#0965d6);border-radius:8px}.action-logo{position:absolute;left:3%;top:1.5%;width:28%;height:22%;display:flex;align-items:center;padding:3px;background:linear-gradient(110deg,#032365,#052b72);border-radius:8px}.action-logo img{width:100%;height:auto}
.action-panel{margin:0 3.6%;padding:12px 9px;border:1px solid #6aabff;border-radius:13px;background:linear-gradient(115deg,#063574,#002863 65%,#0755b0);box-shadow:inset 0 0 20px #168aff22}.action-heading{display:grid;grid-template-columns:27px 1fr auto;gap:7px;align-items:start}.action-heading h2{font-size:16px;font-weight:700;line-height:1.6;color:white;margin:0}.action-help{font-size:13px;color:#bad9f8;line-height:1.7;margin:10px 0}.quarter-group{border:1px solid #4888cf;border-radius:8px;margin:10px 0;overflow:hidden;background:#123e79}.quarter-group>summary{cursor:pointer;min-height:44px;padding:11px 9px;color:#e4f8ff;font-size:15px;font-weight:600;background:linear-gradient(110deg,#125ab0,#09387a)}.quarter-group>summary span{float:right;color:#a6ceff;font-weight:400;font-size:11px;padding-top:3px}
.mobile-app.is-action .plan-table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:14px}.mobile-app.is-action .plan-table th,.mobile-app.is-action .plan-table td{border:1px solid #3779bd;padding:3px;vertical-align:middle}.mobile-app.is-action .plan-table thead th{background:#0b4389;color:#e0f6ff;font-size:12px;padding:9px 2px;font-weight:500}.mobile-app.is-action .plan-table th:first-child{width:13%}.mobile-app.is-action .plan-table th:nth-child(2){width:39%}.mobile-app.is-action .plan-table th:nth-child(3),.mobile-app.is-action .plan-table th:nth-child(4){width:24%}.mobile-app.is-action .plan-table tbody th{font-size:13px;color:white;font-weight:500;background:#0e3972}.mobile-app.is-action .plan-table input{width:100%;min-width:0;min-height:44px;padding:8px 4px;border:1px solid #5086c1;border-radius:5px;font-size:16px;color:#fff;background:#24558c;box-shadow:none}.mobile-app.is-action .plan-table input::placeholder{color:#b4cce7;font-size:12px}.mobile-app.is-action .month-add{color:#9befff;font-size:13px;min-height:36px;padding:6px 10px;width:100%;text-align:left}.mobile-app.is-action [data-remove]{color:#b9dfff;font-size:10px;padding:3px;min-height:28px}.action-add{display:block;width:100%;min-height:46px;margin-top:12px;border:1px solid #9cf4ff;border-radius:9px;background:linear-gradient(110deg,#00bfee,#0063ff);color:white;font-size:18px;font-weight:600;box-shadow:0 0 12px #008fff55}.action-bottom-note{text-align:center;margin-bottom:0;font-size:12px}
.mobile-app.is-action .actions{position:static;margin:14px 3.6% 0;padding:0;width:auto;background:none}.mobile-app.is-action .save-state,.mobile-app.is-action #save{display:none!important}.mobile-app.is-action .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-app.is-action .buttons #prev,.mobile-app.is-action .buttons #next{grid-row:1;min-height:46px;padding:0;border:1px solid #79b3f3;border-radius:11px;font-size:17px;color:white;font-weight:600}.mobile-app.is-action .buttons #prev{grid-column:1;background:linear-gradient(120deg,#164789,#073773)}.mobile-app.is-action .buttons #next{grid-column:2;background:linear-gradient(120deg,#00caff,#0757ff);border-color:#b4f6ff;box-shadow:0 0 12px #008fff66}
@media(max-width:350px){.action-heading h2{font-size:15px}.action-heading{gap:5px}.action-panel{padding:10px 6px}.mobile-app.is-action .plan-table thead th{font-size:11px}}

.action-hero:after{right:0;top:0;width:15%;height:23%;border-radius:0;background:url('/assets/goals-reference.png') right top/666.667% auto no-repeat;pointer-events:none}
/* Customer journey: six live answer cards in the supplied mobile composition. */
body.mobile-app.is-customers{max-width:480px;margin:auto;background:#031b52;color:white}
.mobile-app.is-customers .top,.mobile-app.is-customers aside,.mobile-app.is-customers .progress-line,.mobile-app.is-customers .progress-track,.mobile-app.is-customers .footnote{display:none!important}
.mobile-app.is-customers .workspace{display:block;width:100%;margin:0;padding:0 0 max(14px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#073994,#001340)}
.mobile-app.is-customers main{padding:0;margin:0;min-width:0}.mobile-app.is-customers #content{outline:0}
.customers-hero{position:relative;aspect-ratio:941/478;background:url('/assets/customers-reference.jpg') center top/100% auto no-repeat}
.customers-logo{position:absolute;left:2%;top:3%;width:28%;height:21%;display:flex;align-items:center;background:#032366;border-radius:6px;padding:2px}.customers-logo img{display:block;width:100%;height:auto}
.customers-questions{display:grid;gap:7px;padding:0 3.2%}
.customer-question{padding:10px 9px;border:1px solid #72baff;border-radius:13px;background:linear-gradient(115deg,#073977,#06317b 66%,#0754af);box-shadow:inset 0 0 14px #168aff33}
.customer-question-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:start;margin-bottom:9px}
.customer-number{display:grid;place-items:center;width:28px;height:30px;border-radius:5px;background:linear-gradient(135deg,#00caff,#004beb);box-shadow:inset 0 0 6px #64caff88;color:#fff;font-size:18px;font-weight:600}
.customer-question h2{margin:0;min-width:0;color:#fff;font-size:17px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.customer-question .goal-example{font-size:12px;min-height:32px;padding:5px 7px;border-radius:8px}
.mobile-app.is-customers .customer-answer textarea{display:block;width:100%;min-width:0;height:65px;min-height:65px;margin:0;padding:10px;border:1px solid #659ad8;border-radius:8px;background:#1b4c91;color:#fff;font-size:16px;line-height:1.6;resize:vertical;box-shadow:inset 0 0 6px #74bbff15}
.mobile-app.is-customers textarea::placeholder{color:#b9d9f8;opacity:1}.mobile-app.is-customers textarea:focus{outline:2px solid #64eaff;outline-offset:1px}
.mobile-app.is-customers .actions{position:static;margin:12px 4% 0;padding:0;width:auto;background:none}.mobile-app.is-customers .save-state,.mobile-app.is-customers #save{display:none!important}
.mobile-app.is-customers .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-app.is-customers .buttons #prev,.mobile-app.is-customers .buttons #next{grid-row:1;min-height:46px;padding:0;border:1px solid #79b3f3;border-radius:12px;font-size:19px;color:white;font-weight:600}.mobile-app.is-customers .buttons #prev{grid-column:1;background:linear-gradient(120deg,#164789,#073773)}.mobile-app.is-customers .buttons #next{grid-column:2;background:linear-gradient(120deg,#00caff,#0757ff);border-color:#b4f6ff;box-shadow:0 0 12px #008fff66}
@media(max-width:360px){.customer-question-head{gap:5px;grid-template-columns:25px minmax(0,1fr) auto}.customer-number{width:25px}.customer-question h2{font-size:16px}.customer-question .goal-example{padding:5px;font-size:11px}}
/* Stage goals and accountability: supplied composition, native crisp form controls. */
body.mobile-app.is-stages{max-width:480px;margin:auto;background:#031b52;color:white}.mobile-app.is-stages .top,.mobile-app.is-stages aside,.mobile-app.is-stages .progress-line,.mobile-app.is-stages .progress-track,.mobile-app.is-stages .footnote{display:none!important}.mobile-app.is-stages .workspace{display:block;width:100%;margin:0;padding:0 0 max(16px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#073994,#001340)}.mobile-app.is-stages main{padding:0;margin:0;min-width:0}.mobile-app.is-stages #content{outline:0}
.stages-hero{aspect-ratio:941/480;background:url('/assets/stages-reference.png') center top/100% auto no-repeat}.stages-cards{padding:0 3.3%;display:grid;gap:10px}.stage-card{margin:0;padding:10px 8px;border:1px solid #79b5ff;border-radius:13px;background:linear-gradient(115deg,#073977,#06317b 66%,#0754af);box-shadow:inset 0 0 16px #168aff33}.stage-card-head,.stage-collapse>summary{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:8px;align-items:start;list-style:none}.stage-collapse>summary{cursor:pointer;min-height:50px}.stage-collapse>summary::-webkit-details-marker{display:none}.stage-icon{display:grid;place-items:center;width:27px;height:32px;border-radius:6px;font-size:24px;background:linear-gradient(135deg,#00d5ff,#0050ff);color:#fff}.stage-card h2{color:white;font-size:17px;line-height:1.55;margin:0;font-weight:600}.stage-card p{font-size:13px;line-height:1.7;color:#d8e9ff;margin:5px 0 10px}.stage-toggle{font-size:24px;color:#9bf7ff;transition:transform .2s}.stage-collapse[open] .stage-toggle{transform:rotate(180deg)}.stage-card .goal-example{font-size:11px;min-height:32px;padding:5px 6px}.stage-table-content{padding-top:8px}
.supervision-table{width:100%;table-layout:fixed;border-spacing:3px;margin:8px 0 0}.supervision-table th{font-size:13px;color:white;font-weight:500;line-height:1.5;background:#064891;padding:7px 2px;border:1px solid #2076bd;border-radius:4px}.supervision-table td{padding:0;vertical-align:top}.stage-simple th:first-child{width:18%}.stage-simple th:nth-child(2),.stage-simple th:nth-child(3){width:41%}.mobile-app.is-stages .supervision-table input{width:100%;min-width:0;min-height:44px;padding:8px 5px;border:1px solid #568ccc;border-radius:5px;background:#225496;color:#fff;font-size:16px;box-shadow:none}.mobile-app.is-stages input::placeholder,.mobile-app.is-stages textarea::placeholder{color:#b9d9f8;opacity:1}.mobile-app.is-stages .stage-owner{margin-top:4px}.stage-card .action-add{margin-top:7px;font-size:18px;min-height:44px}.mobile-app.is-stages .stage-card textarea{display:block;width:100%;min-height:90px;margin:9px 0 0;padding:10px;border:1px solid #659ad8;border-radius:9px;background:#1b4c91;color:white;font-size:16px;line-height:1.6;resize:vertical}.stage-legacy{font-size:13px;margin-top:8px}.mobile-app.is-stages input:focus,.mobile-app.is-stages textarea:focus{outline:2px solid #64eaff;outline-offset:1px}
.mobile-app.is-stages .actions{position:static;margin:12px 3.3% 0;padding:0;width:auto;background:none}.mobile-app.is-stages .save-state,.mobile-app.is-stages #save{display:none!important}.mobile-app.is-stages .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-app.is-stages .buttons #prev,.mobile-app.is-stages .buttons #next{grid-row:1;min-height:46px;padding:0;border:1px solid #79b3f3;border-radius:12px;font-size:19px;color:white;font-weight:600}.mobile-app.is-stages .buttons #prev{grid-column:1;background:linear-gradient(120deg,#164789,#073773)}.mobile-app.is-stages .buttons #next{grid-column:2;background:linear-gradient(120deg,#00caff,#0757ff);border-color:#b4f6ff;box-shadow:0 0 12px #008fff66}
@media(max-width:360px){.stage-card h2{font-size:16px}.stage-card-head,.stage-collapse>summary{gap:5px;grid-template-columns:25px minmax(0,1fr) auto}.stage-icon{width:25px}.stage-card .goal-example{font-size:10px;padding:5px}.supervision-table th{font-size:12px}}
/* Real needs: supplied sixth-page composition, compact mobile answer cards. */
body.mobile-app.is-needs{max-width:480px;margin:auto;background:#031b52;color:white}.mobile-app.is-needs .top,.mobile-app.is-needs aside,.mobile-app.is-needs .progress-line,.mobile-app.is-needs .progress-track,.mobile-app.is-needs .footnote{display:none!important}.mobile-app.is-needs .workspace{display:block;width:100%;margin:0;padding:0 0 max(18px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#073994,#001340)}.mobile-app.is-needs main{padding:0;margin:0;min-width:0}.mobile-app.is-needs #content{outline:0}
.needs-hero{aspect-ratio:941/508;background:url('/assets/needs-reference.jpg') center top/100% auto no-repeat}.needs-questions{display:grid;gap:10px;padding:0 3.2%}.needs-question{padding:12px 9px;border:1px solid #7ac4ff;border-radius:14px;background:linear-gradient(115deg,#073977,#06317b 66%,#0754af);box-shadow:inset 0 0 15px #168aff33}.needs-question-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:start}.needs-icon{display:grid;place-items:center;width:30px;height:34px;border-radius:6px;background:linear-gradient(135deg,#00d5ff,#0050ff);font-size:25px;color:white}.needs-question h2{margin:0;color:white;font-size:17px;line-height:1.55;font-weight:600;overflow-wrap:anywhere}.needs-question p{color:#d7e9ff;font-size:13px;line-height:1.65;margin:6px 0 10px}.needs-question .goal-example{font-size:11px;min-height:32px;padding:5px 6px}.mobile-app.is-needs .needs-question textarea{display:block;width:100%;min-width:0;min-height:62px;height:62px;resize:vertical;margin:0;padding:9px 10px;border:1px solid #518fd3;border-radius:10px;background:#1c5099;color:white;font-size:16px;line-height:1.6;box-shadow:inset 0 0 8px #6abbff18}.mobile-app.is-needs textarea::placeholder{color:#b9d9f8;opacity:1}.mobile-app.is-needs textarea:focus{outline:2px solid #64eaff;outline-offset:1px}
.mobile-app.is-needs .actions{position:static;margin:14px 3.2% 0;padding:0;width:auto;background:none}.mobile-app.is-needs .save-state,.mobile-app.is-needs #save{display:none!important}.mobile-app.is-needs .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-app.is-needs .buttons #prev,.mobile-app.is-needs .buttons #next{grid-row:1;min-height:46px;padding:0;border:1px solid #79b3f3;border-radius:12px;font-size:19px;color:white;font-weight:600}.mobile-app.is-needs .buttons #prev{grid-column:1;background:linear-gradient(120deg,#164789,#073773)}.mobile-app.is-needs .buttons #next{grid-column:2;background:linear-gradient(120deg,#00caff,#0757ff);border-color:#b4f6ff;box-shadow:0 0 12px #008fff66}
@media(max-width:360px){.needs-question-head{gap:5px;grid-template-columns:26px minmax(0,1fr) auto}.needs-icon{width:26px}.needs-question h2{font-size:16px}.needs-question .goal-example{font-size:10px;padding:5px}}
/* Completion artwork preserves the supplied composition and original logo. */
body.mobile-app.is-completed{max-width:480px;margin:auto;background:#031543;color:white}.mobile-app.is-completed .top,.mobile-app.is-completed aside,.mobile-app.is-completed .progress-line,.mobile-app.is-completed .progress-track,.mobile-app.is-completed .footnote,.mobile-app.is-completed .actions{display:none!important}.mobile-app.is-completed .workspace,.mobile-app.is-completed main{display:block;width:100%;padding:0;margin:0}.mobile-app.is-completed #content{outline:0}.completion-reference{position:relative;width:100%;aspect-ratio:941/1672;background:#031543}.completion-art{display:block;width:100%;height:auto}.completion-hit{position:absolute;top:89.9%;height:6.1%;width:45.8%;padding:0;margin:0;border:0;border-radius:14px;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation}.completion-back{left:3.3%}.completion-done{left:51.2%}.completion-hit:hover{background:#a5efff0d}.completion-hit:active{background:#c6f6ff26}.completion-hit:focus-visible{outline:3px solid #a3f6ff;outline-offset:-4px}