:root{--bg:#f5f6f2;--panel:#fff;--panel-soft:#f9faf7;--ink:#17201b;--muted:#66706a;--line:#17201b1f;--green:#2f6f55;--green-soft:#2f6f551a;--blue:#2f5f9d;--coral:#c9694a;--yellow:#f0c94d;--shadow:0 24px 70px #1f2e271f;--radius:8px;--font:Inter, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{background:linear-gradient(135deg, #2f6f5514 0 26%, transparent 26%), linear-gradient(180deg, #fbfcf8 0%, var(--bg) 100%);min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--font);margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-shell{grid-template-columns:330px minmax(0,1fr);gap:20px;width:min(1280px,100vw - 32px);min-height:100vh;margin:0 auto;padding:24px 0;display:grid}.sidebar,.question-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe6}.sidebar{flex-direction:column;gap:24px;height:calc(100vh - 48px);padding:22px;display:flex;position:sticky;top:24px}.sidebar h1{letter-spacing:0;margin:12px 0 0;font-size:34px;line-height:1.02}.eyebrow{width:fit-content;color:var(--green);background:var(--green-soft);text-transform:uppercase;border:1px solid #2f6f5533;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.desktop-progress{gap:8px;display:grid}.step-link{border-radius:var(--radius);text-align:left;cursor:default;background:0 0;border:1px solid #0000;grid-template-columns:34px 1fr;align-items:start;gap:10px;width:100%;min-height:66px;padding:10px;display:grid}.step-link.done,.step-link.active{cursor:pointer}.step-link>span{width:34px;height:34px;color:var(--muted);background:#e8ebe5;border-radius:50%;place-items:center;font-weight:800;display:grid}.step-link.active{background:var(--green-soft);border-color:#2f6f5538}.step-link.active>span{background:var(--green);color:#fff}.step-link.done>span{color:var(--blue);background:#2f5f9d1f}.step-link strong,.step-link small{display:block}.step-link small{color:var(--muted);margin-top:4px;line-height:1.3}.workarea{min-width:0}.mobile-progress{display:none}.question-panel{min-height:calc(100vh - 48px);padding:28px}.question-head{max-width:820px;margin-bottom:26px}.question-head h2{letter-spacing:0;margin:12px 0 10px;font-size:34px;line-height:1.1}.question-head p,.lead,.soft-note,.result-empty p{color:var(--muted);line-height:1.55}.field-stack,.dynamic-stack,.result-stack{gap:18px;display:grid}.field-stack label{margin-bottom:8px;font-weight:800;display:block}input,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);width:100%;color:var(--ink);outline:none}input:not([type=range]),textarea{padding:14px 15px}textarea{resize:vertical;min-height:112px;line-height:1.5}input:focus,textarea:focus{border-color:#2f6f5573;box-shadow:0 0 0 4px #2f6f551a}input[type=range]{accent-color:var(--green)}.option-grid{gap:10px;display:grid}.option-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.option-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.option{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:left;cursor:pointer;min-height:54px;padding:13px 14px;transition:border-color .16s,background .16s,transform .16s}.option:hover{border-color:#2f6f5559;transform:translateY(-1px)}.option.active{background:var(--green-soft);box-shadow:inset 4px 0 0 var(--green);border-color:#2f6f5599}.option:disabled{opacity:.48;cursor:default;transform:none}.range-row{color:var(--muted);grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:12px;display:grid}.range-row span:last-child{text-align:right}.dynamic-box{border-radius:var(--radius);background:#2f5f9d0f;border:1px solid #2f5f9d2e;padding:16px;animation:.22s both fadeUp}.dynamic-box h3{margin:8px 0 12px}.dynamic-box p,.why{color:var(--muted);margin:0}.why{font-size:14px}.nav-row,.button-row,.result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.nav-row{background:linear-gradient(#0000,#fffffff5 30%);margin-top:26px;padding-top:16px;position:sticky;bottom:0}.primary-button,.ghost-button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;min-height:48px;padding:12px 18px;font-weight:800}.primary-button{background:var(--green);color:#fff}.ghost-button{background:var(--panel);border-color:var(--line)}.primary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:default}.status{border-radius:var(--radius);padding:12px 14px}.status.error{color:#8f351e;background:#c9694a1a;border:1px solid #c9694a47}.result-empty{text-align:center;align-content:center;place-items:center;gap:14px;min-height:520px;display:grid}.result-empty h2,.result-head h2{margin:10px 0 0;font-size:32px;line-height:1.12}.loader{border:4px solid #2f6f5529;border-top-color:var(--green);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.lead{max-width:900px;margin:0;font-size:18px}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.recommendation{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);min-height:240px;padding:16px}.recommendation h3{margin:0 0 10px}.recommendation p,.plain-section li{color:var(--muted);line-height:1.5}.mini-label{color:var(--blue);text-transform:uppercase;margin-top:12px;font-size:12px;font-weight:900}.risk{border-left:4px solid var(--coral);color:#7c3924;background:#c9694a14;margin-top:12px;padding:9px 10px}.two-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.plain-section{padding:4px 0}.plain-section h3,.plain-section h4{margin:0 0 10px}.plain-section h4{margin-top:16px}.plain-section ul{margin:0;padding-left:20px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{color:#6b5208;background:#f0c94d3d;border-radius:999px;padding:8px 10px}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.timeline>div{border-top:3px solid var(--yellow);padding-top:10px}.timeline span{margin-bottom:8px;font-weight:900;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.app-shell{grid-template-columns:1fr;width:min(860px,100vw - 24px);padding:12px 0 92px}.sidebar{display:none}.mobile-progress{z-index:3;border:1px solid var(--line);border-radius:var(--radius);background:#fffffff5;gap:10px;margin-bottom:12px;padding:12px;display:grid;position:sticky;top:0}.mobile-progress>div:first-child{justify-content:space-between;gap:12px;display:flex}.mobile-progress span{color:var(--muted)}.progress-track{background:#e3e8e0;border-radius:999px;height:7px;overflow:hidden}.progress-track span{background:var(--green);height:100%;display:block}.question-panel{min-height:auto;padding:18px 18px 220px}.question-head h2{font-size:24px}.option-grid.two,.option-grid.three,.option-grid.four,.option-grid.five,.result-grid,.two-columns,.timeline{grid-template-columns:1fr}.range-row{grid-template-columns:62px minmax(0,1fr) 72px;gap:8px;font-size:13px}.nav-row{z-index:5;border:1px solid var(--line);border-radius:var(--radius);background:#fffffff7;padding:10px;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 14px 44px #1f2e2729}.nav-row .primary-button,.nav-row .ghost-button{flex:1}}