:root{--ink:#183f37;--muted:#65766c;--paper:#f7f7ef;--lime:#ddf090;--line:#dce2d4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #dd873f;outline-offset:4px}header{max-width:1280px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}#brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:24px;font-weight:800;line-height:1.2}.mark{background:var(--ink);color:var(--lime);width:49px;height:49px;border-radius:15px;display:grid;place-items:center;direction:ltr;font-size:31px}#brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:8px}nav button{border:0;background:none;color:var(--ink);padding:11px 14px;border-radius:25px;font-size:14px}nav button:hover{background:#e8eddd}main{max-width:1160px;margin:auto;padding:48px 30px 85px;min-height:75vh}p{line-height:1.85}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}h1{font-size:clamp(40px,5vw,64px);line-height:1.17;letter-spacing:-2px;margin:20px 0}.hero em{font-style:normal;background:linear-gradient(transparent 64%,var(--lime) 64%)}.hero p{max-width:480px;font-size:17px;color:var(--muted)}.primary,.secondary{border:1px solid var(--ink);padding:13px 24px;border-radius:12px;font-weight:bold;color:var(--ink);background:transparent}.primary{background:var(--ink);color:white}.primary:hover{background:#2e5b46}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.tiny,.fine{font-size:12px;color:var(--muted)}.stats{display:flex;gap:25px;margin-top:27px;font-size:13px;color:var(--muted)}.stats strong{color:var(--ink)}.scene{height:340px;background:#e9eddf;border-radius:130px 130px 28px 28px;position:relative;display:grid;place-items:center;overflow:hidden}.scene:before{content:'';width:255px;height:255px;background:#dce8c2;border-radius:50%;position:absolute;top:30px}.bigdoor{position:relative;background:#e4f2ae;width:150px;height:235px;border:12px solid #c5a16f;border-bottom:0;border-radius:85px 85px 0 0;margin-top:65px;box-shadow:20px 15px 0 #d1dbc0;transform:rotate(-6deg);display:grid;place-items:center;font-size:43px;font-weight:bold;color:#315744;direction:ltr}.bigdoor:after{content:'';width:12px;height:12px;background:#a17c40;border-radius:50%;position:absolute;left:12px;bottom:80px}.float{position:absolute;background:white;border-radius:14px;padding:13px 18px;font-weight:bold;box-shadow:0 7px 22px #244f4210;direction:ltr}.f1{top:34px;right:28px;transform:rotate(10deg)}.f2{left:18px;top:100px;background:#efb186;transform:rotate(-8deg)}.f3{right:20px;bottom:28px;background:var(--lime);transform:rotate(5deg)}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:50px 0 24px}.sectiontop h2{margin:0;font-size:27px}.sectiontop p{color:var(--muted);font-size:14px;margin:8px 0 0}.keycount{border:1px solid var(--line);padding:12px 17px;border-radius:28px;font-weight:bold;white-space:nowrap}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.doorcard{background:white;border:1px solid var(--line);border-radius:21px;padding:22px;position:relative}.doorart{background:var(--tint);height:150px;display:grid;place-items:center;border-radius:12px;margin-bottom:20px}.door{width:76px;height:118px;border:6px solid #ffffff88;border-bottom:0;border-radius:44px 44px 0 0;background:var(--color);box-shadow:8px 5px 0 #0000000d;position:relative;display:grid;place-items:center;font-size:33px}.door:after{content:'';width:7px;height:7px;background:#fff3b0;position:absolute;left:8px;top:68px;border-radius:50%}.tag{position:absolute;top:32px;right:32px;background:white;font-size:11px;padding:5px 10px;border-radius:20px}.number{font-size:11px;letter-spacing:1px;color:var(--muted)}h3{font-size:22px;margin:9px 0}.doorcard p{font-size:14px;color:var(--muted);margin:6px 0 18px}.doorcard button{width:100%;padding:11px}.roadmap{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.roadmap span{border:1px dashed #c3cebb;padding:10px 16px;border-radius:25px;font-size:13px;color:var(--muted)}.note{background:#eaf0dd;border-radius:17px;padding:22px;display:flex;gap:17px;align-items:center}.note p{font-size:14px;margin:0}.note b{font-size:28px}.help{position:fixed;left:23px;bottom:20px;background:white;border:1px solid #cfd9c7;border-radius:35px;padding:10px 15px;box-shadow:0 5px 25px #173e3920;font-size:13px;font-weight:bold;z-index:5;color:var(--ink)}.help b{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--lime);border-radius:50%;margin-left:6px;font-size:19px}dialog{max-width:450px;width:calc(100% - 35px);border:0;border-radius:25px;padding:35px;color:var(--ink);box-shadow:0 20px 100px #0002}dialog::backdrop{background:#123c3966;backdrop-filter:blur(3px)}dialog .primary,dialog .secondary{width:100%;margin-top:9px}.close{position:absolute;left:15px;top:10px;background:none;border:0;font-size:27px}footer{max-width:1100px;margin:auto;padding:25px 30px 90px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.lesson{max-width:780px;margin:auto}.lessonnav{display:flex;justify-content:space-between;align-items:center}.link{background:none;border:0;padding:8px 0;color:var(--muted)}.progress{height:7px;background:#e1e8d7;border-radius:20px;margin:20px 0 30px;overflow:hidden}.progress i{display:block;height:100%;background:#79a378;transition:width .3s}.lessonhead{text-align:center}.lessonhead h1{font-size:32px;letter-spacing:-.5px;margin:10px 0}.lessonhead p{color:var(--muted)}.task{margin-top:25px;background:white;border:1px solid var(--line);border-radius:25px;padding:32px;text-align:center}.task h2{font-size:24px;line-height:1.5}.picture{font-size:65px;margin:18px 0}.english{font-family:Arial,sans-serif;direction:ltr;font-size:29px;font-weight:bold;line-height:1.6}.listen{border:1px solid var(--line);background:#f3f5ed;border-radius:25px;padding:10px 17px;margin:10px;color:var(--ink)}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.option{background:white;border:2px solid #e2e8dc;border-radius:14px;padding:17px;font-size:20px;min-height:65px;color:var(--ink)}.option:hover{border-color:#a7ba9b;background:#f7f9f2}.option.wrong{border-color:#dcae83;background:#fff6eb}.option.correct{border-color:#6e9b71;background:#edf7dd}.feedback{line-height:1.8;border-radius:15px;padding:17px;background:#f3f6e9;margin-top:20px}.feedback:empty{display:none}.feedback button{margin-top:12px}.vocab{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.vocab button{background:#fafbf5;border:1px solid var(--line);border-radius:17px;padding:20px;color:var(--ink)}.vocab .english{font-size:23px}.story{background:#eff4e3;border-radius:16px;padding:23px;text-align:left;direction:ltr;font-size:23px;line-height:1.9}.celebrate{font-size:75px}.educator h1{max-width:730px;font-size:43px;line-height:1.25}.intro{max-width:730px;font-size:18px;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:30px 0}.principles article{padding:25px;background:white;border:1px solid var(--line);border-radius:18px}.principles h3{margin-top:0}.principles p{font-size:14px;color:var(--muted)}.statusbox{background:#eaf0dd;border-radius:20px;padding:25px;margin-top:25px}.statusbox li{margin:10px 0;line-height:1.8}.reset{font-size:12px;color:var(--muted);border:0;background:none;text-decoration:underline;margin-top:20px}.soundnote{font-size:12px;color:var(--muted);min-height:18px}@media(max-width:700px){header{padding:17px 20px;align-items:start}#brand{font-size:18px;gap:9px}.mark{width:40px;height:40px;font-size:26px}nav{max-width:155px;flex-wrap:wrap;justify-content:end;gap:0}nav button{font-size:11px;padding:7px}main{padding:30px 20px 70px}.hero{grid-template-columns:1fr;gap:25px}.hero h1{font-size:43px}.hero p{font-size:16px}.scene{height:235px;border-radius:80px 80px 23px 23px}.bigdoor{height:180px;width:120px;margin-top:40px;font-size:32px}.float{font-size:13px}.f1{top:19px}.f2{top:60px}.doors{grid-template-columns:1fr}.doorcard{display:grid;grid-template-columns:95px 1fr;gap:0 18px;padding:18px}.doorart{grid-row:1/6;height:160px;margin:0}.tag{position:static;grid-column:2;justify-self:start;padding:0;background:none}.number{display:none}.doorcard h3{font-size:20px}.doorcard p{font-size:13px}.doorcard button{grid-column:2}.door{width:65px;height:105px;font-size:27px}.sectiontop{margin-top:35px}.sectiontop h2{font-size:23px}.keycount{font-size:12px;padding:10px}.stats{gap:15px}.task{padding:23px 17px}.task h2{font-size:21px}.option{font-size:18px;padding:13px}.principles{grid-template-columns:1fr}.educator h1{font-size:32px}footer{flex-direction:column}.help{left:15px;bottom:15px}.story{font-size:20px}.vocab button{padding:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Liraz’s illustrated guide */
.help{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 17px}.avatar-bubble{display:block;width:49px;height:49px;border-radius:50%;background:#eaf0dd;overflow:hidden;flex-shrink:0}.avatar-bubble img{width:57px;height:69px;max-width:none;object-fit:cover;object-position:top;display:block;transform:translate(3px,0)}.helper-avatar{display:block;width:155px;height:185px;object-fit:contain;margin:-12px auto 12px}#helper{text-align:center;max-height:calc(100dvh - 35px);overflow-y:auto}#helper h2{margin:12px 0}#helper p{margin:12px 0}#helper[open] .helper-avatar{animation:guide-hello .35s ease-out}@keyframes guide-hello{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.helper-avatar{width:125px;height:150px}#helper{padding:26px}.help{font-size:12px}.avatar-bubble{width:44px;height:44px}.avatar-bubble img{width:52px;height:63px}}

.audio-check{margin-top:18px}.audio-check .listen{margin:0 0 8px;font-size:14px}.audio-check details{font-size:12px;color:var(--muted);max-width:470px;line-height:1.7}.audio-check summary{cursor:pointer}.audio-check p{font-size:13px;margin:8px 0}.soundnote{line-height:1.65}body{background:#f8f5ff;color:#283665}header{background:#fff5c9;border-bottom:4px solid #ffc85f}h1,h2,h3{color:#273b76}.hero{background:linear-gradient(135deg,#e9dcff,#d9f8f3);border-radius:32px;padding:28px}.doorcard{border:3px solid #fff;border-radius:28px;box-shadow:0 12px 24px #52428224}.doorcard:nth-child(1){background:#ffdfed}.doorcard:nth-child(2){background:#dcf8e8}.doorcard:nth-child(3){background:#eee4ff}.door{background:#ffca57!important;border-radius:50% 50% 12px 12px!important}.primary{background:#ee4d87!important;color:white!important;border-radius:18px;box-shadow:0 5px 0 #bb3468}.secondary,.option,.vocab button{border-radius:18px!important}.option,.vocab button{background:#fff7d7!important;border:2px solid #ffcf71!important}.option.correct{background:#b7f5d2!important}.option.wrong{background:#ffdce4!important}.task{background:white;border:3px solid #e6d8ff;border-radius:30px;box-shadow:0 15px 35px #7c62b91c}.alphabet-banner{display:flex;align-items:center;gap:24px;background:linear-gradient(115deg,#ffe59e,#ffd2ed,#d5e7ff);padding:26px;border-radius:30px;margin:24px 0}.alphabet-banner h2{margin:5px 0}.alphabet-mascot{font-size:5rem;animation:bob 3s ease-in-out infinite}.letters button{display:flex;flex-direction:column;align-items:center;gap:8px}.video-link{display:inline-block;margin-top:22px;color:#5545b4;font-weight:bold}.confetti{position:fixed;top:-20px;left:var(--x);width:11px;height:15px;background:var(--c);z-index:999;pointer-events:none;animation:fall 1.5s var(--d) ease-in forwards}@keyframes fall{to{transform:translateY(105vh) rotate(600deg);opacity:0}}@keyframes bob{50%{transform:translateY(-10px) rotate(4deg)}}@media(max-width:600px){.alphabet-banner{padding:18px}.alphabet-mascot{font-size:3rem}}@media(prefers-reduced-motion:reduce){.alphabet-mascot{animation:none}}