:root{--bg:#f5f2ea;--panel:#fffdf8;--ink:#151719;--muted:#687076;--line:#1517191f;--accent:#0f766e;--accent-2:#2563eb;--warm:#b45309;--danger:#be123c;--shadow:0 20px 60px #1a202c1f}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at top left, #0f766e2e, transparent 30rem), radial-gradient(circle at bottom right, #2563eb24, transparent 28rem), var(--bg);color:var(--ink);margin:0;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}.shell{width:min(100%,480px);min-height:100svh;margin:0 auto;padding:18px}.home-shell,.quiz-shell,.result-shell{flex-direction:column;justify-content:center;gap:16px;display:flex}.hero-panel,.question-card,.result-hero,.analysis-panel,.chart-card,.empty-state{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8e6;border-radius:8px}.hero-panel{flex-direction:column;justify-content:space-between;min-height:72svh;padding:26px;display:flex}.brand-row,.quiz-topbar,.progress-copy,.score-pair{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-row{color:var(--muted);justify-content:flex-start;font-size:14px}.brand-mark{border:5px solid var(--accent);border-right-color:var(--accent-2);border-radius:50%;width:16px;height:16px}.eyebrow,.mini-label,.question-id,.section-heading span{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:750}.hero-copy h1,.result-hero h1,.empty-state h1{letter-spacing:0;margin:10px 0 14px;font-size:42px;line-height:1.02}.hero-copy p,.result-hero p,.analysis-panel p,.empty-state p,.quiz-actions p{color:var(--muted);font-size:15px;line-height:1.7}.hero-meta,.preview-strip,.strength-list,.result-grid{gap:10px;display:grid}.hero-meta{grid-template-columns:repeat(3,1fr)}.hero-meta div,.preview-strip div,.strength-list span{border:1px solid var(--line);background:#ffffff8f;border-radius:8px;padding:12px}.hero-meta strong,.hero-meta span,.preview-strip strong,.preview-strip span{display:block}.hero-meta strong,.preview-strip strong{font-size:14px}.hero-meta span{color:var(--muted);margin-top:4px;font-size:12px}.primary-action,.ghost-button{border:0;border-radius:8px;justify-content:center;align-items:center;min-height:48px;display:inline-flex}.primary-action{background:var(--ink);color:#fff;width:100%;padding:0 18px;font-weight:760}.ghost-button{min-height:40px;color:var(--ink);background:#ffffff9e;padding:0 12px}.preview-strip{grid-template-columns:1fr}.quiz-shell,.result-shell{justify-content:flex-start}.quiz-topbar{color:var(--muted);font-size:13px}.progress-wrap{gap:8px;display:grid}.progress-copy{color:var(--muted);font-size:13px}.progress-track{background:#1517191a;border-radius:999px;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--warm));height:100%;transition:width .22s}.question-card{flex-direction:column;justify-content:space-between;gap:22px;min-height:58svh;padding:22px;display:flex}.question-heading h2,.section-heading h2{letter-spacing:0;margin:8px 0 0;font-size:24px;line-height:1.25}.question-heading p:last-child{color:var(--muted);margin:10px 0 0;line-height:1.65}.option-list{gap:10px;display:grid}.option-button{border:1px solid var(--line);width:100%;min-height:62px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:12px;transition:border-color .16s,transform .16s,background .16s;display:grid}.option-button span{width:30px;height:30px;color:var(--accent);background:#0f766e1a;border-radius:50%;place-items:center;font-weight:800;display:grid}.option-button strong{padding-right:10px;font-size:15px;line-height:1.45}.option-button.active{background:#0f766e14;border-color:#0f766ea6;transform:translateY(-1px)}.open-textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:190px;color:var(--ink);background:#fff;border-radius:8px;padding:14px;line-height:1.7}.open-textarea:focus,.option-button:focus-visible,.primary-action:focus-visible,.ghost-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb3d}.quiz-actions{gap:8px;display:grid}.quiz-actions p{text-align:center;margin:0}.result-hero,.analysis-panel,.chart-card,.empty-state{padding:22px}.result-hero h1{font-size:34px}.tagline{font-weight:740;color:var(--ink)!important;font-size:18px!important}.strength-list{grid-template-columns:repeat(2,1fr);margin-top:18px}.strength-list span{color:var(--accent);font-size:13px;font-weight:760}.result-grid{grid-template-columns:1fr}.chart-card svg{width:100%;max-width:300px;margin:8px auto 0;display:block}.radar-grid{fill:none;stroke:#1517191f;stroke-width:1px}.radar-axis{stroke:#1517191a;stroke-width:1px}.radar-area{fill:#0f766e38;stroke:var(--accent);stroke-width:2.5px}.radar-dot{fill:var(--accent-2)}.radar-label{fill:var(--muted);font-size:10px;font-weight:700}.quadrant{border:1px solid var(--line);background:linear-gradient(90deg,#0f766e1a,#0000),linear-gradient(#0000,#b453091a),#fff;border-radius:8px;height:260px;margin-top:16px;position:relative;overflow:hidden}.axis{background:#1517192e;position:absolute}.axis.horizontal{width:100%;height:1px;top:50%;left:0}.axis.vertical{width:1px;height:100%;top:0;left:50%}.quad-label{z-index:1;color:var(--muted);font-size:12px;font-weight:760;position:absolute}.top-left{top:12px;left:12px}.top-right{top:12px;right:12px}.bottom-left{bottom:12px;left:12px}.bottom-right{bottom:12px;right:12px}.user-point{z-index:2;background:var(--danger);border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 22px #be123c59}.score-pair{color:var(--muted);margin-top:12px;font-size:13px}.small-note{margin-top:14px;color:var(--warm)!important;font-size:13px!important}.result-actions{padding-bottom:18px}@media (max-width:390px){.shell{padding:12px}.hero-panel,.question-card,.result-hero,.analysis-panel,.chart-card,.empty-state{padding:18px}.hero-copy h1{font-size:36px}.question-heading h2{font-size:22px}.hero-meta{grid-template-columns:1fr}}