@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#203c35;background:#f5f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dc823a;outline-offset:4px}header{max-width:1280px;margin:auto;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid #dde4db}.brand{display:flex;gap:10px;align-items:center;color:#204e44;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.brandmark{font-size:38px}.class{font-size:14px;color:#617169}.profile{border:1px solid #cbd7cf;border-radius:30px;padding:12px 20px;background:white;color:#274f43;font-weight:600}main{max-width:1184px;margin:auto;padding:0 32px}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 40px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;color:#62766c}h1,h2,strong{font-family:'Manrope',sans-serif}h1{font-size:52px;letter-spacing:-2px;line-height:1.12;margin:16px 0}h2{font-size:22px;letter-spacing:-.6px;margin:0}p{line-height:1.6}.intro p:last-child{color:#627168;font-size:18px;margin-bottom:0}.range{background:#204e44;color:#e8f2ce;border-radius:100px 100px 24px 24px;width:185px;text-align:center;padding:25px 18px 18px;transform:rotate(5deg);margin-right:45px}.range strong{display:block;font-size:58px;letter-spacing:-3px}.range span{font-size:14px}.range div{border-top:1px solid #ffffff33;margin-top:17px;padding-top:9px;font-size:26px}.layout{display:grid;grid-template-columns:1.8fr 1fr;gap:34px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.sectionhead>span{font-size:13px;color:#63756c}.topics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.topic{border:1px solid #d8e3d5;border-radius:20px;padding:24px;text-align:left;min-height:197px;position:relative;color:#234335;transition:transform .18s,box-shadow .18s}.topic:hover{transform:translateY(-4px);box-shadow:0 8px 18px #193d3710}.plus{background:#e8efce}.minus{background:#e3edf9;color:#2c4c73;border-color:#d0def0}.times{background:#f7e6d7;color:#7c4c2b;border-color:#efd8c3}.mixed{background:#eae4f4;color:#62517d;border-color:#dfd5ed}.symbol{display:block;width:49px;height:49px;background:#ffffff88;border:1px solid #ffffffbb;border-radius:13px;text-align:center;font-size:36px;line-height:44px;margin-bottom:23px}.topic strong{font-size:20px;display:block}.topic small{font-size:14px;display:block;margin-top:7px}.go{position:absolute;right:24px;top:28px;font-size:24px}.hint{font-size:14px;color:#68766c;margin:18px 0}aside{background:white;border:1px solid #dde4db;border-radius:22px;padding:28px;align-self:start}aside h2{margin:9px 0 24px}.stats{display:flex;gap:30px;padding-bottom:25px;border-bottom:1px solid #e7ece6}.stats strong{display:block;font-size:33px}.stats span{display:block;font-size:13px;color:#65796e}.empty{font-size:15px;color:#63746b;padding:12px 0}.historyrow{padding:14px 0;border-bottom:1px solid #edf0ec;font-size:14px;display:flex;justify-content:space-between;gap:8px}.historyrow small{display:block;color:#68766c;margin-top:4px}.textbutton{background:none;border:0;color:#345e4a;padding:12px 0;min-height:44px;font-weight:600}.storage{font-size:12px;color:#728078;line-height:1.5;margin-bottom:0}footer{display:flex;justify-content:space-between;border-top:1px solid #dde4db;padding:23px 0;margin-top:30px;color:#6d7b71;font-size:13px}dialog{border:0;border-radius:26px;padding:32px;width:min(540px,calc(100% - 32px));max-height:92dvh;color:#203c35;box-shadow:0 25px 100px #10322933}dialog::backdrop{background:#122f2bcc;backdrop-filter:blur(5px)}dialog h2{font-size:30px}label{display:block;font-size:15px;margin:18px 0 8px}input{width:100%;padding:14px;border:2px solid #c9d8cc;border-radius:12px;font-size:20px;color:#203c35}.primary{display:block;width:100%;padding:16px;margin-top:18px;background:#204e44;color:white;border:0;border-radius:12px;font-weight:700;min-height:52px}.primary:disabled{opacity:.6}.profilechoice{padding:12px 18px;background:#e8efce;border:0;border-radius:20px;margin:5px}.exercisehead{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:14px}#counter{font-size:14px;color:#64746b;margin-bottom:8px}progress{width:100%;height:9px;accent-color:#4d7960}#question{font-size:clamp(38px,8vw,62px);text-align:center;margin:32px 0 20px}#answer{text-align:center;font-size:30px}#feedback{padding:20px 0 0;min-height:48px;font-weight:600}#result{text-align:center;padding-top:24px}#result .score{font-size:64px;margin:20px 0;color:#204e44}#result ul{text-align:left;line-height:1.8;padding-left:24px}#profileError{color:#a32c26}[hidden]{display:none!important}@media(max-width:900px){header{padding:0 24px}.layout{grid-template-columns:1fr}.range{margin-right:20px}.intro{padding:30px 0}aside{margin-top:6px}.stats{justify-content:flex-start}h1{font-size:44px}}@media(max-width:540px){header{height:82px;padding:0 18px}.class{display:none}.brand{font-size:22px}main{padding:0 18px}.range{width:106px;margin:0;padding:18px 8px 12px}.range strong{font-size:38px}.range span{font-size:12px}.range div{font-size:19px}.intro{gap:16px}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:32px;letter-spacing:-1px}.intro p:last-child{font-size:16px}.sectionhead{align-items:start;gap:14px}.sectionhead>span{font-size:12px;text-align:right}.topic{padding:18px;min-height:188px}.topic strong{font-size:18px}.topic small{line-height:1.4}.go{right:16px;top:20px}.topics{gap:12px}footer{display:block;line-height:2}footer span{display:block}dialog{padding:24px}}

.gaps{background:#d8eee6;border-color:#bddbce;grid-column:1/-1;min-height:150px}.gaps .symbol{float:left;margin:0 20px 0 0}.gaps small{font-size:16px}.gaps>span:nth-child(2){display:block;padding-right:25px}#question{overflow-wrap:anywhere}