:root{color:#13231f;background:#f6f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(15,139,141,.07),rgba(246,248,244,0) 280px),#f6f8f4}button{font:inherit}.app{min-height:100vh;padding:18px}.topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1080px;padding:8px 0 18px}.brand,.signal-header,.primary-action,.icon-action,.dimension-chip,.result-tag,.safety-label{align-items:center;display:inline-flex;gap:8px}.brand{color:#10201c;font-size:1rem;font-weight:800}.safety-label{background:#fff;border:1px solid #d9e2dc;border-radius:8px;color:#52625c;font-size:.78rem;padding:7px 10px}.start-layout,.quiz-layout,.result-layout{margin:0 auto;max-width:1080px}.start-layout{align-items:center;display:grid;gap:28px;grid-template-columns:minmax(0,1.04fr) minmax(320px,.82fr);min-height:calc(100vh - 96px)}.intro h1,.result-copy h1{color:#10201c;font-size:3.2rem;letter-spacing:0;line-height:1.05;margin:10px 0 18px;max-width:760px}.eyebrow{color:#0f7173;font-size:.9rem;font-weight:800;margin:0}.lead{color:#43534d;font-size:1.1rem;line-height:1.75;margin:0;max-width:690px}.start-actions,.quiz-actions,.result-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-action,.icon-action{border:0;border-radius:8px;cursor:pointer;font-weight:800;justify-content:center;min-height:46px;padding:0 18px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-action{background:#0f8b8d;box-shadow:0 14px 30px #0f8b8d38;color:#fff}.icon-action{background:#fff;border:1px solid #d7e1dc;color:#14231f}.primary-action:hover,.icon-action:hover{transform:translateY(-1px)}.primary-action:disabled,.icon-action:disabled{cursor:not-allowed;opacity:.45;transform:none}.time-note,.boundary,.footer-note,.cta-line{color:#5d6c66;font-size:.92rem;line-height:1.7}.boundary{margin-top:28px;max-width:660px}.signal-board,.quiz-panel,.result-panel{background:rgba(255,255,255,.88);border:1px solid #dce5df;border-radius:8px;box-shadow:0 22px 60px #28393317}.signal-board{padding:18px}.signal-header{color:#10201c;font-weight:900;justify-content:space-between;margin-bottom:16px}.signal-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.signal-cell{background:#f8faf8;border:1px solid #e1e8e3;border-radius:8px;min-height:104px;padding:14px}.signal-cell strong,.signal-cell small{display:block}.signal-cell strong{margin-top:12px}.signal-cell small{color:#62706a;line-height:1.45;margin-top:5px}.swatch{border-radius:8px;display:inline-block;height:10px;width:10px}.quiz-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 92px;padding-top:24px}.quiz-panel{padding:24px}.progress-row,.bar-label{align-items:center;color:#52625c;display:flex;font-size:.92rem;font-weight:700;justify-content:space-between}.progress-track,.bar-track{background:#e7ede9;border-radius:8px;overflow:hidden}.progress-track{height:9px;margin:10px 0 24px}.progress-fill,.bar-fill{border-radius:8px;height:100%}.progress-fill{background:#0f8b8d}.dimension-chip{background:#f8faf8;border:1px solid;border-radius:8px;color:#293a35;font-size:.9rem;font-weight:800;padding:8px 10px}.quiz-panel h2{color:#10201c;font-size:2rem;letter-spacing:0;line-height:1.35;margin:22px 0 24px;max-width:840px}.scale-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.scale-option{background:#fff;border:1px solid #d7e1dc;border-radius:8px;color:#263833;cursor:pointer;min-height:92px;padding:10px 8px}.scale-option strong,.scale-option span{display:block}.scale-option strong{font-size:1.35rem}.scale-option span{color:#65756e;font-size:.84rem;line-height:1.3;margin-top:7px}.scale-option.selected{background:#eff8f7;border-color:#0f8b8d;box-shadow:inset 0 0 0 2px #0f8b8d33}.question-map{display:grid;gap:8px;grid-template-columns:repeat(2,42px)}.question-dot{align-items:center;background:#fff;border:1px solid #d7e1dc;border-radius:8px;color:#52625c;cursor:pointer;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:42px}.question-dot.active{box-shadow:inset 0 0 0 2px #13231f;color:#13231f}.question-dot.done{background:#eef8f2;color:#0f6b4b}.result-layout{padding:24px 0 42px}.result-hero{align-items:center;display:grid;gap:28px;grid-template-columns:280px minmax(0,1fr);margin-bottom:22px}.meter{align-items:center;display:flex;justify-content:center}.meter-ring{align-items:center;border-radius:50%;display:flex;height:230px;justify-content:center;width:230px}.meter-core{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;height:168px;justify-content:center;width:168px}.meter-core strong{color:#10201c;font-size:3.8rem;line-height:1}.meter-core span{color:#52625c;font-weight:800}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.result-tag{background:#fff;border:1px solid #d8e2dd;border-radius:8px;color:#263833;font-size:.88rem;font-weight:800;padding:8px 10px}.result-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.result-panel{min-height:258px;padding:20px}.result-panel h2{color:#10201c;font-size:1.15rem;letter-spacing:0;margin:0 0 16px}.bar-list{display:grid;gap:13px}.bar-track{height:10px;margin-top:7px}.clean-list{color:#43534d;display:grid;gap:10px;line-height:1.65;margin:0;padding-left:19px}.action-panel p{color:#43534d;line-height:1.7;margin:0}.cta-line{background:#f8faf8;border:1px solid #dde6e1;border-radius:8px;font-weight:800;margin-top:16px;padding:10px 12px}.toast{background:#13231f;border-radius:8px;bottom:20px;color:#fff;font-weight:800;left:50%;padding:12px 16px;position:fixed;transform:translate(-50%);z-index:10}.footer-note{margin:22px auto 0;max-width:820px;text-align:center}@media (max-width: 820px){.app{padding:14px}.topbar{padding-bottom:12px}.start-layout,.quiz-layout,.result-hero,.result-grid{grid-template-columns:1fr}.start-layout{align-items:start;min-height:auto;padding:18px 0 34px}.intro h1,.result-copy h1{font-size:2.45rem;line-height:1.12}.lead{font-size:1rem}.signal-grid{grid-template-columns:1fr}.quiz-layout{padding-top:10px}.quiz-panel{padding:18px}.quiz-panel h2{font-size:1.45rem}.scale-grid{grid-template-columns:1fr}.scale-option{align-items:center;display:flex;justify-content:space-between;min-height:56px;text-align:left}.scale-option span{font-size:.92rem;margin-top:0}.question-map{grid-template-columns:repeat(6,1fr)}.question-dot{width:100%}.result-hero{justify-items:start}.meter-ring{height:190px;width:190px}.meter-core{height:136px;width:136px}.meter-core strong{font-size:3.1rem}.result-panel{min-height:0}}@media (max-width: 420px){.brand span{max-width:150px}.safety-label{font-size:.72rem;padding:6px 8px}.intro h1,.result-copy h1{font-size:2.05rem}.primary-action,.icon-action{width:100%}.start-actions,.quiz-actions,.result-actions{align-items:stretch}}