*{box-sizing:border-box}html{color:#233b34;background:#f5f3ec;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:4px;outline:3px solid #bd7b35}.shell{max-width:740px;padding:0 24px;padding-bottom:env(safe-area-inset-bottom);margin:auto}.brand{border-bottom:1px solid #d8ddd3;justify-content:space-between;align-items:center;padding:24px 0;font-weight:650;display:flex}.brand a{align-items:center;gap:10px;display:flex}.brand-icon{color:#fff;background:#284d40;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.brand-sub,.edition{color:#67766e;font-size:12px;font-weight:400}.brand-sub{margin-left:4px}.hero{padding:44px 0 26px;position:relative}.eyebrow{letter-spacing:2px;color:#6b7d67;margin-bottom:20px;font-size:12px}h1{letter-spacing:-1.4px;margin:0 0 24px;font-size:clamp(34px,6.5vw,52px);font-weight:600;line-height:1.3}h1 em{color:#748e51;font-style:normal}h2{margin:12px 0 20px;font-size:23px;font-weight:600;line-height:1.5}.lead{color:#5c6a60;font-size:17px;line-height:1.8}.path-art{height:160px;margin:25px 0;position:relative;overflow:hidden}.orbit{border:1px solid #b8c5a6;border-radius:50%;width:250px;height:250px;position:absolute;top:55px;left:18%}.orbit.b{top:15px;left:32%}.orbit.c{top:-30px;left:47%}.dot{background:#899d61;border-radius:50%;width:14px;height:14px;position:absolute}.d1{top:126px;left:22%}.d2{top:36px;left:48%}.d3{background:#2f5341;top:12px;left:75%}.art-label{color:#738267;background:#f5f3ec;padding:4px;font-size:12px;position:absolute;bottom:5px;right:0}.facts{border-top:1px solid #d8ddd3;border-bottom:1px solid #d8ddd3;justify-content:space-between;gap:18px;margin:10px 0 26px;padding:20px 0;font-size:12px;display:flex}.facts b{color:#284d40;margin-right:4px;font-size:19px}.primary{color:#fff;background:#284d40;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:17px 20px;font-weight:600;display:flex}.small{color:#6c766d;font-size:12px;line-height:1.8}.card{background:#fffef9;border:1px solid #d9e0d4;border-radius:18px;margin:18px 0;padding:28px}p,li{line-height:1.8}.deliverables p{border-top:1px solid #e5e8df;flex-direction:column;margin-top:18px;padding-top:18px;font-size:14px;display:flex}.deliverables span{color:#69756b;margin-top:5px;font-size:13px}.plain{color:#58695d;padding:22px 0;font-size:14px}.plain .primary{margin-top:24px}.focus{margin-top:32px}.smaller{font-size:32px}.text-button{color:#58765a;background:0 0;border:0;margin-bottom:20px;padding:12px 0}input:not([type=checkbox]):not([type=radio]){background:#fff;border:1px solid #b6c6b8;border-radius:8px;width:100%;min-height:54px;margin:9px 0;padding:14px;font-size:16px;display:block}form label{font-size:14px}.check{align-items:flex-start;gap:12px;margin:22px 0;line-height:1.8;display:flex}.check input{accent-color:#284d40;flex-shrink:0;width:22px;height:22px;margin-top:2px}.quiz{padding-top:35px}.quiz-top{justify-content:space-between;margin-bottom:14px;font-size:13px;display:flex}progress{accent-color:#718654;background:#dfe6d8;border:0;border-radius:9px;width:100%;height:7px;overflow:hidden}progress::-webkit-progress-bar{background:#dfe6d8}progress::-webkit-progress-value{background:#718654}progress::-moz-progress-bar{background:#718654}fieldset{border:0;margin:30px 0;padding:0}legend{width:100%;margin-bottom:24px;font-size:24px;font-weight:550;line-height:1.6}.choices{gap:12px;display:grid}.choice{cursor:pointer;background:#fffef9;border:1px solid #d4dccd;border-radius:10px;align-items:center;gap:14px;min-height:62px;padding:16px;display:flex;position:relative}.choice input{opacity:0;width:1px;height:1px;position:absolute}.choice:focus-within{outline:3px solid #bd7b35}.choice.selected{background:#ecf1e4;border:2px solid #52734d;padding:15px}.choice-number{color:#7f8a75;font-size:12px}.choice-check{margin-left:auto}.quiz-actions{gap:14px;margin-top:24px;display:flex}.quiz-actions .primary{flex:1}.secondary{background:0 0;border:1px solid #aabb9e;border-radius:10px;padding:14px 24px}.error{color:#7b3924;background:#fff0e8;border:1px solid #dcb09c;border-radius:10px;margin:20px 0;padding:18px;line-height:1.7}.result-hero{text-align:center;padding:40px 12px 20px}.type{letter-spacing:4px;color:#31553f;margin-bottom:0;font-size:82px}.stage{background:#e2e9d4;border-radius:100px;padding:9px 18px;font-size:14px;display:inline-block}.trait{border-bottom:1px solid #e3e6dd;gap:14px;padding-bottom:12px;display:flex}.trait b{color:#7a8f51;font-size:20px}.notice{background:#f3f0df;border-radius:8px;padding:14px;font-size:13px}.meter{margin:18px 0}.meter>div{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.accent{background:#e8eedc;border:0}li{margin:12px 0}ul{padding-left:20px}details{font-size:13px}summary{cursor:pointer;padding:12px 0;font-weight:600}footer{text-align:center;color:#879080;padding:35px 0;font-size:12px;line-height:1.9}.admin-list{gap:12px;display:grid}.admin-item{overflow-wrap:anywhere;background:#fff;border:1px solid #ddd;border-radius:10px;padding:14px}.admin-item .secondary{min-height:44px}.export{width:100%;min-height:180px;font-size:12px}@media (max-width:480px){.shell{padding:0 20px}.brand-sub{display:none}.brand{padding:20px 0}.hero{padding-top:32px}.card{padding:22px}.facts{gap:9px}.facts b{font-size:17px}.facts span{font-size:11px}.path-art{height:135px}legend{font-size:22px}.type{font-size:68px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.type-group{border:0;margin:24px 0;padding:0}.type-group legend{margin-bottom:12px;font-size:17px}.type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.type-grid button{min-height:48px;padding:14px 3px;font-size:14px}.type-grid .picked{color:#fff;background:#173f35;border-color:#173f35}.focus li{margin:14px 0}.focus details{margin:24px 0}