:root{color:#193128;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#faaf501f,#0000 22%),linear-gradient(135deg,#f7fbf8,#eef6f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}body,button,input{font:inherit}a{color:#1e5b44}img{max-width:100%;display:block}#root{min-height:100svh}.app-shell{gap:24px;padding:24px;display:grid}.hero-band,.info-band,.quiz-band,.result-band{background:#ffffffe6;border:1px solid #1d342c1f;border-radius:8px;box-shadow:0 20px 60px #1d342c14}.hero-band{background:radial-gradient(circle at 100% 0,#d65e4729,#0000 32%),radial-gradient(circle at 0,#3f7a5d29,#0000 30%),#ffffffeb;grid-template-columns:1.4fr .8fr;align-items:end;gap:24px;min-height:68svh;padding:32px;display:grid}.hero-copy{align-content:end;gap:18px;display:grid}.eyebrow{color:#21523d;text-transform:uppercase;background:#3f7a5d14;border:1px solid #1d342c1f;border-radius:999px;align-items:center;width:fit-content;margin:0;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.hero-copy h1{max-width:12ch;margin:0;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.96}.hero-text{color:#4a5d54;max-width:62ch;font-size:1.05rem;line-height:1.75}.hero-actions,.quiz-actions>div{flex-wrap:wrap;gap:12px;display:flex}.button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:14px 18px;font-weight:700;transition:transform .16s,opacity .16s,background .16s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button--primary{color:#fff;background:#1e5b44}.button--ghost{color:#14392b;background:#fff;border:1px solid #1d342c2e}.hero-stats{gap:12px;display:grid}.hero-stats article,.info-band>div,.result-block,.question-card,.result-poster,.result-copy{background:#fffffff0;border:1px solid #1d342c1f;border-radius:8px}.hero-stats article{gap:6px;padding:18px;display:grid}.hero-stats strong{color:#b44c35;font-size:2rem}.hero-stats span{color:#56685e}.info-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.info-band>div{padding:20px}.info-band h2,.progress-copy h2,.result-block h3{margin:0 0 10px;font-size:1.2rem}.info-band p,.progress-copy p,.quiz-actions p,.result-sub,.result-desc,.result-poster p,.dimension-item p,.top-match span{color:#56685e;margin:0;line-height:1.75}.quiz-band,.result-band{gap:20px;padding:24px;display:grid}.progress-header{gap:16px;display:grid}.progress-stack{gap:10px;display:grid}.progress-track{background:#1d342c14;border-radius:999px;height:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#d65e47,#1e5b44);height:100%;display:block}.progress-stats{color:#56685e;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.question-stack,.dimension-list,.top-match-list{gap:14px;display:grid}.question-card{padding:18px}.question-card__top,.dimension-item__top,.top-match{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.question-card h3,.result-copy h2{margin:0 0 14px;font-size:clamp(1.4rem,2.8vw,2.8rem);line-height:1.05}.question-card h3{font-size:1.12rem;line-height:1.7}.question-pill,.question-meta,.result-badge{color:#704417;background:#faaf501f;border:1px solid #1d342c1f;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.question-meta{color:#21523d;background:#3f7a5d14}.option-list{gap:10px;display:grid}.option-row{cursor:pointer;background:#fff;border:1px solid #1d342c1f;border-radius:8px;grid-template-columns:auto auto 1fr;align-items:start;gap:12px;padding:14px;display:grid}.option-row.is-selected{background:#d65e470f;border-color:#b44c3561}.option-row input{accent-color:#b44c35;margin-top:2px}.option-code{color:#1e5b44;font-weight:800}.quiz-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.result-panel,.result-grid{gap:18px;display:grid}.result-hero{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.result-copy,.result-poster,.result-block,.dimension-item,.top-match{padding:18px}.result-copy span{color:#b44c35}.result-badge{width:fit-content;margin:0 0 14px}.result-desc{color:#27392f}.result-poster{align-content:start;gap:12px;display:grid}.result-poster img,.result-poster__fallback{aspect-ratio:1;object-fit:contain;background:radial-gradient(circle at 100% 0,#faaf5033,#0000 40%),#eff7f2e6;border-radius:8px;width:100%}.result-poster__fallback{color:#1e5b44;place-items:center;font-size:2.4rem;font-weight:800;display:grid}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-match b,.dimension-item__top span{color:#b44c35}.dimension-item{background:#eff7f2cc}@media (width<=920px){.hero-band,.result-hero,.result-grid,.info-band{grid-template-columns:1fr}.hero-copy h1{max-width:100%}}@media (width<=640px){.app-shell{padding:12px}.hero-band,.quiz-band,.result-band,.info-band{padding:16px}}