:root{--ink:#213835;--pine:#194f50;--mint:#e9f3ed;--orange:#da7749;--paper:#fffdf8;--line:#d9e4d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ed;color:var(--ink);font-family:Heebo,Arial,sans-serif;line-height:1.75}button,a,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d96f35;outline-offset:3px}header{background:var(--pine);color:#fff;padding:22px max(16px,calc((100% - 960px)/2));}h1{font-size:clamp(36px,7vw,68px);line-height:1.08;margin:12px 0 6px;letter-spacing:-2px}.brand p{margin:0 0 18px;color:#e4f5e8}.badge{background:#ffffff26;border:1px solid #ffffff66;border-radius:24px;padding:5px 14px;font-size:13px}.switch{display:flex;gap:8px;background:#ffffff20;padding:7px;border-radius:16px;width:max-content;max-width:100%}.switch button{min-height:48px;border:0;border-radius:12px;padding:8px 20px;background:transparent;color:#fff;font-weight:700}.switch button.active{background:#fff;color:var(--pine)}nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}nav button,nav a{border:1px solid #a4cfbf;background:transparent;color:#fff;text-decoration:none;border-radius:12px;padding:8px 14px;min-height:44px}main{max-width:960px;margin:0 auto;padding:22px 16px 70px;min-height:65vh}.intro{font-size:18px}.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.unit-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 5px 18px #163b2b0d}.unit-card{padding:24px;display:flex;flex-direction:column;gap:10px}.unit-card .emoji{font-size:40px}.unit-card h2{margin:0;line-height:1.3;color:var(--pine)}.unit-card p{margin:0;flex:1}.pill{color:var(--pine);background:var(--mint);border-radius:18px;padding:3px 10px;width:max-content;font-size:13px}.btn,.small-btn{background:var(--pine);color:#fff;border:0;border-radius:12px;padding:10px 18px;min-height:48px;font-weight:700}.btn:hover,.small-btn:hover{background:#2f7771}.small-btn{padding:7px 13px;min-height:42px}.outline{background:#fff;color:var(--pine);border:1px solid var(--pine)}.outline:hover{color:#fff}.back{background:none;border:0;color:var(--pine);font-weight:700;padding:6px 0}.unit-head{background:#fcebd8;border-radius:20px;padding:24px;margin-bottom:18px}.unit-head h2{font-size:clamp(27px,5vw,42px);margin:0;color:var(--pine)}.unit-head p{margin:6px 0}.panel{padding:24px;margin:16px 0}.panel h3{color:var(--pine);font-size:24px;margin:0 0 8px}.panel h4{margin:14px 0 5px}.sub{font-size:15px;color:#506760}.vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vocab{border:1px solid var(--line);border-radius:14px;background:#f4f8f3;padding:12px;min-height:132px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.vocab .pic{font-size:27px}.vocab b{font-size:19px;line-height:1.4}.vocab small{color:#52665e}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.reading{font-size:19px;line-height:2.15;white-space:pre-line;background:#faf7ef;padding:18px;border-radius:12px}.reading.pointed{font-size:23px;line-height:2.3}.question{border-top:1px solid var(--line);padding:15px 0}.question:first-of-type{border:0}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.choice{background:#fff;border:1px solid #8bac9f;color:var(--pine);border-radius:10px;padding:9px 15px;min-height:44px}.choice.correct{background:#d9efdf;border-color:#35825c}.choice.wrong{background:#fee5df;border-color:#cf624a}.feedback{font-weight:700;min-height:24px;margin-top:5px}.activity{background:#f3f8f4;border-radius:14px;padding:18px;margin:14px 0}.tokens{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.token{border:1px solid #738e7e;background:#fff;border-radius:10px;padding:7px 13px;min-height:44px}.token.selected{background:#d7ede0}.drop{border:2px dashed #71958a;min-height:55px;border-radius:10px;padding:7px;display:flex;flex-wrap:wrap;gap:6px}.rubric{display:grid;gap:8px}.rubric label{display:flex;align-items:center;gap:10px;background:#f4f7ee;padding:8px 12px;border-radius:10px}.rubric input{width:20px;height:20px}textarea{width:100%;min-height:125px;padding:14px;border:1px solid #96aea4;border-radius:12px;background:#fff;resize:vertical;direction:rtl}footer{background:#e6eee5;padding:25px 16px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center;font-size:14px}footer img{width:46px;height:46px;object-fit:contain}@media(max-width:600px){.unit-grid{grid-template-columns:1fr}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:17px}.reading{font-size:17px}.reading.pointed{font-size:20px}nav{gap:5px}nav button,nav a{font-size:14px;padding:8px 10px}}
.gl{display:none}body.gloss .gl{display:block}#toast{position:fixed;bottom:18px;right:16px;left:16px;margin:auto;max-width:460px;background:#213835;color:#fff;padding:12px 16px;border-radius:14px;opacity:0;transform:translateY(20px);transition:.25s;pointer-events:none;z-index:9;text-align:center}#toast.show{opacity:1;transform:none}.vocab{font:inherit;color:inherit;text-align:right;cursor:pointer}.vocab:hover{border-color:var(--pine)}.choice:disabled,.token:disabled{opacity:.85;cursor:default}[hidden]{display:none!important}
.rubric input{flex:none}.pointed-s{font-size:19px;line-height:2}