:root{color:#132230;background:#edf2f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(20,145,110,.12),transparent 35%),linear-gradient(180deg,#f5f8fb,#eaf0f6)}.hero-card{width:min(720px,100%);padding:48px;border-radius:32px;background:#ffffffe6;box-shadow:0 24px 80px #21364f1f}.hero-kicker{margin:0 0 12px;color:#168c70;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-card h1{margin:0;font-size:clamp(42px,7vw,72px);line-height:.98}.hero-copy{margin:16px 0 0;max-width:34rem;color:#476073;font-size:18px;line-height:1.7}.hero-button{margin-top:28px;border:none;border-radius:999px;padding:14px 24px;background:#0f876f;color:#fff;font-weight:700;cursor:pointer}.question-card{width:min(920px,100%);padding:40px;border-radius:32px;background:#fffffff2;box-shadow:0 24px 80px #21364f1f}.progress-header{display:grid;gap:16px}.progress-kicker{margin:0;color:#168c70;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.progress-header h2{margin:8px 0 0;font-size:28px}.progress-track{overflow:hidden;height:10px;border-radius:999px;background:#dce4eb}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18a078,#20879f)}.question-dimension{margin:32px 0 0;color:#61788b;font-size:15px}.question-prompt{margin:12px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.25}.likert-scale{margin:36px 0 0;padding:0;border:none;display:grid;gap:14px}.likert-option{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:#f5f8fb;color:#223749}.likert-option input{margin:0}.question-actions{display:flex;justify-content:space-between;gap:16px;margin-top:32px}.question-button{border:none;border-radius:999px;padding:14px 24px;background:#0f876f;color:#fff;font-weight:700;cursor:pointer}.question-button:disabled{cursor:not-allowed;opacity:.5}.question-button--secondary{background:#dfe8ef;color:#173042}.result-shell{width:min(1040px,100%);display:grid;gap:24px}.result-hero,.result-card,.result-bar-card,.share-card{border-radius:32px;background:#fffffff2;box-shadow:0 24px 80px #21364f1f}.result-hero{padding:40px}.result-kicker,.result-bar-kicker,.share-card-kicker{margin:0;color:#168c70;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.result-code{margin:12px 0 0;font-size:clamp(48px,8vw,84px);line-height:.95}.result-title{margin:18px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.2}.result-quote{margin:16px 0 0;color:#5d7488;font-size:18px;line-height:1.7}.result-bars{display:grid;gap:16px}.result-bar-card{padding:24px}.result-bar-top{display:flex;justify-content:space-between;gap:16px;align-items:end}.result-bar-top h3{margin:8px 0 0;font-size:24px}.result-bar-score{margin:0;color:#4f697d;text-align:right}.result-track{margin-top:18px;overflow:hidden;height:12px;border-radius:999px;background:#dce4eb}.result-track-left{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18a078,#20879f)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.result-card{padding:28px}.result-card h3{margin:0 0 12px;font-size:24px}.result-card p{margin:0;color:#334d61;line-height:1.8}.result-card--lifestyle{background:linear-gradient(135deg,#0f876f,#1c6f93)}.result-card--lifestyle h3,.result-card--lifestyle p{color:#fff}.result-actions{display:flex;justify-content:flex-end}.share-card{padding:28px}.share-card h2{margin:12px 0 0;font-size:48px}.share-card-title,.share-card-quote{margin:14px 0 0;color:#334d61;line-height:1.6}@media(max-width:720px){.hero-card,.question-card,.result-hero,.result-card,.result-bar-card,.share-card{padding:24px;border-radius:24px}.result-grid{grid-template-columns:1fr}.result-bar-top{flex-direction:column;align-items:start}.question-actions{flex-direction:column}.question-button{width:100%}}