:root{--ink:#203b34;--green:#235849;--pale:#e6eee8;--paper:#f7f5ee;--line:#d9dfd6;--gold:#e5bf70}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.6}header{max-width:1180px;margin:auto;padding:24px 28px;display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:14px;font-weight:850;letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.logo{font-size:30px;line-height:1}.tag{font-size:11px;letter-spacing:1.6px;margin-left:auto}button,a{touch-action:manipulation}button{font:inherit;border:1px solid var(--line);background:white;color:var(--ink);padding:13px 20px;border-radius:12px;cursor:pointer;font-weight:650}button:hover{border-color:var(--green);background:#f0f4ee}button:focus-visible,a:focus-visible{outline:3px solid #c59034;outline-offset:4px}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#163e32}button.small{padding:8px 12px;font-size:13px}button:disabled{opacity:.5;cursor:default}main{max-width:1124px;margin:42px auto 80px;padding:0 20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;text-transform:uppercase;color:#64786c}h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,62px);line-height:1.12;font-weight:500;letter-spacing:-1.8px;margin:16px 0 20px}h2{font-size:25px;line-height:1.35}p{margin:12px 0}.muted{color:#617268}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;padding:20px 0 42px}.hero p{max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.castle{background:var(--pale);border:1px solid #d1dfd4;border-radius:100px 100px 24px 24px;min-height:275px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.castle svg{width:80%;max-height:240px}.castle-label{position:absolute;bottom:16px;font-size:11px;letter-spacing:2px}.bar{height:7px;background:#dce5dc;border-radius:8px;overflow:hidden}.bar i{height:100%;display:block;background:#598269}.strip{background:#fff;border:1px solid var(--line);padding:18px 22px;border-radius:14px;display:flex;gap:20px;align-items:center;margin-bottom:32px}.strip .bar{flex:1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 18px}.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.topic{text-align:left;padding:22px;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;border-radius:17px;position:relative}.topic .num{font-family:Georgia,serif;font-size:27px;color:#78917a}.topic strong{font-size:18px;line-height:1.25;margin:13px 0 8px}.topic small{font-size:13px;font-weight:400;color:#617268}.topic .status{margin-top:auto;padding-top:18px;font-size:11px;color:#53785e}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.panel h2{margin-top:0}.panel p{font-size:15px}.lesson{max-width:780px;margin:0 auto}.back{background:transparent;border:0;padding:8px 0;color:#617268;font-size:14px}.lesson h1{font-size:43px}.note{background:var(--pale);padding:24px;border-radius:15px;margin:24px 0}.example{font-size:22px;font-weight:600}.exercise{max-width:800px;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:10px 0 14px}.question{background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;margin-top:24px}.question h2{font-size:clamp(22px,3vw,29px);font-weight:650;margin:18px 0 25px}.inputs{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end}label{display:block;font-size:14px;font-weight:650}input{display:block;margin-top:7px;width:200px;max-width:100%;border:2px solid #bdcdbf;padding:13px;border-radius:10px;font:inherit;font-size:24px;color:var(--ink);background:#fbfcf9}input:focus{outline:2px solid var(--green)}.choices{display:grid;gap:10px}.choice{text-align:left;font-weight:500}.choice.selected{background:var(--pale);border:2px solid var(--green)}.feedback{padding:19px 22px;border-radius:12px;margin-top:22px;background:#edf3eb}.feedback.wrong{background:#fff2dc}.hint{padding:16px 20px;border-left:3px solid var(--gold);background:#faf5e7;margin-top:20px}.axis{width:100%;height:auto;margin:0 0 20px;overflow:visible}.review{padding:20px 0;border-bottom:1px solid var(--line)}.review h3{font-size:17px;margin:4px 0}.pill{background:#e8eee7;border-radius:30px;padding:5px 10px;font-size:12px;display:inline-block}footer{max-width:1124px;margin:0 auto;padding:25px 20px;border-top:1px solid var(--line);font-size:12px;color:#65756a;display:flex;justify-content:space-between}.summary-number{font:60px Georgia,serif}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}.tag{display:none}header .small{margin-left:auto}}@media(max-width:580px){header{padding:17px}.brand{font-size:11px;letter-spacing:1px}main{margin-top:25px;padding:0 16px}.hero{display:block;padding-top:0}.castle{display:none}.hero h1{font-size:42px}.grid{gap:10px}.topic{padding:17px;min-height:205px}.topic strong{font-size:17px}.bottom-grid{grid-template-columns:1fr}.strip{display:block}.strip .bar{margin:12px 0}.question{padding:22px 18px}.inputs input{width:135px}.actions button{flex:1}.question .actions{margin-bottom:0}.lesson h1{font-size:34px}footer{display:block}footer span{display:block}.section-head{align-items:flex-start}.section-head h2{font-size:21px}}
.help-dialog{width:min(820px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:22px;padding:28px;color:var(--ink);background:var(--paper)}.help-dialog::backdrop{background:#173e3566}.close-help{position:sticky;top:0;display:block;margin-left:auto;z-index:1;box-shadow:0 2px 10px #0001}.resume{margin-bottom:28px;border-color:#85a38b}.axis-wrap{overflow-x:auto;padding:8px 0}.axis-wrap .axis{min-width:570px;display:block}.plan-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.plan-strip span{padding:7px 12px;border-radius:8px;background:var(--pale);font-size:14px}.bank-progress{font-size:13px;color:#617268;margin-top:14px}.recommendation{border-left:4px solid #598269;padding:14px 20px;background:var(--pale);margin:20px 0}.question h2:focus{outline:none}input[aria-invalid=true]{border-color:#a36d29}.feedback:focus{outline:2px solid #598269;outline-offset:4px}@media(max-width:580px){.axis-wrap:after{content:'Przesuń oś palcem, aby zobaczyć wszystkie punkty →';font-size:12px;color:#617268}.help-dialog{padding:17px}.topic{min-height:225px}}

footer{gap:16px;align-items:center;flex-wrap:wrap}.reset-progress{color:#85513c;background:transparent}.reset-notice{padding:15px 20px;margin-bottom:20px;background:var(--pale);border-radius:12px}@media(max-width:580px){.reset-progress{display:block;margin-bottom:16px}}

footer .reset-progress{margin-left:auto}@media(max-width:580px){footer .reset-progress{margin-top:16px;margin-bottom:0}}

.choice{display:flex;align-items:center;gap:14px;min-height:58px}.choice-letter{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border:1px solid #bccdbf;border-radius:8px;font-weight:750;background:#f4f7f1}.choice.selected .choice-letter{background:var(--green);border-color:var(--green);color:white}.choice.selected{padding:12px 19px}