:root{--nav:#122d3e;--bg:#f0f4f5;--card:#fff;--ink:#193444;--muted:#647985;--line:#dbe5e8;--accent:#187d7b;--tint:#eaf5f3;--shadow:0 12px 40px #173c4c06}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;font-size:15px}body.dark{--bg:#102532;--card:#193342;--ink:#e1edef;--muted:#a7bec8;--line:#35505f;--accent:#78d5c3;--tint:#254b50;--shadow:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:7px;padding:10px 17px;transition:background .15s,border-color .15s}button:hover{border-color:var(--accent);background:var(--tint)}:focus-visible{outline:3px solid #54b5b0;outline-offset:3px}button:disabled{opacity:.4;cursor:default}aside{position:fixed;inset:0 auto 0 0;width:248px;background:var(--nav);color:#dce9ef;padding:34px 23px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-weight:650;font-size:23px;letter-spacing:1px}.brandmark{border:1px solid #587787;border-radius:12px;width:45px;height:46px;display:grid;place-content:center;position:relative;font-family:Georgia,serif;font-size:28px}.brandmark span{position:absolute;font:15px sans-serif;color:#8ae0cf;right:1px;top:-8px;background:var(--nav)}.brand-sub{display:block;font-size:10px;font-weight:400;letter-spacing:3px;color:#90b1c1}.sidebar-label{margin:47px 12px 15px;font-size:11px;letter-spacing:2px;color:#8aa6b4}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;text-align:left;gap:13px;border:0;color:#9db4c1;background:none;font-size:14px;padding:11px 13px}nav button b{font-size:11px;font-weight:500;color:#a0b7c4;border:1px solid #456171;width:24px;height:24px;border-radius:50%;display:grid;place-content:center}nav button.active{background:#264a5b;color:white}nav button.active b{background:#9ce0d3;color:#173c44;border-color:#9ce0d3}nav button:hover{background:#264a5b}.nav-check{margin-left:auto;color:#96d6c9}.aside-bottom{margin-top:auto;padding:30px 12px 0;font-size:12px;color:#c3d6df}.aside-bottom p{font-size:11px;color:#8ba6b5;line-height:1.9}.pulse,.phase span{display:inline-block;background:#78c8b7;width:6px;height:6px;border-radius:50%;margin-right:7px}.workspace{margin-left:248px}header{min-height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:18px 4.5%;font-size:12px;color:var(--muted)}header>div{display:flex;gap:12px}.quiet{background:transparent;border:0;color:var(--muted);font-size:12px;padding:8px}.small{padding:8px 14px;font-size:12px}main{max-width:1150px;margin:auto;padding:42px 5% 24px}.intro{display:flex;align-items:center;gap:35px;padding:0 0 32px}.intro>div:first-child{max-width:650px}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:1px}h1{font-size:clamp(28px,3vw,40px);line-height:1.45;font-weight:600;letter-spacing:-1px;margin:14px 0 17px}.intro p{font-size:13px;color:var(--muted);line-height:1.95;margin:0}.phase{font-size:11px;margin-top:21px;color:var(--accent)}.research-visual{width:240px;flex-shrink:0;color:#609293;opacity:.8;text-align:center}.research-visual svg{width:100%;stroke-width:.65}.research-visual span{font-size:10px;letter-spacing:3px}.progress-panel{background:var(--card);border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:25px;padding:18px 24px;margin-bottom:39px;box-shadow:var(--shadow)}.progress-panel>div:first-child{display:flex;align-items:center;gap:12px;white-space:nowrap}.progress-panel strong{font-size:24px;font-weight:500}.progress-panel span{font-size:11px;color:var(--muted)}.progress-track{height:4px;background:var(--line);flex:1;border-radius:3px;overflow:hidden}#progressbar{height:100%;background:var(--accent);transition:width .2s}#save-status{min-width:120px;text-align:right}.step-heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:26px;font-weight:600;margin:7px 0}#step-sub{color:var(--muted);font-size:13px;margin:0}#step-count{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:7px 14px;color:var(--muted)}.form-note{font-size:11px;color:var(--muted);margin:22px 0}form{display:grid;gap:18px}.question{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:25px 27px;box-shadow:var(--shadow)}.question h3{font-size:15px;font-weight:600;line-height:1.7;margin:0 0 17px}.question-type{font-size:10px;font-weight:400;color:var(--muted);margin-left:9px}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:6px;font-size:13px;cursor:pointer;line-height:1.6}.option:has(input:checked){border-color:var(--accent);background:var(--tint)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;margin:3px 0 0}textarea,input[type=text],input[type=number],select{border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--bg);padding:11px 12px;max-width:100%;min-width:0}textarea{width:100%;min-height:92px;resize:vertical;font-size:13px;line-height:1.7}::placeholder{color:var(--muted);opacity:.8}.extra-label{display:block;margin:17px 0 7px;font-size:11px;color:var(--muted)}.matrix-row{display:grid;grid-template-columns:minmax(120px,1fr) 1.65fr;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.matrix-row:last-child{border-bottom:0}.matrix-row>span{font-size:13px}.matrix-choices{display:flex;justify-content:space-between;gap:6px}.matrix-choices label{font-size:11px;display:flex;align-items:center;gap:6px;cursor:pointer}.matrix-choices input{margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-grid label{font-size:12px;display:grid;gap:7px}.field-grid input{width:100%}.bottom-nav{display:flex;align-items:center;justify-content:space-between;margin:26px 0 40px;padding:17px 0;border-top:1px solid var(--line)}.primary{background:var(--ink);color:var(--card);border-color:var(--ink);min-width:130px}.primary:hover{background:var(--accent);color:var(--card)}#step-progress{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:15px;justify-content:space-between;font-size:11px;color:var(--muted)}footer small{font-size:10px}footer>div{display:flex;align-items:center;flex-shrink:0}.mobile-nav{display:none}#delivery{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:10px;margin-top:25px}#delivery p{font-size:13px;color:var(--muted)}.export-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.export-buttons button{font-size:12px}#roadmap{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding-left:22px;font-size:12px;color:var(--muted)}#summary{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;margin:20px 0}#summary button{display:flex;justify-content:space-between;font-size:12px;padding:8px;border:0;border-bottom:1px solid var(--line);border-radius:0}.hint{font-size:11px!important}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173c4c;color:white;padding:11px 20px;border-radius:8px;max-width:90vw;z-index:30;display:none;font-size:13px}dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;max-width:440px;padding:30px}dialog::backdrop{background:#0a233780}dialog div{display:flex;justify-content:flex-end;gap:10px}.danger{color:#a23939}body.changed #form{animation:reveal .2s ease-out}@keyframes reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1500px){main{padding-top:55px}}@media(max-width:1100px){aside{width:215px;padding:30px 17px}.workspace{margin-left:215px}.research-visual{width:170px}.progress-panel{gap:15px;padding:16px}main{padding-left:4%;padding-right:4%}}@media(max-width:800px){aside{display:none}.workspace{margin-left:0}header{padding:15px 5%}.research-visual{width:160px}main{padding:30px 5%}.mobile-nav{display:flex;justify-content:space-between;align-items:center;margin:-10px 0 25px;font-size:12px}.mobile-nav select{max-width:70%;font-size:13px}.progress-panel{margin-bottom:30px}.intro{gap:10px}}@media(max-width:540px){header>span{font-size:10px;max-width:140px}header>div{gap:3px}.quiet{padding:7px}.intro{padding-bottom:25px}.research-visual{display:none}h1{font-size:31px}.intro p{font-size:12px}.phase{font-size:10px}.progress-panel{flex-wrap:wrap;gap:7px 15px}.progress-panel>div:first-child{gap:9px}.progress-panel strong{font-size:22px}#save-status{width:100%;text-align:left}.progress-track{min-width:50px}h2{font-size:24px}.question{padding:21px 17px}.options,.field-grid{grid-template-columns:1fr}.option{font-size:12px;padding:11px}.matrix-row{grid-template-columns:1fr;gap:10px;padding:14px 0}.matrix-choices{justify-content:flex-start;gap:14px;flex-wrap:wrap}.matrix-choices label{font-size:12px}.form-note{font-size:10px}.question-type{display:block;margin:4px 0 0}footer{flex-direction:column}#delivery{padding:22px 17px}#summary,#roadmap{grid-template-columns:1fr}.bottom-nav{position:sticky;bottom:0;background:var(--bg);z-index:3;margin-bottom:22px}#step-progress{font-size:10px}.primary{min-width:105px}.bottom-nav button{font-size:13px}.export-buttons button{flex:1 1 45%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.share-panel{background:var(--tint);border:1px solid var(--line);border-radius:8px;padding:20px;display:flex;align-items:center;gap:22px;margin-top:24px}.share-panel h3{margin:0;font-size:16px}.share-panel p{margin-bottom:0}.share-panel button{flex-shrink:0}@media(max-width:540px){.share-panel{display:block}.share-panel button{margin-top:15px;width:100%}}