@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:light;--ink:#173b4a;--muted:#617984;--paper:#f3f7f9;--line:#dfE8ec;--mint:#16aa89;--blue:#4275dd;--heading:'Manrope',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:var(--body);font-size:16px;color:var(--ink);line-height:1.5}button,select,input{font:inherit}button,select,summary{cursor:pointer}button{color:inherit}button:disabled,select:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #437add;outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading)}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1376px)/2))}.brand{display:flex;align-items:center;text-decoration:none;font-family:var(--heading);font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:500}.brand svg{width:36px;height:36px;margin-right:12px;background:var(--ink);border-radius:10px;padding:5px;stroke:#65ebc6;stroke-width:2.3;fill:none}.topright{display:flex;align-items:center;gap:32px}.tag{font-size:12px;letter-spacing:1.6px;color:var(--muted);font-weight:600}.text-button{border:0;background:transparent;font-size:14px;font-weight:600;padding:10px 0}.text-button span{margin-left:9px}main{max-width:1440px;padding:34px 32px 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;margin-bottom:8px;color:var(--muted)}h1{font-size:clamp(26px,2.4vw,35px);letter-spacing:-1.3px;line-height:1.3;font-weight:750}.lede{color:var(--muted);margin-top:10px}.educational{display:flex;gap:12px;align-items:center;border-left:2px solid #9cd6c8;padding:9px 0 9px 20px;font-size:14px;flex-shrink:0}.educational strong,.educational span:not(.info-icon){display:block}.educational strong{font-weight:600}.educational div>span{color:var(--muted);margin-top:4px}.info-icon{border:1px solid #78939e;border-radius:100%;width:19px;height:19px;font-size:13px;text-align:center;line-height:17px}.workspace{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px 27px;box-shadow:0 3px 12px #173b4a03}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}h2{font-size:20px;letter-spacing:-.5px;font-weight:750}.step-icon{background:#eaf7f3;border-radius:12px;width:42px;height:42px;text-align:center;font-size:28px;color:#258e76}.field-label{display:block;font-size:14px;font-weight:550;margin-bottom:8px}select{width:100%;background:#fff;border:1px solid #cddce2;border-radius:9px;padding:11px 12px;color:var(--ink);font-size:14px}.profile-meta{display:flex;justify-content:space-between;align-items:center;margin:16px 0 24px;color:var(--muted);font-size:13px}.small-tag{background:#edf4f7;padding:3px 9px;border-radius:5px}.small-tag.changed{background:#e7f5ee;color:#16735a}.control{margin:0 0 25px}.control-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.control-head label{font-weight:600;font-size:15px}.number-wrap{display:flex;align-items:center;gap:5px}.number-wrap input{width:63px;border:1px solid var(--line);background:#f7fafb;text-align:right;border-radius:7px;padding:5px;font-weight:600;color:var(--ink);font-size:15px;appearance:textfield}.number-wrap input::-webkit-inner-spin-button{appearance:none}.unit{font-size:12px;color:var(--muted)}input[type=range]{width:100%;accent-color:#168f7c;height:20px;margin:4px 0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#80929a}.other-inputs{border-top:1px solid var(--line);padding-top:18px;margin-top:6px}.other-inputs summary{font-size:14px;font-weight:550;display:flex;justify-content:space-between;align-items:center;list-style:none}.other-inputs summary:before{content:'+';margin-right:9px;font-size:19px;color:#708792}.other-inputs[open] summary:before{content:'−'}.other-inputs summary span{margin-left:auto;border:1px solid var(--line);padding:1px 7px;border-radius:5px;font-size:12px}.other-inputs .hint{margin:14px 0 20px}.other-inputs .control{margin-bottom:17px}.reset-button{width:100%;border:1px solid #cddce2;border-radius:9px;background:#fff;padding:10px 12px;font-weight:550;font-size:14px;margin-top:23px}.reset-button:hover{background:#f0f6f7}.reset-button span{font-size:20px;vertical-align:middle;margin-right:6px}.privacy-note{text-align:center;font-size:12px;color:#6a838e;margin-top:13px}.results{display:grid;grid-template-columns:1fr;gap:20px}.score-panel{background:linear-gradient(115deg,#123e4d,#082a39);border-radius:18px;color:#fff;padding:25px 30px 20px;position:relative;overflow:hidden}.score-top{display:flex;justify-content:space-between;align-items:center}.score-top .eyebrow{color:#a0c7cf}.score-chip{font-size:11px;letter-spacing:1.4px;border:1px solid #56828f;border-radius:5px;padding:5px 9px;color:#c1e2e9}.score-body{display:flex;align-items:center;justify-content:space-between;padding-top:6px}.big-score{display:flex;align-items:baseline;gap:8px;font-family:var(--heading);line-height:1.2;font-weight:600;font-size:66px;letter-spacing:-3px;font-variant-numeric:tabular-nums;color:#80efd3}.percent{font-size:28px;font-weight:400;letter-spacing:0;color:#d1e8e7}.score-caption{font-size:14px;color:#c6dbe2;margin-top:1px}.baseline{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#bbd0d8;padding:0 0 0 24px;border-left:1px solid #446572}.baseline strong{font-size:24px;color:#fff;font-weight:500;font-variant-numeric:tabular-nums}.baseline span:last-child{font-size:12px}.score-track{height:5px;background:#395967;border-radius:20px;margin-top:23px;position:relative}.score-track>div{height:100%;background:#74e7c7;border-radius:20px;transition:width .16s}.score-track>span{position:absolute;width:2px;height:11px;top:-3px;background:#fff}.scale-labels{display:flex;justify-content:space-between;font-size:11px;margin-top:5px;color:#a9c4cf}.score-note{font-size:12px;color:#bcd4dc;margin-top:11px}.contributions .section-heading{margin-bottom:8px}.units{font-size:12px;color:var(--muted)}.legend{display:flex;justify-content:flex-end;gap:20px;font-size:12px;color:var(--muted);margin-bottom:12px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:2px}.mint{background:var(--mint)}.blue{background:var(--blue)}.contribution-row{display:grid;grid-template-columns:80px 1fr 55px;gap:13px;align-items:center;padding:9px 0;font-size:14px}.bar-area{height:20px;position:relative;background:linear-gradient(90deg,#f1f9f7 0 50%,#f3f6fc 50%);border-radius:4px}.bar-area:after{content:'';position:absolute;left:50%;height:28px;top:-4px;width:1px;background:#bdcdd6}.bar{position:absolute;height:12px;top:4px;border-radius:2px;transition:left .16s,width .16s}.bar.negative{background:var(--mint)}.bar.positive{background:var(--blue)}.contribution-value{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.contribution-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;margin-top:15px;padding-top:13px;font-size:12px;color:var(--muted)}.contribution-bottom strong{color:var(--ink);font-size:14px;margin-left:8px}.hint{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}.curve-panel select{width:auto;min-width:105px}.curve-key{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:6px}.curve-key span:first-child{display:flex;align-items:center;gap:8px}.curve-key i{width:17px;height:2px;background:#289e8b}#curve{width:100%;height:auto;display:block;overflow:visible}#curve text{font-family:var(--body);font-size:12px;fill:#6b8491}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#75909c;padding:26px 2px}footer b{font-weight:400;margin:0 8px}dialog{width:min(600px,calc(100% - 32px));max-height:85vh;border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink);box-shadow:0 30px 100px #082a3930}dialog::backdrop{background:#0b283b70;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading button{background:#f0f5f6;border:0;border-radius:50%;font-size:25px;width:36px;height:36px}dialog h2{font-size:26px;margin-bottom:18px}dialog p{font-size:15px;color:var(--muted);margin-top:12px}dialog h3{font-size:17px;margin-top:24px}dialog code{font-size:13px;white-space:normal;color:var(--ink)}.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}.mobile-only{display:none}#load-error{padding:25px;background:#fff1e9;border-radius:12px;margin-bottom:20px}[hidden]{display:none!important}
@media(min-width:1300px){.results{grid-template-columns:1.05fr 1fr}.score-panel,.contributions{min-height:306px}.score-panel{display:flex;flex-direction:column}.score-body{flex:1}.score-note{max-width:370px}.curve-panel{grid-column:1/-1}.curve-panel #curve{max-height:210px}.big-score{font-size:62px}.baseline{padding-left:14px}.contributions{padding:25px 24px}.contributions h2{font-size:18px}.contributions .units{display:none}.contribution-row{grid-template-columns:64px 1fr 45px}.contribution-bottom{flex-direction:column;gap:3px}.contributions .hint{font-size:12px}.contributions .section-heading{margin-bottom:14px}.workspace{grid-template-columns:345px 1fr}}
@media(max-width:1000px){.educational{display:none}.workspace{grid-template-columns:310px 1fr;gap:18px}.panel{padding:22px}.units{display:none}.topright{gap:20px}.tag{display:none}h2{font-size:18px}.contribution-bottom{flex-direction:column;gap:4px}}
@media(max-width:700px){.topbar{height:72px;padding:0 20px}.brand{font-size:23px}.brand svg{width:32px;height:32px;margin-right:8px}main{padding:25px 18px 0}.intro{margin-bottom:24px}.mobile-only{display:block}h1{font-size:29px;letter-spacing:-.9px}.lede{font-size:15px;max-width:300px}.workspace{grid-template-columns:1fr}.profile{padding:23px}.results{gap:18px}.score-panel{padding:24px}.big-score{font-size:64px}.contributions,.curve-panel{padding:23px}.curve-panel .section-heading{align-items:start}.curve-panel select{min-width:90px;padding:8px}.curve-key{font-size:11px}.contribution-bottom{flex-direction:row}.curve-panel h2{font-size:17px}.curve-panel .hint{font-size:12px}footer{flex-direction:column;gap:5px;padding:25px 4px}.other-inputs{margin-top:4px}.profile .control{margin-bottom:22px}.reset-button{margin-top:18px}.topright .text-button{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.contribution-row{grid-template-columns:100px 1fr 55px;padding:7px 0}.score-panel{min-width:0}.curve-panel select{max-width:160px}.evaluation{background:#eff7f5;border:1px solid #d6e8e2;border-radius:12px;padding:16px;margin-top:16px;font-size:14px}.evaluation dl{margin:12px 0 0}.evaluation dl div{display:flex;justify-content:space-between;gap:12px;margin:7px 0}.evaluation dd{margin:0;font-weight:700}.evaluation p{font-size:13px}@media(min-width:1300px){.contributions{min-height:390px}.score-panel{min-height:390px}.contribution-row{grid-template-columns:94px 1fr 43px;gap:9px}}@media(max-width:700px){.contribution-row{grid-template-columns:92px 1fr 45px;gap:8px}.curve-panel select{max-width:105px}.curve-key{font-size:12px;flex-wrap:wrap}}