:root{--bg-0:#0e1330;--bg-1:#161c45;--bg-2:#1f2757;--panel:#202868;--panel-light:#ffffff0f;--border:#ffffff1a;--text:#f3f4ff;--text-dim:#a8adde;--text-faint:#7a80b8;--primary:#3ddc97;--primary-dim:#2a9d6f;--gold:#ffc94d;--gold-dim:#c99a2e;--coral:#ff6b6b;--purple:#b18cff;--blue:#5fb3ff;--radius-lg:22px;--radius-md:16px;--radius-sm:10px;--shadow-card:0 10px 30px #05081e73;--shadow-pop:0 6px 0 0 #00000040;--glass-bg:#10132ced;--glass-bg-strong:#131732f5;--glass-sheen:linear-gradient(165deg, #ffffff24 0%, #ffffff05 45%, #fff0 100%);--glass-border:#ffffff38;--glass-blur:blur(40px) saturate(160%);--glass-shadow:0 10px 36px #00000073, inset 0 1px 0 #fff3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html{background-color:var(--bg-0);background-image:radial-gradient(1200px 800px at 20% -10%,#26306e 0%,#0000 60%),radial-gradient(1000px 700px at 100% 0,#1c2555 0%,#0000 55%);background-position:0 0,100% 0;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100% 100%;background-attachment:fixed,fixed;min-height:100%}body,#root{min-height:100vh}body{color:var(--text);margin:0;overflow-x:hidden}.arabic{direction:rtl;unicode-bidi:isolate;font-family:Amiri,Noto Naskh Arabic,serif}.heading{font-family:"Baloo 2",Nunito,sans-serif}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--panel);border-radius:10px}::-webkit-scrollbar-track{background:0 0}.app-shell{max-width:900px;min-height:100%;margin:0 auto;padding:16px 16px 56px;position:relative}.topbar{background:var(--glass-sheen), var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);z-index:20;will-change:transform;isolation:isolate;align-items:center;gap:14px;margin-bottom:22px;padding:12px 16px;display:flex;position:sticky;top:12px;transform:translateZ(0)}.level-badge{background:conic-gradient(var(--purple), var(--blue), var(--purple));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:800;display:flex;box-shadow:0 0 0 3px #b18cff40}.xp-track{flex:1;min-width:0}.xp-label{color:var(--text-dim);justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.xp-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.xp-label span:first-child{margin-right:6px}.xp-bar-bg{border:1px solid var(--border);background:#ffffff14;border-radius:999px;height:12px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:999px;height:100%;box-shadow:0 0 12px #ffc94d99}.streak-pill{color:var(--coral);-webkit-backdrop-filter:var(--glass-blur);background:#ff6b6b24;border:1px solid #ff6b6b59;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-family:"Baloo 2",sans-serif;font-weight:800;transition:transform .12s;display:flex;box-shadow:inset 0 1px #ffffff24}.streak-pill:active{transform:scale(.95)}.map-header{text-align:center;margin-bottom:28px}.map-header h1{background:linear-gradient(90deg, var(--gold), var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-family:"Baloo 2",sans-serif;font-size:28px}.map-header p{color:var(--text-dim);margin:0}.lesson-path{flex-direction:column;align-items:center;gap:6px;padding:8px 0 40px;display:flex}.lesson-node{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg, var(--panel-light), transparent);align-items:center;gap:16px;width:100%;max-width:520px;padding:14px 18px;transition:transform .15s;display:flex;position:relative}.lesson-node.self-a{align-self:flex-start}.lesson-node.self-b{align-self:center}.lesson-node.self-c{align-self:flex-end}.lesson-node.available{cursor:pointer}.lesson-node.available:hover{border-color:#3ddc9780;transform:translateY(-2px)scale(1.01)}.lesson-node.locked{opacity:.45;filter:grayscale(.6)}.lesson-node.mastered{background:linear-gradient(#ffc94d1f,#0000);border-color:#ffc94d8c}.node-circle{background:linear-gradient(150deg, var(--primary), var(--primary-dim));width:56px;height:56px;box-shadow:var(--shadow-pop);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:"Baloo 2",sans-serif;font-size:20px;font-weight:800;display:flex;position:relative}.lesson-node.locked .node-circle{box-shadow:none;background:#333a66}.lesson-node.mastered .node-circle{background:linear-gradient(150deg, var(--gold), var(--gold-dim))}.node-info{flex:1;min-width:0}.node-info .en{font-family:"Baloo 2",sans-serif;font-size:16px;font-weight:800}.node-info .ar{color:var(--text-dim);margin-top:2px;font-size:18px}.node-best{color:var(--gold);margin-top:3px;font-size:12px;font-weight:700}.node-progress-ring{flex-shrink:0}.connector{background:linear-gradient(var(--panel-light), var(--panel-light)) center/2px 100% no-repeat;opacity:.4;width:4px;height:26px}.btn{border-radius:var(--radius-md);color:#08130f;background:var(--primary);box-shadow:0 5px 0 var(--primary-dim);border:none;padding:13px 22px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 2px 0 var(--primary-dim);transform:translateY(3px)}.btn.secondary{color:var(--text);border:2px solid var(--border);box-shadow:none;background:0 0}.btn.secondary:active{transform:translateY(2px)}.btn.gold{background:var(--gold);box-shadow:0 5px 0 var(--gold-dim)}.btn.small{box-shadow:none;padding:8px 14px;font-size:12px}.btn.small:active{transform:translateY(1px)}.learn-toolbar{justify-content:center;gap:10px;width:100%;max-width:480px;display:flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.icon-btn{background:var(--glass-sheen), var(--glass-bg-strong);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:transform .12s,background .12s;display:flex}.icon-btn:active{background:var(--glass-sheen), var(--glass-bg);transform:scale(.92)}.hub-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.hub-header .titles .ar{font-size:26px}.hub-header .titles .en{color:var(--text-dim);font-family:"Baloo 2",sans-serif;font-weight:700}.category-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:26px;display:grid}.category-card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-sheen), var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);cursor:pointer;flex-direction:column;gap:10px;padding:20px;display:flex;position:relative;overflow:hidden}.category-card:hover{border-color:#ffffff40}.category-card.disabled{opacity:.4;cursor:not-allowed}.category-card .emoji{font-size:32px}.category-card h3{margin:0;font-family:"Baloo 2",sans-serif}.category-card .count{color:var(--text-dim);font-size:13px}.category-card .best-score{color:var(--gold);font-weight:700}.category-card .bar-bg{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.category-card .bar-fill{background:linear-gradient(90deg, var(--primary-dim), var(--primary));height:100%}.category-card .done-badge{font-size:20px;position:absolute;top:14px;right:14px}.badge-section-title{color:var(--text-dim);margin:22px 0 12px;font-family:"Baloo 2",sans-serif;font-size:15px}.badge-section-title:first-of-type{margin-top:0}.badge-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:8px;display:grid}.badge-card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-sheen), var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:18px 14px;display:flex}.badge-card.locked{opacity:.55}.badge-card.unlocked{box-shadow:var(--glass-shadow), 0 0 18px #ffc94d2e;border-color:#ffc94d73}.badge-card .badge-emoji{margin-bottom:4px;font-size:34px}.badge-card .badge-title{font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:700}.badge-card .badge-desc{color:var(--text-faint);font-size:12px}.badge-progress-bg{background:#ffffff14;border-radius:999px;width:100%;height:6px;margin-top:6px;overflow:hidden}.badge-progress-fill{background:linear-gradient(90deg, var(--primary-dim), var(--primary));height:100%}.session-shell{flex-direction:column;align-items:center;gap:22px;display:flex}.session-progress-bg{background:#ffffff14;border-radius:999px;width:100%;max-width:480px;height:10px;overflow:hidden}.session-progress-fill{background:linear-gradient(90deg, var(--blue), var(--primary));height:100%}.card-stage{perspective:1400px;justify-content:center;align-items:center;width:100%;max-width:480px;min-height:340px;display:flex}.flip-card{cursor:pointer;width:100%;height:300px;position:relative}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.flip-face{backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg, var(--panel), var(--bg-2));box-shadow:var(--shadow-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0;overflow-y:auto}.flip-face.back{transform:rotateY(180deg)}.flip-word{font-size:46px;font-weight:700}.flip-plurals{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pill{border:1px solid var(--border);color:var(--text-dim);background:#ffffff14;border-radius:999px;padding:5px 12px;font-size:13px}.pill.tag-plural{color:var(--blue);border-color:#5fb3ff59}.pill.tag-syn{color:var(--primary);border-color:#3ddc9759}.pill.tag-ant{color:var(--coral);border-color:#ff6b6b59}.flip-meaning{font-family:"Baloo 2",sans-serif;font-size:24px;font-weight:800}.hint{color:var(--text-faint);font-size:12px;position:absolute;bottom:14px}.speak-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--text);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.verb-grid{grid-template-columns:repeat(2,1fr);gap:8px 14px;width:100%;display:grid}.verb-cell{background:#ffffff0d;border-radius:10px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:14px;display:flex}.verb-cell .label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.verb-cell .val{font-size:19px}.paradigm-table{flex-direction:column;gap:4px;width:100%;font-size:13px;display:flex}.paradigm-row{background:#ffffff0a;border-radius:8px;grid-template-columns:.9fr 1.2fr 1.2fr;align-items:center;gap:6px;padding:5px 8px;display:grid}.paradigm-row.paradigm-head{color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px;background:0 0;padding-bottom:0;font-size:10px;font-weight:700}.paradigm-pronoun{color:var(--purple);font-size:15px;font-weight:700}.paradigm-form{text-align:center;font-size:15px}.quiz-prompt{text-align:center;margin-bottom:4px}.quiz-prompt .word{font-size:38px;font-weight:700}.quiz-prompt .sub{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700}.quiz-prompt-detail{color:var(--text-dim);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 10px;margin-top:10px;font-size:15px;display:flex}.quiz-prompt-detail .arabic{color:var(--purple);font-size:22px;font-weight:700}.quiz-prompt-detail .detail-sep{color:var(--text-faint)}.quiz-prompt-detail .detail-meaning{color:var(--text-faint);font-size:13px}.options-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:480px;display:grid}.option-btn{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--panel-light);color:var(--text);padding:16px;font-size:17px;font-weight:700;transition:transform 80ms}.option-btn:hover:not(:disabled){border-color:#ffffff4d}.option-btn.correct{border-color:var(--primary);color:var(--primary);background:#3ddc972e}.option-btn.wrong{border-color:var(--coral);color:var(--coral);background:#ff6b6b2e}.option-btn:disabled{cursor:default}.scope-choice{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:480px;display:grid}.scope-card{border-radius:var(--radius-lg);border:2px solid var(--glass-border);background:var(--glass-sheen), var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);text-align:center;flex-direction:column;gap:8px;padding:20px 16px;display:flex}.scope-card:hover{border-color:#ffffff4d}.scope-title{color:var(--text);font-family:"Baloo 2",sans-serif;font-size:16px;font-weight:800}.scope-desc{color:var(--text-dim);font-size:12px}@media (width<=520px){.scope-choice{grid-template-columns:1fr}}.sentence-answer-row{border-bottom:2px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:520px;min-height:64px;padding:10px 4px;display:flex}.sentence-placeholder{color:var(--text-faint);font-size:14px}.sentence-bank{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:520px;padding:6px 0;display:flex}.sentence-token{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--panel-light);color:var(--text);padding:11px 16px;font-size:16px;font-weight:700}.sentence-token.bank:hover{border-color:#ffffff4d}.sentence-token.answer{border-color:var(--blue);background:#5fb3ff24}.sentence-token.answer.correct{border-color:var(--primary);color:var(--primary);background:#3ddc972e}.sentence-token.answer.wrong{border-color:var(--coral);color:var(--coral);background:#ff6b6b2e}.sentence-correct-hint{color:var(--text-dim);text-align:center;font-size:14px}.sentence-correct-hint span{color:var(--primary);font-weight:700}.match-grid{grid-template-columns:1fr 1fr;gap:22px;width:100%;max-width:520px;display:grid}.match-col{flex-direction:column;gap:10px;display:flex}.match-item{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--panel-light);text-align:center;color:var(--text);padding:14px 12px;font-size:16px;font-weight:700}.match-item.selected{border-color:var(--blue);background:#5fb3ff26}.match-item.matched{border-color:var(--primary);opacity:.6;background:#3ddc971f}.match-item.wrong-flash{border-color:var(--coral);background:#ff6b6b2e}.summary-shell{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-top:20px;display:flex}.summary-shell .big-emoji{font-size:64px}.summary-stats{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.stat-chip{background:var(--glass-sheen), var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:100px;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:14px 22px}.stat-chip .num{font-family:"Baloo 2",sans-serif;font-size:24px;font-weight:800}.stat-chip .lbl{color:var(--text-dim);font-size:12px}.settings-list{flex-direction:column;gap:14px;display:flex}.settings-card{background:var(--glass-sheen), var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.settings-card.danger{border-color:#ff6b6b4d}.settings-card h3{margin:0 0 2px;font-size:16px}.settings-desc{color:var(--text-dim);margin:0;font-size:13px}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented-opt{border:1px solid var(--border);color:var(--text-dim);background:#ffffff0a;border-radius:999px;padding:9px 14px;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700}.segmented-opt.active{background:var(--primary);color:#08130f;border-color:var(--primary)}.toggle{background:#ffffff26;border:none;border-radius:999px;flex-shrink:0;width:50px;height:28px;transition:background .2s;position:relative}.toggle.on{background:var(--primary)}.toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on .toggle-knob{transform:translate(22px)}.backup-block{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:6px;display:flex}.backup-block:first-of-type{border-top:none;padding-top:0}.backup-textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:70px;color:var(--text);word-break:break-all;background:#00000040;padding:10px 12px;font-family:monospace;font-size:12px}.backup-textarea::placeholder{color:var(--text-faint);font-family:Nunito,sans-serif}.cal-nav{justify-content:center;align-items:center;gap:18px;margin-bottom:14px;display:flex}.cal-title{text-align:center;min-width:160px;font-size:17px}.cal-weekdays{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;display:grid}.cal-weekday{text-align:center;color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:20px;display:grid}.cal-cell{aspect-ratio:1;border:1px solid var(--border);color:var(--text-dim);background:#ffffff08;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex;position:relative}.cal-daynum{font-size:12px;font-weight:700}.cal-xp{color:inherit;font-size:9px;font-weight:800}.cal-cell.dim{opacity:.35}.cal-cell.tier-1{color:var(--primary);background:#3ddc9729;border-color:#3ddc9740}.cal-cell.tier-2{color:#eafff5;background:#3ddc9752;border-color:#3ddc9773}.cal-cell.tier-3{color:#1a1305;background:#ffc94d66;border-color:#ffc94d8c}.cal-cell.tier-4{background:linear-gradient(150deg, var(--gold), var(--gold-dim));border-color:var(--gold);color:#1a1305}.cal-cell.today{box-shadow:0 0 0 2px var(--blue)}.cal-cell.selected{box-shadow:0 0 0 2px var(--text)}.cal-detail{background:var(--glass-sheen), var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:16px 18px}.cal-detail-date{margin-bottom:4px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:700}.cal-detail-xp{color:var(--gold);font-size:18px;font-weight:800}.cal-detail-empty{color:var(--text-faint);font-size:14px}.review-tabs{background:var(--glass-sheen), var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:999px;flex-wrap:wrap;gap:6px;width:fit-content;margin-bottom:18px;padding:5px;display:flex}.review-tab{color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700;transition:background .15s,color .15s}.review-tab.active{background:var(--purple);color:#0d0a1f;border-color:var(--purple)}.review-empty{text-align:center;color:var(--text-dim);padding:40px 0}.review-lesson-group{margin-bottom:22px}.review-lesson-group h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;font-size:14px}.review-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.review-item{border-radius:var(--radius-sm);background:var(--panel-light);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.review-item .ar{min-width:90px;font-size:19px}.review-item .en{color:var(--text-dim);flex:1}.review-item .mastery-dots{gap:3px;display:flex}.review-item .mastery-dots span{background:#ffffff26;border-radius:50%;width:8px;height:8px}.review-item .mastery-dots span.filled{background:var(--primary)}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{border-radius:var(--radius-sm);background:var(--panel-light);border:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.history-lesson{font-size:14px;font-weight:700}.history-category{color:var(--text-dim);margin-top:2px;font-size:12px}.history-stats{flex-shrink:0;align-items:center;gap:12px;display:flex}.history-score{border-radius:999px;padding:3px 10px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:800}.history-score.great{color:var(--primary);background:#3ddc9724}.history-score.good{color:var(--gold);background:#ffc94d24}.history-score.low{color:var(--coral);background:#ff6b6b24}.history-xp{color:var(--gold);font-size:13px;font-weight:700}.history-when{color:var(--text-faint);text-align:right;min-width:100px;font-size:12px}.progress-ring-svg circle{fill:none;stroke-width:5px}@media (width<=520px){.lesson-node{max-width:100%}.flip-word{font-size:34px}.options-grid,.match-grid{grid-template-columns:1fr 1fr}.topbar{gap:8px;padding:10px 12px}.level-badge{width:36px;height:36px;font-size:13px}.icon-btn{width:34px;height:34px;font-size:15px}.streak-pill{padding:6px 9px;font-size:13px}.xp-label{font-size:10px}}