@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;600;700&family=Vazirmatn:wght@400;500;600;700&display=swap');
:root{--ink:#172721;--muted:#718079;--paper:#f5f1e8;--white:#fffdf8;--green:#245b4a;--deep:#173d33;--soft:#dce9df;--gold:#d8a84e;--line:#dedbd2;--red:#9a553f;--shadow:0 18px 55px #1d352d18}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Vazirmatn','Noto Kufi Arabic',sans-serif}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{background:var(--deep);color:#f8f3e7;padding:27px 19px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:11px;margin-bottom:27px}.brand>b,.assistant-logo{display:grid;place-items:center;background:var(--gold);color:var(--deep);width:45px;height:45px;border-radius:14px;font:700 24px 'Vazirmatn'}.brand strong,.brand small,.book>*{display:block}.brand small{font-size:9px;opacity:.65}.book{padding:15px;border:1px solid #ffffff25;background:#ffffff0d;border-radius:16px;margin-bottom:27px}.book small{font-size:9px;color:var(--gold)}.book strong{font-size:16px;margin:6px 0}.book span{font-size:9px;opacity:.6}.nav-title{font-size:10px;opacity:.5;margin:0 9px 9px}.lesson{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:right;padding:9px;border-radius:12px;margin:2px 0;cursor:pointer}.lesson i{display:grid;place-items:center;min-width:30px;height:30px;background:#ffffff12;border-radius:9px;font-style:normal}.lesson b,.lesson small{display:block;font-size:10px}.lesson small{font-size:8px;opacity:.5}.lesson.active{background:#fff;color:var(--green)}.lesson.active i{background:var(--soft)}.lesson.locked{opacity:.43}
main{padding:29px 36px 50px;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}.kicker{color:#b47d20;font-size:9px;font-weight:700}h1{font-size:24px;margin:5px 0 0}.top-actions{display:flex;align-items:end;gap:12px}.translate-btn{border:1px solid var(--green);background:transparent;color:var(--green);border-radius:10px;padding:8px 12px;font:600 9px inherit;cursor:pointer;white-space:nowrap}.translate-btn.active{background:var(--green);color:#fff}.progress-box{width:210px}.progress-box>span{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.progress{height:7px;background:#dedbd3;border-radius:10px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:var(--gold);transition:.4s}.ar{display:none!important}.show-ar .ar{display:block!important;color:#8a5a22}
.hero{color:#fff;border:1px solid #e2bd6b;border-radius:24px;padding:29px 34px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow),inset 0 0 0 4px #ffffff12;overflow:hidden;position:relative;background-color:#1f5a4b;background-image:linear-gradient(30deg,#ffffff08 12%,transparent 12.5%,transparent 87%,#ffffff08 87.5%),linear-gradient(150deg,#ffffff08 12%,transparent 12.5%,transparent 87%,#ffffff08 87.5%),linear-gradient(30deg,#ffffff08 12%,transparent 12.5%,transparent 87%,#ffffff08 87.5%),linear-gradient(150deg,#ffffff08 12%,transparent 12.5%,transparent 87%,#ffffff08 87.5%),radial-gradient(circle at 80% 15%,#2c817022,transparent 35%);background-position:0 0,0 0,22px 38px,22px 38px,0 0;background-size:44px 76px,44px 76px,44px 76px,44px 76px,100% 100%}.hero:before,.hero:after{content:'';position:absolute;border:2px solid #d8a84e55;transform:rotate(45deg);box-shadow:0 0 0 12px #d8a84e12,0 0 0 25px #ffffff08}.hero:before{width:120px;height:120px;left:-78px;top:-78px}.hero:after{width:92px;height:92px;right:-62px;bottom:-62px}.hero-copy{z-index:1}.hero-copy>small{display:inline-block;background:#d8a84e1f;border:1px solid #e7c87d78;color:#ffe7ac;padding:5px 11px;border-radius:20px;font-size:9px}.hero h2{font-size:25px;margin:12px 0 8px}.goals{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 30px;list-style:none}.goals li{position:relative;padding-right:17px;font-size:12px;line-height:1.9}.goals li:before{content:'◆';position:absolute;right:0;top:2px;color:#e4bb62;font-size:8px}.hero .ar{max-width:720px;color:#f5dfb1!important}.stats{display:flex;gap:9px;z-index:1}.stats span{display:grid;place-content:center;text-align:center;background:#fffdf5;color:var(--green);width:78px;height:82px;border:2px solid #dfbb68;border-radius:40px 40px 15px 15px;box-shadow:inset 0 -8px 0 #f4ead4}.stats b,.stats small{display:block}.stats b{color:#b77b18;font-size:20px}.stats small{font-size:8px}
.columns{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:20px}.card{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px #1d352d0d;overflow:hidden}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);padding:10px 13px}.tab{border:0;background:transparent;color:var(--muted);font:600 10px inherit;padding:9px 14px;border-radius:9px;cursor:pointer}.tab.active{color:var(--green);background:var(--soft)}.panel{display:none;padding:22px}.panel.active{display:block}.section-title{margin-bottom:17px}.section-title h3{font-size:19px;margin:0}.section-title p{font-size:9px;color:var(--muted);margin:3px 0 0}
.vocab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.word{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;transition:.2s}.word:hover{transform:translateY(-2px);border-color:var(--gold)}.word-image{display:block;width:100%;padding:0;border:0;background:#eee;cursor:pointer;overflow:hidden}.word-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;transition:.25s}.word-image:hover img{transform:scale(1.035)}.word-info{position:relative;padding:10px 11px}.word-info b{display:block;font-size:19px}.word-info>span{font-size:9px;color:var(--muted)}.word-info>small{float:left;padding:2px 6px;border-radius:7px;background:var(--soft);color:var(--green);font-size:7px}.word-info .mini{position:absolute;left:9px;bottom:8px;width:31px;height:31px}
.sentence-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sentence-card{display:grid;grid-template-columns:1fr 48px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.sentence-card:hover{border-color:var(--gold)}.sentence-text{border:0;background:transparent;padding:13px;text-align:right;cursor:pointer}.sentence-text b{display:block;font-size:16px}.sentence-text span{font-size:9px;margin-top:4px}.sentence-text small{display:block;color:var(--muted);font-size:7px;margin-top:3px}
.speak-btn{align-self:center;justify-self:center;display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid #c9d9cf;border-radius:50%;background:var(--soft);color:var(--green);font-size:0;cursor:pointer;transition:.2s}.speak-btn:before{content:'';display:block;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3zm12.5 3a3.5 3.5 0 0 0-2-3.15v6.3a3.5 3.5 0 0 0 2-3.15zm-2-7.1v2.06a5.5 5.5 0 0 1 0 10.08v2.06a7.5 7.5 0 0 0 0-14.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3zm12.5 3a3.5 3.5 0 0 0-2-3.15v6.3a3.5 3.5 0 0 0 2-3.15zm-2-7.1v2.06a5.5 5.5 0 0 1 0 10.08v2.06a7.5 7.5 0 0 0 0-14.2z'/%3E%3C/svg%3E") center/contain no-repeat}.speak-btn:hover{border-color:var(--gold);background:#fff3d8}.speak-btn.playing{background:var(--gold);color:#fff;border-color:var(--gold);animation:pulseAudio .8s infinite alternate}@keyframes pulseAudio{to{box-shadow:0 0 0 5px #d8a84e30}}
.grammar-intro,.grammar-note{padding:14px 16px;border-radius:14px;background:#f2efe7;border-right:4px solid var(--gold)}.grammar-intro b,.grammar-note b{color:var(--green)}.grammar-intro p,.grammar-note p{margin:4px 0;line-height:1.9}.formula{display:flex;align-items:center;gap:7px}.formula.wide{margin:15px 0;justify-content:center;flex-wrap:wrap}.formula span{padding:8px 12px;background:var(--soft);border-radius:10px;text-align:center}.formula b,.formula small{display:block}.formula small{font-size:7px;color:var(--muted)}.formula em{font-style:normal;color:var(--gold)}.grammar-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.rule{display:flex;gap:11px;border:1px solid var(--line);border-radius:13px;padding:13px}.rule>i{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--green);font-style:normal;font-weight:700}.rule b{font-size:13px}.rule p{font-size:10px;line-height:1.9;margin:3px 0}.rule code{display:block;background:#f7f3e9;border-radius:8px;padding:7px;font:600 14px 'Vazirmatn';margin:6px 0}.rule mark{background:#f5dfa9;color:inherit}.rule small{font-size:8px}
.dialogue-list{display:flex;flex-direction:column;gap:9px}.dialogue-line{display:grid;grid-template-columns:52px 1fr 45px;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}.dialogue-line.ali{margin-right:8%;background:#f3f5ef}.dialogue-line img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--soft)}.dialogue-line b{font-size:9px;color:var(--green)}.dialogue-line p{font-size:16px;font-weight:600;margin:1px 0}.dialogue-line small{font-size:8px;color:var(--muted)}
.exercise-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exercise{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff}.exercise>header{display:flex;align-items:center;justify-content:flex-start;gap:9px;margin:0 0 10px}.exercise header i{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--green);font-style:normal;font-weight:700}.exercise header b,.exercise header small{display:block}.exercise header small{font-size:8px}.exercise label{display:block;border:1px solid var(--line);padding:8px;border-radius:9px;margin:6px 0;cursor:pointer}.exercise label:has(input:checked){background:var(--soft);border-color:var(--green)}.choice-row{display:flex;gap:8px}.choice-row label{flex:1;text-align:center}.prompt{font-size:18px;font-weight:600}.answer-input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;font:500 14px inherit;margin:5px 0 9px;outline:none}.answer-input:focus{border-color:var(--green)}.word-bank{display:flex;gap:6px;flex-wrap:wrap}.word-bank span{padding:5px 10px;border-radius:8px;background:var(--soft)}.check-btn{border:0;border-radius:9px;background:var(--green);color:#fff;padding:8px 14px;font:600 9px inherit;cursor:pointer}.result{min-height:24px;margin:8px 0 0;font-size:10px}.result.correct{color:var(--green)}.result.wrong{color:var(--red)}.result small{display:block}
.assistant{display:flex;flex-direction:column;min-height:565px}.assistant-head{display:flex;align-items:center;gap:9px;padding:13px 15px;border-bottom:1px solid var(--line)}.assistant-head b,.assistant-head small{display:block}.assistant-head small{font-size:7px;color:var(--muted)}.assistant-head>span{width:8px;height:8px;background:#4ba879;border-radius:50%;margin-right:auto}.assistant-logo{width:37px;height:37px;font-size:18px}.persona-chooser{padding:18px 16px}.persona-chooser h3{font-size:16px;margin:0}.persona-chooser>p{font-size:9px;color:var(--muted);margin:3px 0 13px}.persona-card{width:100%;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:12px;margin:7px 0;text-align:right;color:var(--ink);cursor:pointer;transition:.2s}.persona-card:hover{border-color:var(--gold);background:#fffaf0}.persona-card img{width:46px;height:46px;object-fit:cover;border-radius:50%}.persona-card span{flex:1}.persona-card b,.persona-card small{display:block}.persona-card b{font-size:12px}.persona-card small{font-size:8px;color:var(--muted)}.persona-card i{font-style:normal;color:var(--gold);font-size:15px}.chat-area{display:flex;flex:1;flex-direction:column}.chosen-persona{display:flex;align-items:center;gap:8px;padding:7px 11px;border-bottom:1px solid var(--line);background:#f8f5ee}.chosen-persona img{width:34px;height:34px;object-fit:cover;border-radius:50%}.chosen-persona b,.chosen-persona small{display:block}.chosen-persona b{font-size:10px}.chosen-persona small{font-size:7px;color:var(--muted)}.chat-controls{display:flex;gap:4px;margin-right:auto;direction:ltr}.chat-controls button{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green);font:600 15px sans-serif;cursor:pointer}.messages{height:310px;overflow:auto;padding:13px;display:flex;flex-direction:column;gap:9px}.message{max-width:88%;align-self:flex-end;background:var(--green);color:#fff;padding:10px 12px;border-radius:13px;font-size:10px;line-height:1.9}.message.bot{align-self:flex-start;background:#efede7;color:var(--ink)}.speaker{display:block;color:#a36d17;font-size:8px}.prompts{display:flex;gap:5px;padding:0 11px 9px;overflow:auto}.prompts button{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:5px 8px;font:400 7px inherit;cursor:pointer}#chat{display:flex;margin:auto 11px 7px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:4px}#chat input{width:100%;border:0;outline:0;padding:8px;background:transparent;font:400 9px inherit}#chat button{border:0;width:34px;border-radius:8px;background:var(--gold);font-size:17px;cursor:pointer}
.hidden{display:none!important}.content-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:#102a22b8;backdrop-filter:blur(5px)}.modal-card{position:relative;display:grid;grid-template-columns:280px 1fr;width:min(680px,100%);overflow:hidden;border-radius:20px;background:var(--white);box-shadow:0 25px 80px #07181366}.modal-card>img{display:block;width:280px;height:280px;object-fit:cover}.modal-card>div{padding:28px;align-self:center}.modal-card small{color:#a36d17;font-size:9px}.modal-card h3{font-size:25px;margin:5px 0}.modal-card .meaning{font-size:16px;color:#8a5a22}.modal-close{position:absolute;top:9px;left:9px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#ffffffdb;color:#713f33;font-size:20px;cursor:pointer}
.word-info{min-height:53px}.word-info .mini{top:10px;bottom:auto}.modal-card{width:min(720px,100%)}.modal-card>div{padding:25px}.word-type{display:flex;align-items:center;gap:7px;margin:0 0 8px}.word-type span{font-size:8px;color:var(--muted)}.word-type b{padding:3px 8px;border-radius:8px;background:var(--soft);color:var(--green);font-size:10px}.definition{font-size:13px;line-height:1.9;margin:8px 0}.dictionary-link{display:inline-block;color:var(--green);font-size:8px;text-decoration:none;border-bottom:1px dotted var(--green);margin-bottom:12px}.modal-translate{display:block;border:1px solid var(--green);border-radius:9px;background:#fff;color:var(--green);padding:7px 12px;font:600 9px inherit;cursor:pointer}.modal-card .meaning{font-size:14px;background:#fff4dc;border-radius:9px;padding:8px 10px;margin:8px 0 0}
.has-audio{position:relative;padding-left:58px}.has-audio>.speak-btn{position:absolute;left:14px;top:14px}.rule>div{flex:1}.rule>.speak-btn{min-width:34px;margin-right:auto}
.enrichment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.enrichment-card{position:relative;border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px}.enrichment-card h4{font-size:15px;margin:21px 0 2px}.enrichment-card>p{font-size:9px;color:var(--muted);margin:0 0 10px}.resource-label{position:absolute;top:10px;left:10px;padding:3px 7px;border-radius:12px;background:#f3ead3;color:#926514;font-size:7px}.focus-word{display:grid;place-items:center;min-height:70px;margin:10px 0;border-radius:13px;background:var(--soft);color:var(--green);font-size:28px;font-weight:700}.category-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}.category-choices button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px;font:600 10px inherit;cursor:pointer}.category-choices button:hover{border-color:var(--gold);background:#fff8e8}.activity-result{min-height:22px;margin:8px 0 0!important;font-size:9px!important}.activity-result.correct{color:var(--green)!important}.activity-result.wrong{color:var(--red)!important}.timeline-card{grid-column:1/-1}.day-timeline{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:12px}.day-timeline>div{position:relative;flex:1;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.day-timeline img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.day-timeline b{display:block;padding:6px 9px;font-size:14px}.day-timeline .mini{position:absolute;left:7px;bottom:5px;width:29px;height:29px}.day-timeline>i{font-style:normal;color:var(--gold);font-size:18px}.listen-main{margin:6px auto 10px}.picture-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.picture-choices button{padding:0;border:2px solid transparent;border-radius:11px;overflow:hidden;background:#eee;cursor:pointer}.picture-choices button:hover{border-color:var(--gold)}.picture-choices img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.copy-words{padding:12px;border-radius:11px;background:var(--soft);text-align:center;color:var(--green);font-size:20px;font-weight:700}.mini-dialogue{padding:10px 12px;border-radius:12px;background:#f2efe7;margin:9px 0}.mini-dialogue p{margin:3px 0}.mini-dialogue b{color:var(--green)}.roleplay-card{grid-column:1/-1}
.enrichment-card h4{margin-top:0}.mini-dialogue p{display:grid;grid-template-columns:75px 1fr 34px;align-items:center;gap:7px}.mini-dialogue .mini{width:29px;height:29px}.install-btn{border:1px solid var(--gold);background:#fff8e8;color:#8d641b;border-radius:10px;padding:8px 12px;font:600 9px inherit;cursor:pointer;white-space:nowrap}.install-dialog{position:relative;display:grid;grid-template-columns:170px 1fr;width:min(620px,100%);overflow:hidden;border-radius:20px;background:var(--white);box-shadow:0 25px 80px #07181366}.install-dialog>img{width:170px;height:100%;min-height:255px;object-fit:cover}.install-dialog>div{padding:25px}.install-dialog small{color:#a36d17;font-size:9px}.install-dialog h3{font-size:19px;margin:5px 0 10px}.install-dialog ol{padding-right:20px;margin:0}.install-dialog li{margin:7px 0;line-height:1.8}.install-dialog .ar{font-size:9px}.offline-notice{position:fixed;z-index:60;left:18px;bottom:18px;padding:8px 13px;border-radius:12px;background:#9a553f;color:#fff;box-shadow:var(--shadow);font-size:9px}
@media(max-width:1100px){.app{grid-template-columns:230px 1fr}.columns{grid-template-columns:1fr}.stats{display:none}}
@media(max-width:760px){.app{display:block}.side{position:relative;height:auto;padding:15px}.side .book,.side nav,.nav-title{display:none}.brand{margin:0}main{padding:18px 12px}header{display:block}.top-actions{margin-top:12px;flex-wrap:wrap}.progress-box{width:100%}.hero{padding:21px}.goals{grid-template-columns:1fr}.vocab-grid{grid-template-columns:repeat(2,1fr)}.sentence-list,.grammar-grid,.exercise-list,.enrichment-grid{grid-template-columns:1fr}.timeline-card,.roleplay-card{grid-column:auto}.day-timeline{display:grid;grid-template-columns:1fr 1fr}.day-timeline>i{display:none}.tabs{overflow:auto}.tab{white-space:nowrap}.modal-card,.install-dialog{grid-template-columns:1fr}.modal-card>img{width:100%;height:auto;aspect-ratio:1/1}.modal-card>div{padding:19px}.install-dialog>img{width:100%;height:140px;min-height:0}.install-dialog>div{padding:19px}.dialogue-line.ali{margin-right:0}}