:root{color:#1f1f1f;background:#fbfaf7;font-family:"Source Han Serif SC","Noto Serif CJK SC","Source Han Serif CN",Songti SC,SimSun,serif;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #fbfaf7;--surface-raised: #fffefd;--ink: #1f1f1f;--muted: #706a63;--hairline: #e8e1d8;--hairline-strong: #d8cfc3;--clay: #a95f45;--clay-soft: #f3e5dd;--sage: #788b73;--sage-soft: #edf2ea;--shadow: 0 24px 70px rgba(63, 50, 39, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fffefce0,#f7f2ebb8),var(--surface);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--clay);font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;color:var(--ink);font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1.08;letter-spacing:0}h2{margin:0;color:var(--ink);font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.18;letter-spacing:0}h3{margin:0;color:var(--ink);font-size:20px;font-weight:600;line-height:1.25;letter-spacing:0}.app-shell{width:100%;min-height:100vh;padding:clamp(24px,4vw,56px)}.assessment-shell{display:flex;align-items:stretch}.assessment-frame{width:min(100%,1180px);margin:0 auto;display:flex;min-height:calc(100vh - clamp(48px,8vw,112px));flex-direction:column}.assessment-topbar,.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px;font-weight:500}.assessment-topbar{padding-bottom:18px}.container{width:min(100%,720px);margin:0 auto}.progress-shell{width:min(100%,720px);margin:0 auto 18px}.assessment-progress{width:100%;margin:0 0 clamp(42px,7vh,82px)}progress{width:100%;height:3px;overflow:hidden;border:0;border-radius:999px;background:var(--hairline)}progress::-webkit-progress-bar{background:var(--hairline)}progress::-webkit-progress-value{border-radius:999px;background:var(--clay)}progress::-moz-progress-bar{border-radius:999px;background:var(--clay)}.assessment-layout{display:block;max-width:760px}.question-panel{max-width:760px}.eyebrow{margin:0 0 18px;color:var(--clay);font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.supporting-copy{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:18px;line-height:1.8}.choice-grid{display:grid;gap:12px;margin:34px 0 0}.choice-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-choice-grid{max-width:760px}.choice-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:8px;text-align:center;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.choice-button{width:100%;border:1px solid var(--hairline);background:#fffefdd1;color:var(--ink);padding:15px 16px;font-weight:500;text-align:left}.assessment-choice{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:14px;align-items:center}.choice-button:hover{border-color:var(--hairline-strong);background:var(--surface-raised);transform:translateY(-1px);box-shadow:0 12px 30px #3f32270f}.choice-button[aria-pressed=true]{border-color:#a95f45ad;background:#fffaf6;box-shadow:inset 0 0 0 1px #a95f4542}.choice-index{color:var(--sage);font-size:13px;font-variant-numeric:tabular-nums}.choice-copy{display:grid;gap:4px}.choice-copy strong{color:var(--ink);font-size:18px;font-weight:600;line-height:1.28}.choice-copy small{color:var(--muted);font-size:14px;line-height:1.45}.choice-check{justify-self:end;color:var(--clay);opacity:0;transform:scale(.84);transition:opacity .16s ease,transform .16s ease}.choice-button[aria-pressed=true] .choice-check{opacity:1;transform:scale(1)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0 0}.number-form{max-width:520px}.field{display:grid;gap:8px}.field label{color:var(--muted);font-size:14px;font-weight:600}.field input{width:100%;min-height:56px;border:1px solid var(--hairline);border-radius:8px;background:#fffefde6;color:var(--ink);padding:13px 14px}.field input:focus{border-color:#a95f45bd;outline:3px solid rgba(169,95,69,.12)}.single-field{margin-top:34px}.primary-button{width:100%;border:1px solid #1f1f1f;background:var(--ink);color:#fffefd;padding:14px 18px;font-weight:700}.primary-button:hover:not(:disabled){transform:translateY(-1px);background:#2c2825}.primary-button:disabled{border-color:var(--hairline-strong);background:#cabfb2;color:#fffefd}.form-submit{width:min(100%,260px);margin-top:22px}.secondary-button{width:100%;border:1px solid var(--hairline);background:#fffefddb;color:var(--ink);padding:13px 16px;font-weight:700}.secondary-button:hover:not(:disabled){border-color:var(--hairline-strong);background:var(--surface-raised)}.step-card,.result-card,.paywall-panel,.status-card{border:1px solid var(--hairline);border-radius:8px;background:#fffefdd6;box-shadow:var(--shadow)}.step-card,.result-card,.status-card{padding:clamp(24px,4vw,42px)}.result-card{margin-top:24px}.full-result-card{width:min(100%,920px)}.paywall-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:22px;align-items:center;margin-top:16px;padding:clamp(22px,4vw,32px)}.status-card{color:var(--muted);font-size:17px;line-height:1.7}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.full-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.metric{min-height:120px;border:1px solid var(--hairline);border-radius:8px;background:#fffefddb;padding:18px}.metric.accent{background:var(--sage-soft)}.metric span,.metric small{display:block;color:var(--muted);font-size:13px;font-weight:600}.metric strong{display:block;margin:10px 0 5px;color:var(--ink);font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.08}.unlock-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;border:1px solid #ccd9c8;border-radius:8px;background:var(--sage-soft);padding:12px 14px}.unlock-banner span{color:#3f5c3d;font-size:15px;font-weight:700}.unlock-banner small{color:var(--muted);font-size:13px;font-weight:600}.result-detail-section{margin-top:24px;border-top:1px solid var(--hairline);padding-top:24px}.result-detail-section h2{font-size:clamp(24px,2.4vw,32px)}.result-timeline{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.result-timeline li,.result-focus-grid div{border:1px solid var(--hairline);border-radius:8px;background:#fffefddb;padding:16px}.result-timeline strong,.result-focus-grid strong{display:block;color:var(--ink);font-size:17px;font-weight:700;line-height:1.35}.result-timeline span,.result-focus-grid span{display:block;margin-top:6px;color:var(--muted);font-size:14px;line-height:1.65}.result-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.result-disclaimer{margin:20px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.result-actions{margin-top:14px}.checkout-shell{display:flex;align-items:center}.checkout-frame{width:min(100%,1040px);margin:0 auto}.checkout-copy{max-width:720px;margin-bottom:32px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;align-items:stretch}.checkout-card,.checkout-note{border:1px solid var(--hairline);border-radius:8px;background:#fffefddb;box-shadow:var(--shadow)}.checkout-card{padding:clamp(24px,4vw,36px)}.checkout-note{padding:24px;color:var(--muted);line-height:1.7}.checkout-note p{margin:14px 0 0}.checkout-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--hairline)}.checkout-price{display:flex;align-items:flex-start;gap:3px;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.checkout-price span{margin-top:9px;color:var(--muted);font-size:22px;font-weight:600}.checkout-price strong{font-size:58px;font-weight:600}.checkout-list{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none}.checkout-list li{border:1px solid var(--hairline);border-radius:8px;background:#fffaf6;padding:13px 14px;color:var(--ink);line-height:1.55}.checkout-list li:before{content:"✓";margin-right:10px;color:var(--sage);font-weight:700}.checkout-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;border:1px solid #ccd9c8;border-radius:8px;background:var(--sage-soft);padding:14px 16px}.checkout-preview span{color:var(--muted);font-size:14px;font-weight:600}.checkout-preview strong{color:var(--ink);font-size:26px;font-weight:600}.checkout-card .secondary-button{margin-top:10px}.sync-banner,.error-banner{margin-top:14px;border-radius:8px;padding:12px 14px;font-weight:600;line-height:1.55}.sync-banner{border:1px solid #ccd9c8;background:var(--sage-soft);color:#4c6548}.error-banner{border:1px solid #e8b4a4;background:#fff1ec;color:#8e3d2b}@media (max-width: 900px){.paywall-panel,.checkout-layout{grid-template-columns:1fr}}@media (max-width: 560px){.app-shell{padding:18px 12px 40px}h1{font-size:34px}.assessment-progress{margin-bottom:30px}.assessment-topbar{align-items:flex-start;flex-direction:column}.choice-grid.two-col,.field-grid,.metric-grid,.full-metric-grid,.result-focus-grid{grid-template-columns:1fr}.assessment-choice{grid-template-columns:30px minmax(0,1fr) 20px;gap:10px}.choice-copy strong{font-size:16px}.choice-copy small,.supporting-copy{font-size:15px}.step-card,.result-card,.paywall-panel,.status-card{padding:22px}}
