:root{color-scheme:light;font-family:Avenir Next,Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #fbf7ec;--panel: #fffdf7;--ink: #17231f;--muted: #68766f;--border: #e7deca;--emerald: #0f3f37;--emerald-2: #146657;--saffron: #f6c453;--rose: #bb4a45;--mint: #dff2e8;--shadow: 0 18px 45px rgba(31, 43, 35, .12)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,rgba(15,63,55,.08) 0 1px,transparent 1px 22px),radial-gradient(circle at 10% 0%,rgba(246,196,83,.18),transparent 30rem),var(--bg)}button,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:3px solid rgba(246,196,83,.85);outline-offset:3px}.app-shell{min-height:100vh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(88px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 18px}.app-header h1,.diagnostic-card h1,.hero-panel h2,.screen-title h2,.lesson-brief h2,.profile-card h2{margin:0;letter-spacing:0}.app-header h1{font-size:clamp(1.35rem,4vw,2rem)}.eyebrow,.unit-label{margin:0 0 6px;color:var(--emerald-2);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.header-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.language-toggle,.language-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#fffdf7c7;color:var(--ink);font:inherit;font-size:.82rem;font-weight:950;cursor:pointer;box-shadow:0 8px 22px #111e1a14}.language-toggle:hover,.language-chip:hover{border-color:#0e4f4447;background:#fffdf7}.language-flag{font-size:1rem;line-height:1}.stat-pill{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#fffdf7c7;font-weight:800;box-shadow:0 8px 22px #1f2b230f}.app-main{max-width:1180px;margin:0 auto}.home-dashboard,.screen-grid,.profile-screen,.path-screen,.lesson-screen,.exercise-screen,.vocab-screen{display:grid;gap:16px}.home-dashboard{grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);align-items:stretch}.today-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(240px,.95fr);gap:20px;overflow:hidden;min-height:330px;padding:26px;border-radius:8px;background:linear-gradient(145deg,#0f3f37fa,#185c50f0),var(--emerald);color:#fffdf7;box-shadow:var(--shadow)}.today-panel:after{content:"";position:absolute;inset:auto -16% -54% 34%;height:230px;background:repeating-linear-gradient(45deg,rgba(246,196,83,.18) 0 9px,transparent 9px 18px);transform:rotate(-8deg)}.today-copy{position:relative;z-index:1;display:grid;align-content:center;gap:14px}.today-copy .eyebrow{color:var(--saffron)}.today-copy h2{max-width:11ch;font-size:clamp(2.3rem,7vw,5.2rem);line-height:.94}.today-copy p:not(.eyebrow){max-width:35rem;margin:0;color:#fffdf7db;font-size:1.04rem}.lesson-progress{display:grid;gap:8px;max-width:24rem;font-weight:900}.lesson-progress .progress-line{background:#fffdf738}.today-arabic{position:relative;z-index:1;display:grid;gap:14px;justify-items:center;align-self:stretch;place-content:center;min-height:230px;padding:20px;border:1px solid rgba(255,253,247,.28);border-radius:8px;background:#fffdf71f;font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:clamp(2.8rem,8vw,6rem);font-weight:700;line-height:1.35;text-align:center}.practice-panel{display:grid;grid-template-rows:auto 1fr;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fffdf7db;box-shadow:0 10px 28px #1f2b2312}.section-heading{display:flex;justify-content:space-between;gap:12px}.section-heading h3{margin:0;font-size:clamp(1.2rem,2.4vw,1.65rem)}.practice-grid{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}.practice-card{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:60px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fffaf0;color:var(--ink);cursor:pointer;text-align:left}.practice-card span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--emerald);color:#fffdf7}.practice-card strong,.practice-card small{grid-column:2;display:block}.practice-card strong{align-self:end;font-size:.98rem}.practice-card small{align-self:start;color:var(--muted);font-size:.84rem;font-weight:800}.practice-card>svg{grid-column:3;grid-row:1 / span 2;color:var(--muted)}.practice-card.listen span{background:#0f3f37}.practice-card.vocab span{background:#21815c}.practice-card.review span{background:#7b6a2a}.practice-card.exam span{background:#b56f1f}.progress-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-panel{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;overflow:hidden;min-height:280px;padding:24px;border-radius:8px;background:linear-gradient(145deg,#0f3f37f7,#146657eb),var(--emerald);color:#fffdf7;box-shadow:var(--shadow)}.hero-panel:after{content:"";position:absolute;inset:auto -25% -60% 20%;height:220px;background:repeating-linear-gradient(45deg,rgba(246,196,83,.18) 0 10px,transparent 10px 20px);transform:rotate(-7deg)}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.hero-copy .eyebrow{color:var(--saffron)}.hero-copy h2{font-size:clamp(2rem,9vw,4.4rem);line-height:.98}.hero-copy p:not(.eyebrow){max-width:34rem;margin:0;color:#fffdf7db;font-size:1.04rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.arabic-focus{position:relative;z-index:1;display:grid;gap:14px;justify-items:center;align-self:center;padding:20px;border:1px solid rgba(255,253,247,.28);border-radius:8px;background:#fffdf71f;font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:clamp(2.9rem,9vw,6.4rem);font-weight:700;line-height:1.35;text-align:center}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.profile-screen .metric-row{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.study-card,.lesson-item,.review-card,.profile-card,.lesson-brief,.example-card,.exercise-card,.diagnostic-card{border:1px solid var(--border);border-radius:8px;background:#fffdf7e6;box-shadow:0 10px 28px #1f2b2312}.metric-card{display:grid;gap:8px;min-height:112px;padding:16px}.metric-card svg{color:var(--emerald)}.metric-card span{color:var(--muted);font-weight:700}.metric-card strong{font-size:1.6rem}.study-card,.review-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px}.exam-callout{border-color:#eca9367a;background:#fff8e3}.vocab-callout{border-color:#21815c57;background:#edf6ef}.listen-callout{border-color:#0f3f3752;background:#eef4f0}.study-card h3,.review-card h3,.profile-card h2{margin:0 0 6px}.study-card p,.review-card p,.profile-card p,.lesson-brief p{margin:0;color:var(--muted)}.primary-action,.secondary-action,.danger-action,.icon-button,.text-button,.audio-button{min-height:46px;border:0;border-radius:8px;cursor:pointer;font-weight:850}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;background:var(--saffron);color:#1c221c;box-shadow:0 12px 22px #9973152e}.secondary-action{padding:0 16px;border:1px solid rgba(15,63,55,.2);background:var(--mint);color:var(--emerald)}.danger-action{padding:0 16px;background:#bb4a451f;color:var(--rose)}.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:112px;padding:0 13px;border:1px solid rgba(15,63,55,.18);background:#fffaf0;color:var(--emerald);font-family:Avenir Next,Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.88rem;line-height:1;box-shadow:0 8px 18px #1f2b230d}.audio-button.active{background:var(--mint)}.teacher-avatar{position:fixed;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:20;display:grid;gap:10px;width:min(340px,calc(100vw - 32px));justify-items:end;pointer-events:none}.teacher-avatar>*{pointer-events:auto}.teacher-face{position:relative;display:grid;place-items:center;width:86px;height:96px;border:3px solid #fffdf7;border-radius:28px;background:linear-gradient(180deg,#fff1b5,var(--saffron));color:var(--emerald);cursor:pointer;box-shadow:var(--shadow);touch-action:none;animation:teacherFloat 3.8s ease-in-out infinite}.teacher-state{position:absolute;top:-10px;left:-10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--emerald);color:#fffdf7;z-index:5}.teacher-state.correcting,.teacher-state.warning{background:#b56f1f}.teacher-state.celebrating,.teacher-state.encouraging{background:#21815c}.teacher-panel{order:-1;display:grid;gap:10px;width:100%;max-height:min(560px,calc(100vh - 150px));overflow:auto;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fffdf7f5;box-shadow:var(--shadow)}@keyframes teacherFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes teacherBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.teacher-panel-top,.teacher-actions,.teacher-quick-actions,.profile-action-row{display:flex;align-items:center;gap:8px}.teacher-panel-top{justify-content:space-between}.teacher-panel p{margin:0;color:var(--muted);font-weight:800}.teacher-actions .icon-button,.icon-button.subtle{width:38px;min-height:38px;background:var(--mint);color:var(--emerald)}.teacher-quick-actions,.profile-action-row{flex-wrap:wrap}.teacher-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:8px;background:#f1ead8}.teacher-tabs button{min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-weight:900}.teacher-tabs button.active{background:#fffdf7;color:var(--emerald);box-shadow:0 4px 12px #1f2b230f}.teacher-chat{display:grid;gap:10px}.teacher-chat-log{display:grid;align-content:start;gap:8px;max-height:210px;overflow:auto;padding:8px;border-radius:8px;background:#f6f0df}.teacher-chat-bubble{display:grid;gap:4px;max-width:88%;padding:9px 10px;border-radius:8px;background:#fffaf0}.teacher-chat-bubble.learner{justify-self:end;background:var(--mint)}.teacher-chat-bubble span{color:var(--emerald-2);font-size:.72rem;font-weight:900;text-transform:uppercase}.teacher-chat-form{display:grid;grid-template-columns:1fr auto auto;gap:8px}.teacher-chat-form input{min-width:0;min-height:42px;border:1px solid var(--border);border-radius:8px;background:#fffaf0;color:var(--ink);padding:0 12px;font-weight:800}.teacher-chat small{color:var(--muted);font-weight:850}.icon-button.listening{background:var(--saffron)}.icon-button.unsupported{opacity:.48}.teacher-settings{display:grid;gap:10px;padding:12px;border-radius:8px;background:#f6f0df}.teacher-settings label{display:grid;gap:5px;color:var(--muted);font-weight:900}.teacher-settings select,.teacher-settings input{width:100%}.teacher-settings small{color:var(--muted);font-weight:800}.audio-button.on-dark{border-color:#fffdf73d;background:#fffdf729;color:#fffdf7}.primary-action:disabled,.secondary-action:disabled,.danger-action:disabled,.audio-button:disabled,.option:disabled,.tile:disabled{cursor:not-allowed;opacity:.55}.full-width{width:100%}.text-button{justify-self:start;min-height:40px;padding:0;background:transparent;color:var(--emerald)}.icon-button{display:inline-grid;place-items:center;flex:0 0 46px;width:46px;background:var(--emerald);color:#fffdf7}.bottom-nav{position:fixed;z-index:10;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:560px;margin:0 auto;padding:8px;border:1px solid rgba(231,222,202,.85);border-radius:999px;background:#fffdf7f0;box-shadow:0 18px 38px #1f2b2329;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;place-items:center;gap:3px;min-height:50px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:.72rem;font-weight:800}.bottom-nav button.active{background:var(--emerald);color:#fffdf7}.screen-title{display:flex;align-items:end;justify-content:space-between;gap:12px}.screen-title h2{font-size:clamp(1.6rem,5vw,2.8rem)}.lesson-list,.review-stack,.examples-list,.course-grid,.skills-grid{display:grid;gap:10px}.course-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.course-card{display:grid;grid-template-columns:50px 1fr;align-items:start;gap:12px;min-height:220px;padding:16px;border:1px solid var(--border);border-radius:8px;background:#fffdf7e6;color:var(--ink);cursor:pointer;text-align:left;box-shadow:0 10px 28px #1f2b2312}.course-card.active{border-color:#0f3f3780;background:#f7f1df}.course-card.locked{opacity:.72}.course-card p,.course-meta{grid-column:1 / -1}.course-card p{margin:0;color:var(--muted);line-height:1.5}.course-card strong,.course-card small,.course-meta{display:block}.course-card strong{margin-bottom:3px;font-size:1.24rem}.course-card small,.course-meta{color:var(--muted);font-weight:800}.course-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:8px;background:var(--emerald);color:#fffdf7}.lesson-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;min-height:76px;padding:12px;color:var(--ink);text-align:left;cursor:pointer}.lesson-item.active{border-color:#0f3f3773;background:#f7f1df}.lesson-node{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#efe7d3;color:var(--emerald);font-weight:900}.lesson-item.done .lesson-node{background:var(--emerald);color:#fffdf7}.lesson-item strong,.lesson-item small{display:block}.lesson-item small{margin-top:2px;color:var(--muted)}.skill-card{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:8px;background:#fffdf7e6;box-shadow:0 10px 28px #1f2b2312}.skill-card.due{border-color:#eca936b3;background:#fff8e3}.skill-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.skill-card-top strong{text-transform:capitalize}.skill-card-top span{color:var(--emerald);font-size:1.1rem;font-weight:900}.skill-meter{overflow:hidden;height:10px;border-radius:999px;background:#e9dfc9}.skill-meter span{display:block;height:100%;border-radius:inherit;background:var(--emerald)}.skill-card p{margin:0;color:var(--muted);font-weight:800}.skill-card small{color:var(--emerald-2);font-weight:900}.vocab-card{display:grid;justify-items:center;gap:14px;padding:22px;border:1px solid rgba(15,63,55,.2);border-radius:8px;background:#fffaf0;box-shadow:0 18px 40px #1f2b231a;text-align:center}.listening-card{display:grid;justify-items:center;gap:14px;padding:22px;border:1px solid rgba(15,63,55,.2);border-radius:8px;background:#fffaf0;text-align:center;box-shadow:0 18px 40px #1f2b231a}.listening-card h2{font-size:clamp(1.6rem,6vw,3rem)}.listening-card p{max-width:30rem;margin:0;color:var(--muted);font-weight:800}.listening-pulse{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--emerald);color:var(--saffron);box-shadow:0 0 0 12px #0f3f3714}.listening-result-card h2{font-size:clamp(3.4rem,13vw,6.5rem);line-height:.95}.vocab-card-top{display:flex;justify-content:space-between;gap:12px;width:100%;color:var(--muted);font-weight:900}.vocab-card strong{display:grid;min-height:120px;place-items:center;color:var(--ink);font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:clamp(3.4rem,9vw,6.5rem);line-height:1.1}.vocab-card p{margin:0;color:var(--muted);font-size:1.1rem;font-weight:900}.vocab-answer{display:grid;gap:14px;width:100%}.vocab-answer h3{margin:0;font-size:clamp(1.7rem,6vw,3rem)}.vocab-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vocab-list{display:grid;gap:10px}.vocab-list-item{display:grid;grid-template-columns:minmax(76px,auto) 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fffdf7e6}.vocab-list-item>strong{font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:2rem}.vocab-list-item span,.vocab-list-item small{display:block}.vocab-list-item span{font-weight:900}.vocab-list-item small{color:var(--muted);font-weight:800}.exam-context-card{display:grid;gap:10px;padding:18px;border:1px solid var(--border);border-radius:8px;background:#fffaf0}.exam-context-card h2{font-size:clamp(1.5rem,5vw,2.5rem)}.compact-tags{margin-top:0}.exam-result-card h2{font-size:clamp(3.4rem,13vw,6.5rem);line-height:.95}.exam-badge{min-height:34px;padding:8px 12px;border-radius:999px;font-weight:900}.exam-badge.passed{background:var(--mint);color:var(--emerald)}.exam-badge.retry{background:#f8dfd9;color:#8c3327}.correction-section{display:grid;gap:12px}.correction-list,.exam-history{display:grid;gap:10px}.correction-card,.history-card{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fffdf7e6}.correction-card.correct{border-color:#21815c57}.correction-card.wrong{border-color:#8c332752;background:#fff4ef}.correction-card div{display:flex;align-items:center;gap:8px}.correction-card div span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--emerald);color:#fffdf7;font-weight:900}.correction-card p,.correction-card small,.history-card span,.history-card small{margin:0;color:var(--muted);font-weight:800}.exam-history{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.history-card strong{color:var(--emerald);font-size:1.6rem}.exam-feedback{background:#e7f1ec}.exams-dashboard{display:grid;gap:16px}.exam-hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.34fr);gap:16px;min-height:300px;padding:28px;border-radius:8px;background:linear-gradient(145deg,#0f3f37fa,#185c50f0),var(--emerald);color:#fffdf7;box-shadow:var(--shadow)}.exam-hero-panel .eyebrow{color:var(--saffron)}.exam-hero-panel h2{max-width:10ch;margin:0;font-size:clamp(2.6rem,9vw,5.2rem);line-height:.94}.exam-hero-panel p:not(.eyebrow){max-width:36rem;color:#fffdf7d6;font-weight:750}.exam-score-tile{display:grid;place-content:center;justify-items:center;gap:8px;min-height:220px;border:1px solid rgba(255,253,247,.28);border-radius:8px;background:#fffdf71f;text-align:center}.exam-score-tile span,.exam-score-tile small{color:#fffdf7c7;font-weight:900}.exam-score-tile strong{color:var(--saffron);font-size:clamp(3rem,9vw,5.8rem);line-height:1}.exam-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.exam-filter{display:grid;gap:6px;min-height:92px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fffdf7e6;color:var(--ink);cursor:pointer;text-align:left;box-shadow:0 10px 28px #1f2b2312}.exam-filter.active{border-color:#0f3f376b;background:var(--mint)}.exam-filter strong{font-size:1rem}.exam-filter span{color:var(--muted);font-weight:850}.profile-card{display:grid;justify-items:center;padding:26px 18px;text-align:center}.profile-avatar,.brand-mark{display:grid;place-items:center;width:76px;height:76px;margin-bottom:12px;border-radius:24px;background:var(--emerald);color:var(--saffron);font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:2.5rem;font-weight:900}.lesson-brief{padding:20px}.lesson-brief h2{font-size:clamp(2rem,8vw,4rem)}.grammar-box{margin-top:18px;padding:16px;border-radius:8px;background:#f6f0df}.grammar-box strong{display:block;margin-bottom:5px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag-row span{min-height:30px;padding:6px 10px;border-radius:999px;background:var(--mint);color:var(--emerald);font-size:.8rem;font-weight:850}.example-card{display:grid;gap:6px;padding:16px}.example-card strong,.prompt-block strong,.sentence-box,.answer-bank,.tile,.arabic-option,.match-row span{font-family:Geeza Pro,Noto Naskh Arabic,serif}.example-card strong{font-size:2rem;line-height:1.45}.arabic-row,.arabic-with-audio{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.prompt-audio-row{grid-template-columns:1fr;justify-items:center}.example-card small{color:var(--muted)}.exercise-top{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;font-weight:900}.progress-line{overflow:hidden;height:9px;border-radius:999px;background:#e9dfc9}.progress-line span{display:block;height:100%;border-radius:inherit;background:var(--saffron);transition:width .22s ease}.exercise-card{display:grid;gap:18px;padding:18px}.prompt-block{display:grid;gap:10px}.prompt-block p{margin:0;color:var(--muted);font-weight:800}.prompt-block strong{font-size:clamp(2.3rem,12vw,5.6rem);line-height:1.25;text-align:center}.option-grid{display:grid;gap:10px}.option,.tile{min-height:52px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#fffaf0;color:var(--ink);cursor:pointer;font-weight:800}.option.selected,.tile.selected{border-color:var(--emerald);background:var(--mint)}.arabic-option,.tile{font-size:1.35rem}.sentence-box,.answer-bank{min-height:80px;padding:16px;border-radius:8px;background:#f6f0df;font-size:clamp(2rem,10vw,4rem);font-weight:800;line-height:1.45;text-align:center}.advanced-context,.dictation-box{display:grid;justify-items:center;gap:12px;padding:16px;border-radius:8px;background:#f6f0df;text-align:center}.advanced-context span{color:var(--emerald-2);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.advanced-context strong{font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:clamp(2rem,9vw,4rem);line-height:1.35}.dictation-box p{max-width:28rem;margin:0;color:var(--muted);font-weight:800}.tile-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.match-list{display:grid;gap:10px}.match-row{display:grid;grid-template-columns:minmax(90px,.8fr) auto 1fr;align-items:center;gap:10px}.match-row span{min-height:52px;padding:8px 12px;border-radius:8px;background:#f6f0df;font-size:1.55rem;font-weight:900;text-align:center}.match-row select{min-height:52px;width:100%;border:1px solid var(--border);border-radius:8px;background:#fffaf0;color:var(--ink);padding:0 12px;font-weight:800}.trace-board{position:relative;overflow:hidden;min-height:230px;border:1px dashed rgba(15,63,55,.28);border-radius:8px;background:#f6f0df;touch-action:none}.trace-board span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#0f3f3729;font-size:11rem;font-weight:900}.trace-board canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.trace-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.feedback{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));display:grid;gap:10px;padding:16px;border-radius:8px;color:#12201b;box-shadow:var(--shadow)}.feedback.correct{background:#dff2e8}.feedback.wrong{background:#f8dfd9}.feedback div{display:flex;align-items:center;gap:8px}.feedback p{margin:0}.diagnostic-page{display:grid;min-height:100vh;place-items:center;padding:16px}.diagnostic-card{width:min(100%,520px);padding:24px}.diagnostic-card h1{font-size:clamp(2rem,9vw,3.5rem);line-height:1}.lead{color:var(--muted);font-size:1.02rem}.question-panel{display:grid;gap:14px;margin:18px 0}.question-panel p{margin:0;color:var(--muted);font-weight:800}.question-panel strong{min-height:90px;padding:14px;border-radius:8px;background:#f6f0df;font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:3rem;text-align:center}.question-panel .arabic-with-audio strong{display:grid;place-items:center}@media(min-width:760px){.app-shell{padding:calc(24px + env(safe-area-inset-top)) 24px calc(104px + env(safe-area-inset-bottom))}.screen-grid{grid-template-columns:1.5fr 1fr}.hero-panel,.exam-hero-panel,.metric-row{grid-column:1 / -1}.path-screen,.exams-dashboard,.lesson-screen,.exercise-screen,.profile-screen,.vocab-screen{max-width:840px;margin:0 auto}.lesson-list,.review-stack,.examples-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-item{min-height:92px}}@media(min-width:1040px){.app-shell{padding-bottom:28px}.bottom-nav{top:50%;right:22px;bottom:auto;left:auto;width:82px;grid-template-columns:1fr;transform:translateY(-50%)}.bottom-nav button{min-height:68px}.app-main,.app-header{padding-right:92px}.teacher-avatar{right:116px;bottom:26px}.hero-panel{min-height:360px;padding:34px}}@media(max-width:680px){.app-header{align-items:flex-start}.header-stats{max-width:180px}.home-dashboard,.today-panel,.exam-hero-panel,.hero-panel,.metric-row,.progress-strip,.profile-screen .metric-row{grid-template-columns:1fr}.today-panel{min-height:auto;padding:20px}.exam-hero-panel{min-height:auto;padding:20px;grid-template-columns:1fr}.today-copy h2{max-width:none}.today-arabic{min-height:170px;font-size:3rem}.vocab-list-item,.vocab-actions{grid-template-columns:1fr}.hero-panel{min-height:auto;padding:20px}.arabic-focus{font-size:3rem}.study-card,.review-card{align-items:stretch;flex-direction:column}.match-row,.arabic-row,.arabic-with-audio{grid-template-columns:1fr}.teacher-avatar{right:10px;bottom:calc(76px + env(safe-area-inset-bottom));width:min(320px,calc(100vw - 20px))}.teacher-panel{max-height:min(500px,calc(100vh - 138px))}.teacher-chat-form{grid-template-columns:1fr auto}.teacher-chat-form .icon-button[type=submit]{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:radial-gradient(circle at 18% -6%,rgba(246,196,83,.18),transparent 24rem),linear-gradient(30deg,rgba(15,63,55,.035) 12%,transparent 12.5%,transparent 87%,rgba(15,63,55,.035) 87.5%),linear-gradient(150deg,rgba(15,63,55,.035) 12%,transparent 12.5%,transparent 87%,rgba(15,63,55,.035) 87.5%),#fbf7ec;background-size:auto,28px 28px,28px 28px,auto}.app-kicker{margin-top:4px;color:#0f3f37bd;font-size:.72rem;letter-spacing:.22em}.welcome-line{margin:0;color:#fffdf7;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:900}.today-panel,.hero-panel,.exam-hero-panel{isolation:isolate}.today-panel:before,.hero-panel:before,.exam-hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 82% 24%,rgba(246,196,83,.16),transparent 14rem),linear-gradient(30deg,rgba(255,253,247,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,253,247,.05) 87.5%),linear-gradient(150deg,rgba(255,253,247,.05) 12%,transparent 12.5%,transparent 87%,rgba(255,253,247,.05) 87.5%);background-size:auto,30px 30px,30px 30px}.primary-action{background:linear-gradient(180deg,#ffd45a,#f1ae2f)}.secondary-action{background:#fffdf7}.practice-card,.metric-card,.study-card,.lesson-item,.review-card,.profile-card,.lesson-brief,.example-card,.exercise-card,.diagnostic-card,.course-card,.skill-card,.vocab-card,.listening-card,.exam-filter,.exam-context-card,.correction-card,.history-card{background:#fffcf4f0;box-shadow:0 12px 26px #1f2b2313}.practice-card:hover,.course-card:hover,.lesson-item:hover,.exam-filter:hover,.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.practice-card,.course-card,.lesson-item,.exam-filter,.primary-action,.secondary-action{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}@media(min-width:1040px){.app-shell{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:min(1510px,calc(100vw - 44px));min-height:calc(100vh - 44px);margin:22px auto;overflow:hidden;padding:0;border:9px solid #16211f;border-radius:24px;background:linear-gradient(90deg,#fffdf7 0 80px,transparent 80px),#fffaf0;box-shadow:0 0 0 2px #fffdf7d9,0 30px 80px #0f201d47}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgba(255,253,247,.7);border-radius:14px}.app-header{grid-column:2;max-width:none;margin:0;padding:18px 34px 12px;text-align:center}.app-header>div:first-child{flex:1;padding:0 170px 0 20px}.app-header h1{color:var(--emerald);font-size:1.05rem;font-weight:950;letter-spacing:.24em;text-transform:uppercase}.header-stats{position:absolute;right:34px;top:18px}.stat-pill{min-height:34px;background:#fffdf7e6}.app-main{grid-column:2;max-width:none;margin:0;padding:0 34px 34px}.app-main,.app-header{padding-right:34px}.bottom-nav{position:absolute;inset:0 auto 0 0;z-index:12;display:grid;align-content:center;width:80px;max-width:none;margin:0;padding:18px 10px;border:0;border-right:1px solid rgba(231,222,202,.88);border-radius:0;background:#fffdf7f5;box-shadow:none;transform:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{min-height:58px;border-radius:8px;font-size:.66rem}.bottom-nav button.active{background:linear-gradient(180deg,#0f5a4d,#0b3d35);box-shadow:0 10px 20px #0f3f372e}.home-dashboard{grid-template-columns:minmax(0,1.25fr) minmax(285px,.52fr);gap:14px;align-items:stretch}.today-panel,.practice-panel{min-height:392px}.today-panel{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);padding:28px}.today-copy{align-content:start;padding-top:8px}.today-copy h2{max-width:14ch;font-size:clamp(2.2rem,4.3vw,4.3rem)}.today-arabic{min-height:300px;font-size:clamp(3.4rem,6vw,6rem)}.practice-panel{padding:22px}.practice-grid{grid-template-rows:repeat(4,minmax(74px,1fr));gap:12px}.practice-card{min-height:74px;padding:12px 14px}.progress-strip{gap:14px}.metric-card{min-height:104px}.path-screen,.exams-dashboard,.lesson-screen,.exercise-screen,.profile-screen,.vocab-screen{max-width:1120px}.screen-title h2{font-size:clamp(1.45rem,2.6vw,2.25rem)}.screen-grid,.lesson-screen{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr)}.lesson-brief{min-height:360px}.exercise-card,.example-card,.grammar-box{background:#fffdf7e6}.exam-hero-panel{min-height:250px;grid-template-columns:minmax(0,1fr) 210px}.exam-hero-panel h2{max-width:16ch;font-size:clamp(2rem,4.2vw,4.2rem)}.exam-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vocab-screen{grid-template-columns:minmax(0,1fr) minmax(300px,.56fr)}.vocab-card{min-height:330px;justify-content:center}.teacher-avatar{right:42px;bottom:34px}.teacher-face{width:112px;height:126px;border-radius:8px}.teacher-panel{margin-right:88px;width:310px;border-color:#e7decad9}}@media(min-width:1280px){.home-dashboard{grid-template-columns:minmax(0,1.35fr) minmax(310px,.5fr)}.today-panel{min-height:420px}}@media(max-width:1039px){.app-header{text-align:left}}@media(max-width:680px){.welcome-line{font-size:1.15rem}.app-header h1{line-height:1.1}}@media(min-width:760px)and (max-width:1039px){.app-shell{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:min(960px,calc(100vw - 28px));min-height:calc(100vh - 28px);margin:14px auto;overflow:hidden;padding:0;border:8px solid #16211f;border-radius:22px;background:linear-gradient(90deg,#fffdf7 0 76px,transparent 76px),#fffaf0;box-shadow:0 0 0 2px #fffdf7d1,0 26px 70px #0f201d3d}.app-header{grid-column:2;max-width:none;margin:0;padding:16px 24px 10px;text-align:center}.app-header>div:first-child{flex:1}.app-header h1{color:var(--emerald);font-size:.95rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.app-header>div:first-child{padding:0 150px 0 16px}.header-stats{position:absolute;right:24px;top:14px}.app-main{grid-column:2;max-width:none;margin:0;padding:0 24px 24px}.app-main,.app-header{padding-right:24px}.bottom-nav{position:absolute;inset:0 auto 0 0;z-index:12;display:grid;grid-template-columns:1fr;align-content:center;gap:6px;width:76px;max-width:none;margin:0;padding:16px 9px;border:0;border-right:1px solid rgba(231,222,202,.88);border-radius:0;background:#fffdf7f5;box-shadow:none;transform:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.bottom-nav button{width:100%;min-height:56px;border-radius:8px;overflow:hidden;font-size:.58rem;line-height:1;text-align:center}.bottom-nav button.active{background:linear-gradient(180deg,#0f5a4d,#0b3d35);box-shadow:0 10px 20px #0f3f372e}.home-dashboard{grid-template-columns:1fr}.today-panel{grid-template-columns:minmax(0,.9fr) minmax(230px,.7fr);min-height:390px}.today-copy h2{max-width:13ch;font-size:clamp(2.1rem,6vw,3.4rem)}.today-arabic{min-height:285px;font-size:clamp(3.2rem,8vw,5.5rem)}.practice-grid,.progress-strip{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}.practice-card{grid-template-columns:42px 1fr;min-height:112px}.practice-card>svg{display:none}.teacher-avatar{right:30px;bottom:30px}.teacher-panel{width:270px}}.dashboard-greeting,.daily-goals-card,.dashboard-teacher{position:relative;z-index:2}.dashboard-greeting,.daily-goals-card,.dashboard-teacher{display:none}@media(min-width:760px){.app-header{display:none}.app-main{grid-row:1 / -1}.home-dashboard{grid-template-columns:1fr;gap:0;min-height:100%}.today-panel{grid-template-columns:minmax(235px,.9fr) minmax(250px,1fr) minmax(170px,.58fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px 22px;min-height:430px;padding:22px 28px 0;border-radius:0;box-shadow:none}.dashboard-greeting{display:grid;grid-column:1 / 3;align-content:start;gap:8px}.dashboard-greeting p,.dashboard-greeting h2{margin:0}.dashboard-greeting p{color:var(--saffron);font-size:.74rem;font-weight:950}.dashboard-greeting h2{color:#fffdf7;font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1}.dashboard-greeting div{display:flex;flex-wrap:wrap;gap:10px}.dashboard-greeting>div>span,.dashboard-greeting .language-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1px solid rgba(255,253,247,.18);border-radius:999px;background:#031d1933;color:#fffdf7f0;font-size:.72rem;font-weight:850}.dashboard-greeting .language-chip{cursor:pointer;font:inherit;font-size:.72rem;font-weight:900;box-shadow:none}.daily-goals-card{display:grid;grid-column:3;grid-row:1 / 3;align-self:start;gap:7px;padding:12px;border:1px solid rgba(255,253,247,.24);border-radius:8px;background:#fffdf7f2;color:var(--ink);box-shadow:0 16px 32px #031d192e}.daily-goals-card strong{font-size:.84rem}.daily-goals-card span{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.72rem;font-weight:850}.daily-goals-card button{min-height:32px;border:0;border-radius:6px;background:linear-gradient(180deg,#ffd45a,#f1ae2f);color:#17231f;cursor:pointer;font-size:.72rem;font-weight:950}.today-copy{grid-column:1;grid-row:2;align-content:center;max-width:390px;padding-top:0}.today-copy h2{max-width:14ch;font-size:clamp(1.85rem,4vw,3rem);line-height:1.02}.today-copy p:not(.eyebrow){font-size:.9rem}.today-arabic{grid-column:2;grid-row:2 / 4;min-height:238px;padding:18px;font-size:clamp(3.2rem,7vw,5.4rem)}.dashboard-teacher{display:grid;grid-column:3;grid-row:3;align-self:end;justify-items:center;min-height:160px}.teacher-speech{position:relative;z-index:3;max-width:140px;margin:0 0 10px -72px;padding:10px 12px;border:1px solid rgba(231,222,202,.9);border-radius:8px;background:#fffdf7f5;color:var(--ink);font-size:.68rem;font-weight:850;box-shadow:0 12px 24px #031d191f}.teacher-speech:after{content:"";position:absolute;right:-8px;top:22px;width:16px;height:16px;background:inherit;border-top:inherit;border-right:inherit;transform:rotate(45deg)}.practice-panel{min-height:auto;padding:20px 28px 16px;border:0;border-radius:0;background:#fffaf0;box-shadow:none}.section-heading h3{font-size:1.05rem}.practice-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:12px}.practice-card{grid-template-columns:42px 1fr;min-height:118px;align-content:center;border-color:#eadfc9}.practice-card>svg{display:none}.practice-card strong{font-size:.88rem}.practice-card small{font-size:.78rem}.progress-strip{display:none}.teacher-avatar{width:120px}}@media(min-width:1040px){.app-shell{grid-template-rows:minmax(0,1fr)}.today-panel{min-height:455px}.today-copy h2{font-size:clamp(2.2rem,3.8vw,3.65rem)}}@media(min-width:760px)and (max-width:920px){.today-panel{grid-template-columns:minmax(205px,.95fr) minmax(230px,1.1fr) 145px;gap:14px;padding:20px 24px 0}.dashboard-greeting h2{font-size:1.32rem}.daily-goals-card{padding:10px}.teacher-speech{max-width:122px;margin-left:-58px;font-size:.62rem}}.tutor-avatar-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.teacher-face{overflow:hidden;padding:0;border:0;background:transparent}.teacher-face .tutor-avatar-img{border-radius:18px;box-shadow:0 16px 28px #031d1938}.teacher-state{top:-3px;left:-3px;border:2px solid #fffdf7;box-shadow:0 8px 18px #031d192e}.dashboard-avatar-img{width:118px;height:210px;object-fit:cover;object-position:center top;border-radius:8px;filter:drop-shadow(0 16px 20px rgba(3,29,25,.28))}@media(min-width:760px){.dashboard-teacher{min-height:220px;align-content:end}.dashboard-avatar-img{width:104px;height:210px;margin-bottom:-7px}.teacher-face{width:84px;height:124px}.teacher-panel{margin-right:78px}}@media(min-width:1040px){.dashboard-avatar-img{width:118px;height:236px}.teacher-face{width:92px;height:136px}}.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:14px 0 4px;padding:3px;border:1px solid var(--border);border-radius:8px;background:#fffaf0}.lesson-tabs span{display:grid;place-items:center;min-height:32px;border-radius:6px;color:var(--muted);font-size:.72rem;font-weight:900}.lesson-tabs .active{background:var(--emerald);color:var(--saffron)}@media(min-width:760px){.lesson-screen,.exercise-screen,.vocab-screen,.exams-dashboard,.path-screen,.profile-screen{padding:24px}.lesson-screen{grid-template-columns:minmax(0,.78fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:start;gap:16px}.lesson-toolbar{grid-column:1 / -1}.lesson-brief{min-height:0;padding:18px}.lesson-brief h2{font-size:clamp(1.8rem,4vw,3rem)}.lesson-brief .tag-row{margin-top:10px}.grammar-box{margin-top:14px}.examples-list{grid-template-columns:1fr;align-content:start}.example-card{min-height:128px;padding:16px}.lesson-screen>.primary-action{grid-column:2;min-height:68px}.exercise-screen{max-width:980px;margin:0 auto}.exercise-card{min-height:420px;align-content:center}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.exams-dashboard{gap:14px}.exam-hero-panel{min-height:260px;border-radius:8px}.vocab-screen{gap:18px}.vocab-card{min-height:315px;align-content:center}.vocab-card strong{font-size:clamp(4rem,7vw,6.5rem)}}@media(max-width:759px){.lesson-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:760px){.app-shell{max-height:calc(100dvh - 16px)}.app-main{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.teacher-avatar.collapsed{width:112px}.teacher-avatar:not(.collapsed){width:min(340px,calc(100vw - 120px))}.teacher-avatar.collapsed .teacher-face{touch-action:none}}@media(hover:none){.practice-card:hover,.course-card:hover,.lesson-item:hover,.exam-filter:hover,.primary-action:hover,.secondary-action:hover{transform:none}}@media(min-width:760px)and (max-width:900px){.app-shell{grid-template-columns:68px minmax(0,1fr);width:min(1000px,calc(100vw - 16px));min-height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);margin:8px auto;border-width:6px;border-radius:20px;background:linear-gradient(90deg,#fffdf7 0 68px,transparent 68px),#fffaf0}.bottom-nav{width:68px;padding:12px 7px;gap:4px}.bottom-nav button{min-height:52px;font-size:.54rem}.app-main{padding:0 16px 18px}.today-panel{grid-template-columns:minmax(0,.95fr) minmax(230px,1fr);grid-template-rows:auto auto auto;gap:14px;min-height:0;padding:18px 18px 0}.dashboard-greeting{grid-column:1;grid-row:1}.daily-goals-card{grid-column:2;grid-row:1}.today-copy{grid-column:1;grid-row:2}.today-copy h2{font-size:clamp(1.95rem,6vw,3rem)}.today-arabic{grid-column:2;grid-row:2 / 4;min-height:300px;font-size:clamp(3rem,8vw,4.7rem)}.dashboard-teacher{grid-column:1;grid-row:3;justify-items:start;min-height:130px}.dashboard-avatar-img{width:86px;height:172px;margin-left:18px}.teacher-speech{margin-left:0}.practice-panel{padding:16px 18px 14px}.practice-grid,.exam-filter-grid,.profile-screen .metric-row,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-card{min-height:92px}.lesson-screen,.vocab-screen{grid-template-columns:1fr;padding:18px}.lesson-screen>.primary-action{grid-column:1}.example-card{min-height:auto}.exam-hero-panel{grid-template-columns:minmax(0,1fr) 170px;min-height:220px;padding:22px}.exam-hero-panel h2{font-size:clamp(2.3rem,7vw,4rem)}.teacher-avatar{right:18px;bottom:18px}.teacher-panel{width:min(300px,calc(100vw - 112px));max-height:min(540px,calc(100dvh - 44px))}}@media(min-width:901px)and (max-width:1180px){.today-panel{grid-template-columns:minmax(245px,.9fr) minmax(285px,1.05fr) minmax(150px,.48fr)}.daily-goals-card{max-width:190px;justify-self:end}.dashboard-avatar-img{width:100px;height:200px}.practice-card{min-height:100px}}