:root{--ink:#183f35;--muted:#70796c;--paper:#f6f6f0;--line:#e2e6db;--lime:#e3edb7;--soft:#edf1e5;--warm:#e7dcc7;--white:#fff;--error:#a34434;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Arial,"Noto Sans Arabic",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit}button{color:inherit}svg{display:block}.icon{width:20px;height:20px;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font:normal 46px/1.13 Georgia,serif;letter-spacing:-1.5px}h2{font:normal 31px/1.2 Georgia,serif;letter-spacing:-.6px}h3{font-size:17px;line-height:1.4}p{color:var(--muted)}.ar{font-family:"Noto Naskh Arabic","Amiri","Geeza Pro",serif;direction:rtl;unicode-bidi:isolate;font-size:30px;line-height:1.9;letter-spacing:0}.app{display:grid;grid-template-columns:224px 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--ink);color:#f4f7e9;padding:34px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;margin-bottom:58px}.brandmark{width:43px;height:43px;background:var(--lime);color:var(--ink);border-radius:14px;display:grid;place-items:center;font:32px/1.2 Georgia}.brandname{font:22px/1.05 Georgia}.brandname small{font:10px Arial;letter-spacing:3px;display:block;margin-top:5px;text-transform:uppercase}.sidebar .eyebrow{color:#a4b8a4;font-size:9px;margin:0 14px 12px}.nav{display:grid;gap:8px}.nav button{border:0;background:none;color:#c3d0bf;text-align:start;padding:13px 14px;display:flex;gap:13px;align-items:center;border-radius:10px;font-size:14px}.nav button.active{background:#315549;color:var(--lime)}.nav button:hover{background:#2a5044}.sidebarbottom{margin-top:auto}.sidebarbottom p{font-size:12px;color:#b4c3ae;margin:15px 0}.sidebarbottom a{font-size:12px;display:flex;gap:10px;text-decoration:none;padding:12px 0}.sidebarbottom .tiny{font-size:10px;color:#91a990}.shell{min-width:0}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 48px;gap:16px}.crumb{font-size:13px;color:var(--muted)}.topright{display:flex;align-items:center;gap:14px}.tag{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;border:1px solid #dce3d2;border-radius:30px;padding:6px 10px;color:#68735f;background:#fafbf6}.tag i{width:5px;height:5px;border-radius:50%;background:#7b9365}.langselect{border:1px solid var(--line);border-radius:9px;background:var(--white);padding:8px;max-width:140px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--warm);font-size:14px}.main{max-width:1240px;margin:auto;padding:42px 48px 40px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:#69795d;margin-bottom:12px}.intro p{margin-top:13px;max-width:600px}.subtle{font-size:12px;color:var(--muted)}.gridhome{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:22px}.hero{background:var(--lime);padding:30px;border-radius:var(--radius);min-height:315px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.hero h2{max-width:260px;font-size:34px;margin-top:8px;position:relative;z-index:1}.hero p{max-width:250px;margin:15px 0 24px;color:#546447;position:relative;z-index:1}.hero .btn{margin-top:auto;z-index:1}.heroart{position:absolute;right:-18px;bottom:2px;width:230px;height:240px;opacity:.96}.hero .eyebrow{position:relative;z-index:1}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:25px}.rhythm{display:flex;flex-direction:column}.rhythm h3{margin-bottom:9px}.rhythm p{font-size:13px}.segments{display:flex;background:var(--paper);border-radius:12px;padding:5px;gap:4px;margin:20px 0}.segments button{flex:1;border:0;background:none;border-radius:8px;padding:10px 5px;font-weight:600;font-size:14px}.segments button.on{background:var(--white);box-shadow:0 2px 5px #183f3510}.rhythm .daily{font:35px Georgia}.rhythm .daily small{font:12px Arial;color:var(--muted);margin-inline-start:7px}.rhythm .foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:600;min-height:44px;text-decoration:none}.btn:hover{background:#2d5b49}.btn.secondary{background:white;color:var(--ink);border-color:#d7dfce}.btn.secondary:hover{background:var(--soft)}.btn.ghost{background:none;color:var(--ink);border-color:transparent;padding:8px 4px}.btn.small{font-size:12px;padding:8px 12px;min-height:36px}.btn.warm{background:var(--lime);color:var(--ink);border-color:var(--lime)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 32px}.stat{padding:19px 22px;display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#ffffffa3}.stat .symbol{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--soft)}.stat strong{font:26px Georgia}.stat p{font-size:11px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.sectionhead h2{font-size:24px}.milestones{display:grid;grid-template-columns:1fr 1fr;gap:20px}.milestone{padding:25px;position:relative}.mnumber{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--soft);font:17px Georgia;margin-bottom:16px}.milestone h3{font-size:20px;font-family:Georgia;font-weight:normal}.milestone p{margin:8px 0 18px;font-size:13px}.bar{height:5px;background:#e9ede2;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:#84986b;border-radius:8px}.milestone .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:8px}.tiny{font-size:11px}.note{margin-top:24px;font-size:11px;color:#7e8677;display:flex;align-items:center;gap:8px}.source{font-size:10px;color:#829071}.journeycard{margin-bottom:24px;overflow:hidden;padding:0}.journeyhead{padding:24px 28px;background:var(--soft);display:flex;justify-content:space-between;gap:15px;align-items:center}.journeyhead h2{font-size:28px}.journeyhead p{margin-top:6px;font-size:13px}.lessons{display:grid;grid-template-columns:1fr 1fr}.lessonrow{padding:18px 24px;display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--line);background:white;text-align:start}.lessonrow:nth-child(odd){border-inline-end:1px solid var(--line)}.lessonrow:hover{background:#fafbf6}.lessonrow .num{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:12px}.lessonrow.done .num{background:var(--ink);color:var(--lime)}.lessonrow strong{font-size:13px}.lessonrow small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.lessonrow>.icon{margin-inline-start:auto;width:16px}.checkpointbar{padding:17px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.checkpointbar p{font-size:11px}.sessiontop{display:flex;align-items:center;gap:15px;margin-bottom:22px}.sessiontop .bar{flex:1}.sessiontop .tiny{white-space:nowrap}.sessionlayout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:23px;align-items:start}.session{min-height:445px;padding:32px}.stepname{display:flex;gap:8px;align-items:center;font-size:11px;color:#6e805d;margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}.session h2{font-size:28px;margin-bottom:20px}.model{background:var(--soft);border-radius:16px;padding:26px;text-align:center;margin:22px 0}.model .ar{font-size:43px}.model p{font-size:14px;margin-top:8px}.bodycopy{font-size:15px;line-height:1.8;color:#50614c}.buttonrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.options{display:grid;gap:11px;margin:23px 0}.option{border:1px solid var(--line);background:white;border-radius:12px;padding:15px 19px;text-align:start;display:flex;justify-content:space-between;align-items:center;min-height:58px}.option:hover{border-color:#889c71;background:#fbfcf6}.option.selected{border:2px solid var(--ink);background:var(--soft);padding:14px 18px}.option .ar{font-size:25px}.option.correct{border-color:#78915c;background:#f2f7e8}.feedback{padding:16px 18px;border-radius:12px;background:#eff5e5;margin-top:20px;font-size:13px}.feedback.error{background:#fbefe9;color:#873c2f}.feedback .ar{display:block;font-size:24px;color:var(--ink)}.coach h3{font-size:14px;margin:14px 0 10px}.coach p{font-size:12px;line-height:1.85}.coach .coachmark{height:33px;width:33px;display:grid;place-items:center;background:var(--lime);border-radius:10px}.coach .btn{margin-top:16px}.coach .source{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;line-height:1.8}.buildarea{min-height:100px;background:var(--soft);border:1px dashed #b8c4a8;border-radius:14px;padding:18px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;direction:rtl}.token{border:1px solid #d5ddcc;border-radius:10px;background:#fff;padding:4px 17px;min-height:50px;box-shadow:0 3px 0 #e2e6da}.token.ar{font-size:27px}.tokens{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;direction:rtl;margin:24px 0}.input{width:100%;border:1px solid #becdb3;border-radius:12px;background:#fdfef9;padding:15px 19px;color:var(--ink);margin-top:12px}.input.ar{font-size:27px}.input:focus{outline:2px solid #6b8a55}.keyrow{display:flex;flex-wrap:wrap;gap:5px;direction:rtl;margin-top:15px}.key{padding:5px 8px;min-width:34px;border:1px solid var(--line);border-radius:6px;background:white;font-family:serif;font-size:20px}.key:hover{background:var(--lime)}.listenbox{display:flex;align-items:center;gap:16px;background:var(--soft);padding:23px;border-radius:16px;margin:20px 0}.soundbutton{width:57px;height:57px;border-radius:50%;border:0;background:var(--ink);color:var(--lime);display:grid;place-items:center;flex-shrink:0}.waves{display:flex;gap:4px;align-items:center;height:43px}.waves i{width:4px;background:#9bac88;border-radius:5px}.voicemsg{font-size:12px;color:var(--muted);margin-top:12px}.speaking{background:var(--soft);padding:26px;border-radius:16px;text-align:center}.speaking .ar{font-size:34px}.speaking .btn{margin-top:16px}.speaking audio{width:100%;margin-top:20px}.recording{animation:pulse 1s infinite;background:#a94435!important;border-color:#a94435!important}@keyframes pulse{50%{opacity:.6}}.celebrate{width:68px;height:68px;background:var(--lime);border-radius:50%;display:grid;place-items:center;margin:8px auto 24px}.celebrate .icon{width:31px;height:31px}.summary{text-align:center}.summary .score{font:50px Georgia;margin:22px 0 6px}.summary p{margin-top:10px}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 25px;border-bottom:1px solid var(--line);padding-bottom:14px}.tabs button{border:0;background:none;border-radius:8px;padding:9px 16px;font-size:13px}.tabs button.on{background:var(--ink);color:white}.search{width:100%;border:1px solid var(--line);background:white;padding:13px 17px;border-radius:12px;margin-bottom:20px}.vocabgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wordcard{padding:21px}.wordcard .ar{font-size:32px}.wordcard p{font-size:13px}.wordcard .source{margin-top:10px}.wordtop{display:flex;align-items:center;justify-content:space-between}.wordtop button{border:0;background:var(--soft);border-radius:50%;padding:8px}.deck{max-width:620px;margin:0 auto;text-align:center}.deck .ar{font-size:49px;margin:25px 0}.deck .meaning{font:25px Georgia;margin:20px 0}.deck .btn{margin:7px}.labcontrols{display:flex;gap:15px;flex-wrap:wrap;margin:24px 0}.labcontrols label{font-size:12px;display:grid;gap:7px}.labcontrols select{padding:10px;border:1px solid var(--line);background:white;border-radius:8px}.lab .model .ar{font-size:40px}.progressgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.skillrow{padding:16px 0;border-bottom:1px solid var(--line)}.skillrow .row{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:8px}.skillrow .tiny{color:var(--muted);margin-top:6px}.history{display:grid;gap:13px;margin-top:15px}.history p{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.empty{padding:28px;text-align:center;background:var(--soft);border-radius:14px}.checkpoint{max-width:760px;margin:0 auto}.checkpoint .input{margin-top:20px}.reviewanswers{text-align:start;margin:24px 0}.reviewanswers>div{border-top:1px solid var(--line);padding:14px 0;font-size:12px}.reviewanswers .ar{font-size:24px}.toast{opacity:1!important;transform:translateY(0)!important}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);z-index:100;background:var(--ink);color:white;border-radius:10px;padding:12px 20px;font-size:13px;box-shadow:0 4px 25px #0002;opacity:0;pointer-events:none;transition:all .2s;max-width:90vw}.micro{font-size:10px}.hide{display:none!important}[dir=rtl] h1,[dir=rtl] h2{font-family:Arial,"Noto Naskh Arabic",sans-serif;letter-spacing:0;line-height:1.6}[dir=rtl] .heroart{right:auto;left:-18px}[dir=rtl] .hero h2{font-size:30px}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .nav{direction:rtl}.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}@media(min-width:1450px){.heroart{width:275px;height:260px}.hero h2{max-width:320px}}@media(max-width:1150px){.main{padding:32px 28px}.topbar{padding:0 28px}.app{grid-template-columns:190px 1fr}.sidebar{padding:30px 16px}.heroart{opacity:.35}.hero h2{max-width:100%}.hero p{max-width:90%}.sessionlayout{grid-template-columns:1fr}.coach{display:grid;grid-template-columns:1fr}.vocabgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.app{display:block}.sidebar{position:fixed;bottom:0;top:auto;height:72px;width:100%;padding:7px 12px;z-index:20;border-radius:18px 18px 0 0;box-shadow:0 -2px 20px #183f3514}.sidebar .brand,.sidebar .eyebrow,.sidebarbottom{display:none}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nav button{padding:5px;display:flex;flex-direction:column;gap:4px;font-size:10px}.nav button .icon{width:19px;height:19px}.topbar{height:70px;padding:0 22px}.crumb{font-size:12px}.avatar{display:none}.topright{gap:8px}.tag{font-size:8px;padding:5px 8px}.main{padding:28px 22px 106px}.intro{align-items:flex-start}h1{font-size:37px}.intro .btn{display:none}.gridhome{grid-template-columns:1fr}.hero{min-height:285px}.heroart{opacity:1;width:200px}.hero h2{max-width:240px}.hero p{max-width:220px}.rhythm{display:block}.rhythm .segments{margin:12px 0}.rhythm .foot{margin-top:15px}.stats{gap:8px;margin:18px 0 25px}.stat{padding:13px 10px;gap:8px;display:block}.stat .symbol{display:none}.stat strong{font-size:23px}.stat p{font-size:10px}.milestones{grid-template-columns:1fr}.lessons{grid-template-columns:1fr}.lessonrow:nth-child(odd){border-inline-end:0}.journeyhead{padding:22px}.journeyhead .tag{display:none}.checkpointbar{padding:16px 20px}.session{padding:24px 20px}.session h2{font-size:25px}.model .ar{font-size:35px}.sessiontop{gap:10px}.sessiontop .btn{font-size:11px}.progressgrid{grid-template-columns:1fr}.vocabgrid{gap:10px}.wordcard{padding:15px}.wordcard .ar{font-size:27px}.wordcard p{font-size:12px}.lab .model .ar{font-size:30px}#toast{bottom:88px}.source{line-height:1.7}}@media(max-width:420px){.heroart{width:145px;right:-15px;opacity:.55}.hero p{max-width:220px}.topbar .tag{display:none}.intro h1{font-size:34px}.vocabgrid{grid-template-columns:1fr}.checkpointbar{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.sidebar,.topbar,.btn{display:none}.app{display:block}.main{padding:20px;max-width:none}}

.mobilefooter{display:none}@media(max-width:800px){.mobilefooter{display:grid;gap:10px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.mobilefooter a{font-weight:600;color:var(--ink)}}

/* Version 2: a quiet home, visual vocabulary and one activity at a time. */
.welcome-lesson{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:38px;background:var(--lime);border-radius:24px;padding:40px;min-height:320px}.welcome-lesson h2{font-size:36px;max-width:420px}.welcome-lesson p{margin:16px 0 28px;max-width:370px;color:#506347}.welcome-pictures{display:flex;align-items:center;gap:10px;direction:rtl}.welcome-pictures>div{background:#fff;border-radius:16px;padding:10px;flex:1;min-width:0;text-align:center;box-shadow:0 5px 15px #183f3509}.welcome-pictures>div:nth-child(2){transform:translateY(-14px)}.welcome-pictures .wordphoto{height:112px;width:100%;object-fit:contain;border-radius:8px}.welcome-pictures .ar{font-size:24px}.homechoices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.homechoices button{display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;text-align:start}.homechoices span{flex:1}.homechoices strong{display:block;font-size:16px}.homechoices small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.homechoices button:hover,.modecard:hover{border-color:#9aaa87;background:#fcfdf7}.appfooter{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.appfooter a{text-decoration:none}.filterbar{margin-bottom:24px}.filterrow{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.filterrow label{display:grid;gap:7px;font-size:12px}.filterrow select,.filterrow input[type=number],.preferences select,.labcontrols select{min-height:42px;border:1px solid #d4dccb;background:white;border-radius:9px;padding:8px 12px;color:var(--ink)}.filterrow input[type=number]{width:110px}.filterrow .checklabel,.checklabel{display:flex;align-items:center;gap:8px;min-height:42px}.checklabel input{accent-color:var(--ink);width:17px;height:17px}.pictureword{overflow:hidden;padding:0}.photowrap{position:relative;height:180px;background:#f1f2ed;border-bottom:1px solid var(--line);padding:18px}.wordphoto{height:100%;width:100%;object-fit:contain;display:block}.wordplaceholder{height:100%;display:grid;place-items:center;background:var(--soft);color:#98a38e}.wordplaceholder .icon{width:48px;height:48px}.saveword{position:absolute;top:10px;inset-inline-end:10px;border:1px solid var(--line);background:#fffffff2;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#859375}.saveword.saved{color:var(--ink);background:var(--lime)}.saveword.saved svg{fill:#b6c771}.wordbody{padding:16px 20px}.wordbody p{font-size:13px;margin-bottom:8px;color:#53604d}.wordtop{gap:12px}.wordtop .ar{font-size:29px}.roundbtn{flex-shrink:0}.poolsettings{margin-bottom:26px;border:1px solid var(--line);border-radius:12px;padding:15px 18px;background:#fff;font-size:13px}.poolsettings summary,.preferences summary,.keyboard summary,.lesson-help summary{cursor:pointer}.poolsettings .filterbar{margin:18px 0 0}.modegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.modecard{display:flex;flex-direction:column;align-items:flex-start;text-align:start;border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff;min-height:225px}.modeicon{height:40px;width:40px;border-radius:12px;display:grid;place-items:center;background:var(--soft);margin-bottom:17px}.modecard strong{font-size:17px}.modecard p{font-size:13px;margin:9px 0 22px}.modebottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;color:#6b7c5a}.modebottom .icon{width:15px;height:15px}.beginner-session{max-width:780px;margin:0 auto;padding:32px}.activity-session h2{font-size:28px;margin-bottom:16px}.lesson-help{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.lesson-help p{margin:12px 0;line-height:1.9}.lesson-model{display:flex;align-items:center;gap:24px;padding:24px;background:var(--soft);border-radius:16px;margin:23px 0}.lesson-model img{width:140px;height:130px;background:white;border-radius:12px;padding:10px}.lesson-model>div{flex:1;text-align:center}.lesson-model .ar{font-size:38px}.lesson-model p{font-size:14px}.audio-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:var(--soft);padding:18px;border-radius:14px;margin:20px 0}.audio-controls .soundbutton{width:46px;height:46px}.audio-status{width:100%;text-align:center;font-size:11px;color:var(--muted);margin-top:4px}.quiz-picture,.flashpicture{max-width:260px;height:190px;margin:22px auto;border-radius:14px;background:#f4f5ef;padding:15px}.flashpicture.small{height:130px;max-width:180px}.pictureanswers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.pictureanswer{border:1px solid var(--line);background:white;border-radius:14px;padding:13px;min-width:0}.pictureanswer .wordphoto{height:125px;margin-bottom:10px}.pictureanswer span{display:inline-grid;place-items:center;border-radius:50%;background:var(--soft);width:23px;height:23px;font-size:11px}.pictureanswer.selected{border:2px solid var(--ink);padding:12px;background:#f3f7e8}.keyboard{margin-top:17px;font-size:12px;color:var(--muted)}.key{min-width:39px;min-height:42px;font-size:23px;color:var(--ink)}.key.bigkey{font:12px Arial;padding:10px 20px;min-width:100px}.answer-model{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #b1bf9d45}.answer-model small{color:var(--muted);font-size:11px}.matchgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.matchgrid>div{display:grid;gap:12px}.matchtile{min-height:74px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;font-size:15px}.matchtile .ar{font-size:27px}.matchtile.selected{border:2px solid var(--ink);background:var(--soft);padding:9px}.matchtile.matched{background:var(--lime);opacity:.55;border-color:#aebc89}.matchmessage{min-height:24px;font-size:13px}.recordarea{text-align:center;margin:20px 0}.recordarea audio{display:block;width:100%;max-width:440px;margin:20px auto}.recordarea p{margin-top:14px}.preferences{margin-top:24px;font-size:14px}.preferences-inner{display:grid;gap:16px;margin-top:24px;max-width:470px}.preferences-inner .segments{margin:0}.labcontrols{align-items:center}.labcontrols label{font-size:12px}.deck .audio-controls .btn{margin:0}.deck .audio-controls{margin:20px 0}.deck .flashpicture .wordphoto{height:100%}.activity-session .deck>.ar{display:block;margin:16px 0}.btn:focus-visible,.modecard:focus-visible,.option:focus-visible,.pictureanswer:focus-visible{outline:3px solid #899e6e;outline-offset:3px}
@media(max-width:1200px){.welcome-lesson{padding:30px;gap:24px}.welcome-lesson h2{font-size:31px}.welcome-pictures .wordphoto{height:90px}.welcome-pictures .ar{font-size:21px}.modegrid{grid-template-columns:1fr 1fr}.homechoices button{padding:20px}}
@media(max-width:800px){.nav{grid-template-columns:repeat(5,1fr)}.welcome-lesson{grid-template-columns:1fr;gap:30px;padding:28px}.welcome-lesson h2{font-size:31px}.welcome-pictures{max-width:390px;width:100%;margin:auto}.welcome-pictures .wordphoto{height:85px}.welcome-lesson p{margin:12px 0 22px}.homechoices{gap:12px}.homechoices button{padding:18px;align-items:flex-start}.homechoices button>.icon:first-child{display:none}.homechoices strong{font-size:14px}.homechoices small{font-size:11px}.beginner-session{padding:24px 20px}.appfooter{flex-direction:column;gap:10px;margin-top:34px}.pictureword{padding:0}.photowrap{height:160px;padding:14px}.wordbody{padding:13px 16px}.modecard{padding:21px;min-height:218px}.lesson-model{padding:17px;gap:14px}.lesson-model img{width:95px;height:95px}.lesson-model .ar{font-size:30px}.pictureanswers{gap:8px}.pictureanswer{padding:8px}.pictureanswer.selected{padding:7px}.pictureanswer .wordphoto{height:95px}.filterrow{gap:12px}.audio-controls{padding:14px 8px}.audio-controls .btn{padding:8px 10px}.answer-model{align-items:flex-start;flex-direction:column;gap:4px}.matchgrid{gap:12px}.matchtile{font-size:13px}.modecard p{font-size:12px}}
@media(max-width:420px){.main{padding:25px 18px 106px}.homechoices{grid-template-columns:1fr}.welcome-lesson{padding:25px}.welcome-pictures{gap:8px}.welcome-pictures>div{padding:8px}.vocabgrid{grid-template-columns:1fr 1fr}.photowrap{height:125px;padding:12px}.wordbody{padding:12px}.wordtop{gap:5px;flex-wrap:wrap}.wordtop .ar{font-size:25px}.wordtop button{padding:6px}.wordbody p{font-size:12px}.wordbody .source{font-size:9px}.modegrid{gap:10px}.modecard{padding:17px;min-height:232px}.modecard strong{font-size:15px}.modeicon{margin-bottom:14px}.filterrow select{max-width:180px}.filterrow input[type=number]{width:90px}.pictureanswer .wordphoto{height:75px}.pictureanswers{gap:6px}.matchtile .ar{font-size:23px}.lesson-model{flex-direction:column}.lesson-model img{width:130px;height:100px}.topbar{padding:0 18px}.beginner-session{padding:23px 18px}.audio-controls .btn{font-size:11px;padding:8px}.audio-controls .soundbutton{width:40px;height:40px}.key{min-width:36px}.intro h1{font-size:33px}.lesson-model .ar{font-size:34px}}
/* Full-book course: lesson-first navigation and small daily commitments. */
.habit-strip{display:flex;align-items:center;gap:24px;margin:-7px 0 23px;font-size:12px;color:var(--muted)}.habit-strip>span{display:flex;align-items:center;gap:7px}.habit-strip strong{color:var(--ink)}.habit-strip button{border:0;background:none;display:flex;align-items:center;gap:8px;color:var(--ink);margin-inline-start:auto;font-size:12px}.habit-strip .icon{width:16px;height:16px}.hero-example{padding:24px;background:#ffffff9c;border-radius:18px;text-align:center}.hero-example .ar{font-size:34px}.hero-example p{margin:12px 0 0;max-width:none}.daily-tasks{margin-top:32px}.daily-tasks .sectionhead{margin-bottom:14px}.daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.daily-task{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:start;padding:18px;min-height:98px}.daily-task>span:nth-child(2){flex:1}.daily-task strong{font-size:13px;display:block}.daily-task small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.task-check{width:30px;height:30px;display:grid;place-items:center;background:var(--soft);border-radius:50%;flex-shrink:0}.task-check .icon{width:15px}.daily-task>.icon{width:15px}.daily-task.task-done{background:#f2f6e6;border-color:#c7d4b3}.task-done .task-check{background:var(--ink);color:var(--lime)}.daily-note{margin-top:12px;font-size:11px}.course-overview{display:flex;align-items:center;gap:13px;margin-bottom:25px;font-size:13px}.course-overview strong{font:28px Georgia;white-space:nowrap}.course-overview>span{color:var(--muted)}.course-overview .bar{flex:1;min-width:80px}.course-section{padding:0;margin-bottom:16px;overflow:hidden}.course-section>summary{display:flex;justify-content:space-between;align-items:center;padding:24px 27px;gap:20px;cursor:pointer;list-style:none;background:#f0f3e8}.course-section>summary::-webkit-details-marker{display:none}.course-section>summary>span:first-child{display:grid;gap:4px}.course-section>summary small{font-size:11px;color:var(--muted)}.course-section>summary strong{font:24px Georgia}.course-section>summary>span:last-child{font-size:13px;border:1px solid #d3dcc6;border-radius:30px;padding:5px 11px;white-space:nowrap}.course-section[open]>summary{border-bottom:1px solid var(--line)}.book-lessons{display:grid;grid-template-columns:1fr 1fr}.book-lesson{border-bottom:1px solid var(--line);padding:18px 22px}.book-lesson:nth-child(odd){border-inline-end:1px solid var(--line)}.book-lesson>button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;text-align:start;padding:0;min-height:66px}.book-lesson>button>span:nth-child(2){flex:1}.book-lesson strong{font-size:14px;line-height:1.45;display:block}.book-lesson small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.book-lesson>.icon{width:15px}.lesson-number{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px}.done .lesson-number{background:var(--ink);color:var(--lime)}.lesson-links{display:flex;align-items:center;gap:14px;padding-inline-start:45px;margin-top:10px;flex-wrap:wrap}.lesson-links button{font-size:11px;background:none;border:0;padding:0;color:#617848;text-decoration:underline;text-underline-offset:3px}.lesson-links>span{font-size:10px;color:#9a6531}.lesson-select{display:grid;gap:8px;font-size:12px;max-width:100%;min-width:0}.lesson-select select{max-width:350px;width:100%;min-width:0;padding:10px;border:1px solid #d5decb;border-radius:9px;background:white;color:var(--ink);min-height:42px}.practice-scope{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.practice-scope .subtle{margin-bottom:10px}.memory-banner{display:flex;align-items:center;gap:20px;background:var(--soft);border:1px solid #dbe3cf;border-radius:16px;padding:22px;margin-bottom:23px}.memory-banner>div{flex:1}.memory-banner strong{font-size:16px}.memory-banner p{font-size:12px;margin-top:5px;max-width:580px}.review-date{display:block;font-size:10px;color:#698052;margin-top:8px}.lesson-goal{border-inline-start:3px solid #b3c58e;background:#f5f8ee;padding:15px 18px;margin-bottom:25px;border-radius:0 10px 10px 0}.lesson-goal>span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#71815c}.lesson-goal p{font-size:14px;margin-top:7px;color:#49603f}.teaching-examples{display:grid;gap:12px;margin:25px 0}.example-line{display:flex;gap:15px;align-items:center;padding:17px 20px;background:var(--soft);border-radius:13px}.example-line>div{flex:1;text-align:center;min-width:0}.example-line .ar{font-size:30px}.example-line p{font-size:13px;margin-top:5px}.roundbtn{display:grid;place-items:center;width:35px;height:35px;padding:7px;border:0;border-radius:50%;background:#e9efde;color:var(--ink);flex-shrink:0}.tip{padding:17px 20px;border:1px solid #e1e7d9;border-radius:12px;background:#fbfcf7;margin-top:20px}.tip strong{font-size:12px}.tip p{font-size:13px;line-height:1.8;margin-top:6px}.lesson-word-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:24px 0}.mini-word{display:grid;justify-items:center;align-content:start;text-align:center;padding:18px 13px;background:#f4f6ee;border-radius:13px;gap:8px;min-width:0}.mini-word .wordphoto{height:90px;max-width:130px}.mini-word .ar{font-size:29px}.mini-word p{font-size:12px;min-height:22px}.mini-word .roundbtn{background:white}.feedback p{font-size:13px;line-height:1.8;margin-top:8px;color:inherit}.xp-earned{display:inline-block;padding:7px 15px;background:var(--lime);border-radius:30px;font-weight:700;font-size:13px;margin-top:17px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:22px 0}.week-day{display:grid;justify-items:center;gap:7px;font-size:10px;color:var(--muted)}.week-day i{display:grid;place-items:center;width:30px;height:30px;background:var(--soft);border-radius:50%;font-style:normal;font-size:20px}.week-day.active i{background:var(--ink);color:var(--lime)}.week-day .icon{width:15px}.level-bar{margin-top:18px;height:7px}.memory-counts{display:flex;gap:22px;margin:24px 0}.memory-counts>div{display:grid;gap:6px;flex:1}.memory-counts strong{font:29px Georgia}.memory-counts span{font-size:10px;color:var(--muted)}.achievements{margin:30px 0}.achievements h2{font-size:25px;margin-bottom:18px}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.achievement{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border:1px solid var(--line);border-radius:15px;background:#eeefe9;filter:grayscale(1);color:#89917e}.achievement>span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e0e4d9;margin-bottom:12px}.achievement strong{font-size:12px}.achievement small{font-size:10px;margin-top:7px}.achievement.earned{background:#fff;filter:none;color:var(--ink);border-color:#becf9e}.achievement.earned>span{background:var(--lime)}.lesson-heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin:22px 0}.lesson-heatmap button{aspect-ratio:1;border:1px solid var(--line);background:#f1f3eb;color:#78866b;border-radius:8px;min-height:32px;font-size:12px}.lesson-heatmap button.done{background:var(--ink);border-color:var(--ink);color:var(--lime)}.preferences p{margin-top:14px}.recordarea>.btn{margin-top:18px}.recordarea>p:first-child{font-size:13px}.session .bodycopy{font-size:16px;line-height:1.9}.activity-session .deck h2{margin-top:15px}.stats .stat{display:block}.stats .stat p{margin-top:5px}[dir=rtl] .course-section>summary strong{font-family:Arial,sans-serif;font-size:22px;line-height:1.6}[dir=rtl] .lesson-goal>span{letter-spacing:0}
@media(max-width:1150px){.daily-grid{gap:9px}.daily-task{padding:14px;gap:9px}.daily-task>.icon{display:none}.book-lesson{padding:18px}.practice-scope{align-items:flex-start;flex-direction:column;gap:10px}.practice-scope .subtle{margin:0}.memory-banner{padding:18px}.badge-grid{grid-template-columns:repeat(4,1fr)}.lesson-heatmap{grid-template-columns:repeat(8,1fr)}}
@media(max-width:800px){.habit-strip{gap:12px;font-size:10px;margin-bottom:20px}.habit-strip button{font-size:10px}.daily-grid{grid-template-columns:1fr}.daily-task{min-height:76px;padding:17px}.daily-task>.icon{display:block}.daily-tasks .sectionhead{align-items:flex-start;gap:12px}.daily-tasks .sectionhead h2{font-size:23px}.daily-tasks .sectionhead>span{font-size:10px;max-width:100px;text-align:end}.book-lessons{grid-template-columns:1fr}.book-lesson:nth-child(odd){border-inline-end:0}.course-section>summary{padding:20px}.course-section>summary strong{font-size:22px}.course-overview{gap:10px;font-size:11px;flex-wrap:wrap}.course-overview .bar{width:100%;flex:initial}.course-overview strong{font-size:25px}.memory-banner{flex-direction:column;align-items:flex-start}.memory-banner .btn{width:100%}.filterrow .lesson-select{width:100%}.lesson-select select{max-width:100%}.practice-scope{display:block}.practice-scope>.subtle{display:block;margin-top:12px}.teaching-examples .example-line{padding:16px 12px}.example-line .ar{font-size:28px}.session .bodycopy{font-size:15px}.badge-grid{grid-template-columns:repeat(2,1fr)}.lesson-heatmap{grid-template-columns:repeat(6,1fr);gap:7px}.mini-word .ar{font-size:25px}.mini-word{padding:14px 10px}.mini-word p{font-size:11px}.lesson-word-grid{gap:10px}.lesson-word-grid .wordphoto{height:80px}.hero-example .ar{font-size:29px}.welcome-lesson h2{font-size:29px}.lesson-goal{padding:14px}.lesson-goal p{font-size:13px}.activity-session .deck .ar{font-size:35px}.memory-counts{gap:16px}.memory-counts strong{font-size:26px}.week-grid{gap:2px}.week-day i{width:28px;height:28px}}
/* v4: small spoken lessons, logical foundations, and words in daily life. */
.previous-step{margin:0 0 24px;padding-inline:0;display:flex;gap:8px}.previous-step svg{width:18px}
.spoken-coach{margin:24px 0;padding:28px;background:#f1f5eb;border:1px solid #d9e2cc;border-radius:22px}.spoken-coach .eyebrow{display:flex;align-items:center;gap:9px}.spoken-coach .eyebrow svg{width:20px}.coach-tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.coach-tabs button{display:flex;gap:8px;align-items:center;padding:10px 12px;background:transparent;color:var(--ink);border:1px solid #cbd7bd;border-radius:12px;cursor:pointer}.coach-tabs button.active{background:#173f34;color:white;border-color:#173f34}.coach-tabs span{font-size:12px;border-radius:50%;background:#fff4;padding:3px 7px}.coach-transcript{font-size:20px;line-height:1.85;max-width:62ch}.narration-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 12px}.narration-controls .btn{gap:7px}.narration-controls svg{width:20px}.full-explanation{margin:24px 0}.full-explanation summary{cursor:pointer;font-weight:600}.foundation-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid #e2e6da;align-items:center}.foundation-links>span{font-size:13px;color:#737d6d}.foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.foundation-card{text-align:start;color:inherit;cursor:pointer}.foundation-card h2{font-size:25px;margin:15px 0}.foundation-card>svg{width:22px}.foundation-example{margin:25px 0;padding:26px;background:#f5f5ef;border-radius:16px}.foundation-example>.ar{display:block;text-align:center;font-size:35px;line-height:2}.foundation-example p{text-align:center}.reading-cue{font-family:inherit;font-size:16px;overflow-wrap:anywhere;color:#617155}.workshop-banner{display:flex;gap:24px;align-items:center;justify-content:space-between;background:#edf2e5;border:1px solid #d9e2cc;padding:25px 28px;border-radius:22px;margin:0 0 24px}.workshop-banner h2{margin:0 0 8px;font-size:26px}.workshop-banner p{max-width:60ch;margin:0;line-height:1.7}.workshop-banner>.btn{flex-shrink:0}.pictureword .wordbody>.btn{margin-top:12px;padding:8px 0;font-size:14px}.workshop-steps{display:flex;gap:10px;margin-bottom:30px}.workshop-steps span{width:32px;height:32px;background:#eeeee7;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#7c8773}.workshop-steps span.active{background:#173f34;color:#fff}.workshop-picture{max-width:300px;height:210px;margin:20px auto;background:white;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.workshop-picture img{height:100%;width:100%;object-fit:contain}.workshop .compact .ar{font-size:38px}.life-task{padding:24px;background:#f1f4e8;border-radius:18px;display:flex;gap:15px;align-items:flex-start;margin:25px 0}.life-task svg{width:24px;flex-shrink:0}.life-task p{margin:0;font-size:20px;line-height:1.8}.note-label{display:block;margin:28px 0 10px}.personal-note{height:120px;min-height:100px;font-family:inherit;font-size:18px;padding:18px}.life-notebook{margin:24px 0}.life-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;border-bottom:1px solid #e3e7dc}.life-row:last-child{border-bottom:0}.life-row .ar{font-size:29px}.life-row p{margin:5px 0;line-height:1.7}.personal-quote{padding:10px 14px;background:#f6f5ee;border-radius:8px}.image-fallback{padding:24px;text-align:center;color:#7b8474;font-size:14px}.image-fallback[hidden]{display:none}.wordphoto[hidden]{display:none}.audio-status{line-height:1.6}.foundation-card:hover{border-color:#a4b78b}
@media(max-width:700px){.spoken-coach{padding:20px 16px}.coach-tabs{display:grid;grid-template-columns:1fr;gap:6px}.coach-tabs button{font-size:14px}.coach-transcript{font-size:18px}.foundation-grid{grid-template-columns:1fr}.foundation-example{padding:18px 10px}.foundation-example>.ar{font-size:29px}.workshop-banner{display:block;padding:22px}.workshop-banner>.btn{margin-top:18px}.life-row{align-items:flex-start;flex-direction:column}.life-task{padding:20px 15px}.life-task p{font-size:18px}.narration-controls{gap:8px}.narration-controls>.btn:first-child{width:100%}.foundation-links{gap:2px}.workshop-picture{height:180px}.sessiontop{flex-wrap:wrap}}
.foundation-sound{display:inline-block;margin:6px}.foundation-sound .btn{gap:10px}.foundation-sound .ar{font-size:27px}.foundation-sound svg{width:19px}