:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f2ec;--canvas-deep:#ece9e0;--surface:#fffefa;--surface-soft:#f8f5ec;--surface-teal:#eaf2ef;--ink:#18302d;--ink-soft:#586965;--ink-faint:#7b8985;--line:#dedfd7;--line-strong:#c9cec4;--brand:#184a43;--brand-bright:#23675d;--brand-soft:#dceae5;--accent:#c69745;--accent-soft:#f3e7ce;--fun-violet:#7657f6;--fun-purple:#a44fe7;--fun-pink:#ec4cab;--fun-cyan:#39c8e6;--fun-lime:#83d64a;--danger:#a33b33;--success:#2f7254;--warning:#8b6225;--shadow-sm:0 8px 0 #18302d09, 0 14px 30px #1d373212;--shadow-md:0 12px 0 #18302d0a, 0 24px 60px #1d37321c;--radius-sm:14px;--radius-md:22px;--radius-lg:30px;--sidebar-width:264px;--font-sans:Inter, "Segoe UI Variable Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:Inter, "Segoe UI Variable Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-arabic:"Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;font-family:var(--font-sans);color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 85% -10%, #c697451f, transparent 28rem), linear-gradient(180deg, #f8f6f0 0%, var(--canvas) 45%, var(--canvas-deep) 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body,button,input,select,textarea{font:inherit}button,input,select,textarea{max-width:100%}button{cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #23675d3b}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{letter-spacing:-.025em}select,input,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:46px;color:var(--ink);background:#fff;padding:11px 13px;transition:border-color .16s,box-shadow .16s}select:focus,input:focus,textarea:focus{border-color:var(--brand-bright);box-shadow:0 0 0 4px #23675d17}textarea{resize:vertical;min-height:112px}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{z-index:20;color:#f8fbf9;background:radial-gradient(circle at 25% 0,#c6974533,#0000 19rem),linear-gradient(165deg,#184a43 0%,#123b36 52%,#0e302c 100%);border-right:1px solid #ffffff14;flex-direction:column;gap:18px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:2px 6px 10px;display:flex}.logo,.mobile-logo{color:#173d37;font-family:var(--font-arabic);background:linear-gradient(145deg,#f3d89f,#c69745);flex:none;place-items:center;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff8c}.logo{border-radius:17px;width:48px;height:48px;font-size:28px}.brand strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:23px;display:block}.brand span,.mode-card span,.side-card>span{color:#eff6f3b8;font-size:12px}.mode-card,.side-card{background:#fff1;border:1px solid #ffffff1c;border-radius:19px;padding:15px;box-shadow:inset 0 1px #ffffff0a}.mode-card strong{text-overflow:ellipsis;margin:5px 0 3px;font-size:14px;display:block;overflow:hidden}.mode-card small,.side-card small{color:#eff6f3ab;font-size:11px;line-height:1.4;display:block}.nav{gap:5px;display:grid}.nav button,.bottom-nav button{color:#f8fbf9c7;background:0 0;border:0;font-weight:760;transition:background .15s,color .15s,transform .15s}.nav button{text-align:left;border-radius:14px;align-items:center;gap:11px;padding:11px 13px;display:flex}.nav button span{place-items:center;width:24px;font-size:18px;display:grid}.nav button.active,.nav button:hover{color:#fff;background:#ffffff1d}.nav button.active{box-shadow:inset 3px 0 var(--accent)}.side-card{margin-top:auto}.side-card select,.side-card button{width:100%}.side-card select{border:0;margin:8px 0}.side-card button{color:var(--brand);background:#f8f7f1;border:0;border-radius:13px;font-weight:800}.main{width:min(100%,1380px);min-width:0;margin:0 auto;padding:30px clamp(20px,3vw,46px) 80px}.mobile-header,.bottom-nav{display:none}.notice{color:#634816;box-shadow:var(--shadow-sm);background:#fff8e8;border:1px solid #e6c783;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:12px 15px;display:flex}.notice button{min-width:40px;color:inherit;background:0 0;border:0;font-size:22px}.notice.loading{color:var(--brand);background:var(--brand-soft);border-color:#a8c9c0}.page-head{border-radius:var(--radius-lg);min-width:0;color:var(--ink);box-shadow:var(--shadow-sm);background:radial-gradient(circle at 92% 0,#c697451f,#0000 15rem),#fffefaeb;border:1px solid #184a431a;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:clamp(20px,3vw,30px);display:flex}.page-head>div{min-width:0}.page-head h1{font-family:var(--font-display);margin:8px 0 5px;font-size:clamp(29px,3.3vw,45px);font-weight:700;line-height:1.08}.page-head p{max-width:720px;color:var(--ink-soft);margin:0;line-height:1.55}.page-head.compact{align-items:center}.badge,.eyebrow{color:#77551d;background:var(--accent-soft);letter-spacing:.06em;text-transform:uppercase;border:1px solid #c6974542;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:11px;font-weight:850;display:inline-flex}.primary,.secondary,.ghost{border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-weight:820;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary{border:1px solid var(--brand);color:#fff;background:linear-gradient(145deg, var(--brand-bright), var(--brand));box-shadow:0 9px 20px #184a4329}.secondary{color:var(--brand);background:var(--brand-soft);border:1px solid #bad2cb}.ghost{border:1px solid var(--line);color:var(--ink);background:#fffc}.ghost.small{border-radius:11px;min-height:38px;padding:7px 11px;font-size:12px}.panel,.featured,.reader,.word-panel,.review,.review-card,.product-lanes,.level-progress-card{min-width:0;color:var(--ink);box-shadow:var(--shadow-sm);background:#fffefaf0;border:1px solid #184a431a}.panel,.featured,.reader,.word-panel,.review,.review-card{border-radius:var(--radius-md);padding:clamp(18px,2.4vw,26px)}.panel h2{margin:8px 0 10px}.panel>p{color:var(--ink-soft);line-height:1.55}.panel-icon{width:38px;height:38px;color:var(--brand);background:var(--brand-soft);border-radius:12px;place-items:center;font-size:20px;font-weight:800;display:grid}.muted-copy,.status-copy{color:var(--ink-soft);line-height:1.55}.onboarding{background:radial-gradient(circle at 10% 20%,#23675d1a,#0000 24rem),0 0;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(18px,3vw,34px);width:min(100%,1240px);min-height:100vh;margin:auto;padding:clamp(18px,4vw,52px);display:grid}.hero,.setup{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffefae6;border:1px solid #184a431c;border-radius:34px}.hero{padding:clamp(28px,5vw,58px)}.setup{padding:clamp(22px,3.5vw,34px)}.hero h1{max-width:720px;color:var(--brand);font-family:var(--font-display);margin:20px 0;font-size:clamp(45px,7vw,84px);font-weight:700;line-height:.98}.hero p{max-width:680px;color:var(--ink-soft);font-size:clamp(17px,2vw,21px);line-height:1.65}.hero-points,.chips,.filters,.admin-tabs,.tabs,.level-strip,.steps,.meta,.row,.reader-actions{flex-wrap:wrap;gap:8px;display:flex}.hero-points{margin-top:24px}.hero-points span,.steps span,.meta span,.text-card>div span{color:var(--brand);background:var(--brand-soft);border:1px solid #184a431a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:780}.setup h2{margin:6px 0 12px}.options{gap:9px;margin-bottom:22px;display:grid}.options button,.chips button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:15px}.options button{padding:13px 14px}.options button span{color:var(--ink-soft);margin-top:3px;font-size:13px;display:block}.chips{margin-bottom:22px}.chips button{padding:10px 12px}.options .selected,.chips .selected{border-color:var(--brand-bright);background:var(--brand-soft);box-shadow:0 0 0 3px #23675d14}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stats>div{min-width:0;box-shadow:var(--shadow-sm);background:#fffefaeb;border:1px solid #184a4317;border-radius:20px;padding:20px}.stats strong{color:var(--brand);font-family:var(--font-display);margin-bottom:2px;font-size:clamp(25px,3vw,36px);display:block}.stats span{color:var(--ink-faint);font-size:13px}.level-progress-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#fffefafa,#eaf2efeb);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:16px;padding:clamp(18px,2.5vw,26px);display:grid}.level-progress-card h2{margin:7px 0 5px}.level-progress-card p{color:var(--ink-soft);margin:0}.progress-ring{background:conic-gradient(var(--brand-bright) var(--progress,0%), #e3e7df 0);text-align:center;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;position:relative;overflow:hidden}.progress-ring:before{border-radius:inherit;background:var(--surface);content:"";position:absolute;inset:9px}.progress-ring strong,.progress-ring span{z-index:1;position:relative}.progress-ring-label{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1;display:flex;position:absolute;inset:0}.progress-ring strong{font-size:27px;line-height:1;display:block}.progress-ring span{color:var(--ink-faint);font-size:10px;line-height:1.2}.locked-note,.unlock-note{color:#614717;background:#fff7e4;border:1px solid #e2c888;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 16px;padding:14px 16px;display:flex}.unlock-note{color:#1d563c;background:#edf8f2;border-color:#a8d0bc}.locked-note span,.unlock-note span{opacity:.86;max-width:720px;line-height:1.45}.featured{background:radial-gradient(circle at 100% 0%, #c6974529, transparent 20rem), var(--surface);margin-bottom:16px;position:relative;overflow:hidden}.featured h2{font-family:var(--font-display);margin:13px 0 3px;font-size:clamp(25px,3vw,37px)}.featured h3{color:var(--brand);font-family:var(--font-arabic);margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.45}.featured p{color:var(--ink-soft);line-height:1.6}.meta{margin:15px 0}.product-lanes{border-radius:var(--radius-md);margin:16px 0;padding:clamp(17px,2.5vw,23px)}.lane-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.lane-head h2{margin:7px 0 0}.horizontal-cards,.text-grid,.cards,.word-list,.settings-grid,.learning-map{gap:13px;min-width:0;display:grid}.horizontal-cards{grid-template-columns:repeat(4,minmax(190px,1fr))}.mini-card,.text-card,.category,.word-list article{min-width:0;color:var(--ink);background:#fff;border:1px solid #184a431a;border-radius:18px;box-shadow:0 7px 20px #1d37320b}.mini-card{flex-direction:column;gap:8px;min-height:185px;padding:16px;display:flex}.mini-card.muted{background:var(--surface-soft)}.mini-card>span{color:var(--accent);font-size:11px;font-weight:850}.mini-card h3,.text-card h2,.text-card h3{margin:0}.mini-card p,.text-card p{color:var(--ink-soft);line-height:1.5}.mini-card p{flex:1;margin:0}.mini-card button,.text-card button{color:#fff;background:var(--brand);border:0;border-radius:12px;align-self:flex-start;padding:9px 12px;font-weight:800}.cards{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));margin-top:16px}.category{text-align:left;padding:18px}.category>span{font-size:27px}.category strong{margin:9px 0 5px;display:block}.category small{color:var(--ink-soft);line-height:1.4}.search{width:min(100%,330px)}.filters,.admin-tabs,.level-strip{scrollbar-width:thin;scrollbar-color:#184a4347 transparent;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;padding:2px 2px 9px;overflow-x:auto}.filters button,.admin-tabs button,.tabs button,.level-strip button{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;background:#ffffffe0;border-radius:999px;flex:none;padding:9px 13px;font-size:13px;font-weight:780}.filters .active,.admin-tabs .active,.tabs .active,.level-strip button.active{border-color:var(--brand);color:#fff;background:var(--brand)}.level-strip button.locked{color:var(--ink-faint);opacity:.7;background:#eeede8;border-style:dashed}.text-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.text-card{flex-direction:column;min-height:275px;padding:19px;display:flex}.text-card>div{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.text-card h2{margin-top:12px;font-size:21px}.text-card h3{color:var(--brand);font-family:var(--font-arabic);margin-top:3px;font-size:27px;line-height:1.45}.text-card p{flex:1}.learning-map{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:17px}.learning-map button{min-width:0;color:var(--ink);background:var(--surface);text-align:left;box-shadow:var(--shadow-sm);border:1px solid #184a431a;border-radius:18px;padding:17px}.learning-map button.active{border-color:var(--brand-bright);background:var(--brand-soft);box-shadow:0 0 0 3px #23675d14}.learning-map strong,.learning-map span{display:block}.learning-map strong{margin-bottom:6px}.learning-map span{color:var(--ink-soft);font-size:13px;line-height:1.45}.exam-plan{margin-bottom:17px}.reader-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:16px;min-width:0;display:grid}.reader-actions{margin-bottom:15px}.reader-tools-toggle{display:none}.reader-tool-menu{flex-wrap:wrap;gap:8px;display:flex}.reader-actions button{border:1px solid var(--line);min-height:40px;color:var(--ink-soft);background:var(--surface-soft);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:770}.reader-actions button.complete{color:var(--success);background:#edf8f2;border-color:#b9d7ca}.reader-actions button.done{color:#1c6040;background:#e3f5ea;border-color:#a7d3b8}.reader h1{font-family:var(--font-display);margin:10px 0 0;font-size:clamp(27px,3vw,40px)}.reader h2{color:var(--brand);font-family:var(--font-arabic);margin:2px 0 20px;font-size:clamp(30px,4vw,45px);line-height:1.5}.arabic{color:#172b28;font-family:var(--font-arabic);text-align:right;text-wrap:pretty;font-size:clamp(29px,3vw,37px);line-height:2.25}.token,.token.unavailable{color:inherit;font:inherit;line-height:inherit;background:0 0;border:0;display:inline}.token{border-radius:10px;margin:0 1px;padding:2px 5px}.token:hover,.token.selected{color:#113b34;background:#f2dfb8}.token.unavailable{cursor:help;text-underline-offset:7px;min-height:0;padding:0 2px;-webkit-text-decoration:underline dotted #bba66c;text-decoration:underline dotted #bba66c}.punct{padding:0 2px}.translation,.example{border:1px solid var(--line);background:var(--surface-soft);border-radius:15px}.translation{margin-top:18px;padding:15px;line-height:1.65}.word-panel-shell{min-width:0}.word-panel{position:sticky;top:22px}.word-sheet-handle{display:none}.word-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.word-title h2{color:var(--brand);font-family:var(--font-arabic);margin:0;font-size:43px;line-height:1.35}.word-title button{min-width:38px;min-height:38px;color:var(--ink-soft);background:var(--surface-soft);border:0;border-radius:12px;place-items:center;display:grid}.meaning{color:var(--brand-bright);margin:5px 0 12px;font-size:18px;font-weight:850}dl{grid-template-columns:88px 1fr;gap:8px;margin:15px 0;display:grid}dt{color:var(--ink-faint);font-size:13px}dd{margin:0;font-weight:720}.example{color:var(--brand);font-family:var(--font-arabic);padding:13px;font-size:24px;line-height:1.8}.warning{color:var(--warning);background:#fff8e7;border:1px solid #e3ca8d;border-radius:14px;margin:12px 0;padding:11px 13px}.empty{border:1px dashed var(--line-strong);color:var(--ink-faint);background:var(--surface-soft);border-radius:17px;padding:22px}.empty.page{background:var(--surface)}.word-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.word-list article{padding:17px}.word-list h3{color:var(--brand);font-family:var(--font-arabic);margin:0;font-size:32px}.word-list span{color:var(--ink-soft);margin:7px 0;display:block}.word-list button{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;min-height:38px;margin-right:5px}.review-card{text-align:center;max-width:560px;margin:15px auto 0}.review-card h2{color:var(--brand);font-family:var(--font-arabic);margin:0 0 15px;font-size:clamp(48px,8vw,76px)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid .panel{min-height:250px}.account-panel{background:radial-gradient(circle at 100% 0%, #23675d1c, transparent 14rem), var(--surface)}.admin-access{grid-column:1/-1;min-height:auto!important}.form,.admin-form{gap:10px;display:grid}.form input,.form textarea,.form select,.admin-form input,.admin-form textarea,.admin-form select,.backup,.panel>select{width:100%}.form small{color:var(--ink-faint);line-height:1.45}.panel>select{margin-bottom:9px}.admin-tabs{margin-bottom:15px}.admin-text-layout{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:start;gap:15px;display:grid}.admin-form{border-radius:var(--radius-md);background:var(--surface);border:1px solid #184a431a;padding:22px}.form-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-form label{gap:6px;display:grid}.admin-form label>span,.form-hint{color:var(--ink-soft);font-size:12px;font-weight:700}.form-hint{margin:-2px 2px 2px;line-height:1.5}.admin-list{gap:9px;max-height:680px;display:grid;overflow:auto}.admin-list-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.admin-list-item strong,.admin-list-item span,.admin-list-item small{display:block}.admin-list-item>div>span[dir=rtl],.admin-list-item strong[dir=rtl]{color:var(--brand);font-family:var(--font-arabic);margin:3px 0;font-size:20px}.admin-list-item small{color:var(--ink-faint)}.status-line{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:7px;display:flex}.status-line small{margin:0}.status-badge{text-transform:uppercase;letter-spacing:.05em;background:#e8ebe8;border-radius:999px;width:fit-content;padding:4px 8px;font-weight:800;line-height:1.2;color:var(--ink-soft)!important;font-family:var(--font-sans)!important;margin:0!important;font-size:10px!important;display:inline-flex!important}.status-in_review{background:#f5e7c7;color:#6e4d13!important}.status-approved{background:#dcece7;color:#15594b!important}.status-published,.status-verified{background:var(--success);color:#fff!important}.admin-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-actions button,.missing-list button{color:#fff;background:var(--brand);border:0;border-radius:11px;min-height:38px;padding:8px 10px;font-weight:780}.admin-actions .danger{background:var(--danger)}.missing-list{gap:8px;display:grid}.missing-list>div{border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(100px,140px) minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.feedback{border:1px solid var(--line);border-radius:15px;margin-bottom:9px;padding:13px}.feedback span{color:var(--ink-faint);margin-top:3px;display:block}.backup{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.primary,.secondary,.ghost,.nav button,.bottom-nav button,.filters button,.tabs button,.level-strip button,.admin-tabs button{isolation:isolate;position:relative}.primary{background:linear-gradient(135deg,#1c846f,#126255);border-color:#0d5f52;box-shadow:0 4px #0a493f,0 12px 24px #14695a30}.primary:active,.admin-actions button:active,.category:active,.admin-quick-card:active{box-shadow:none;transform:translateY(3px)}.ghost,.secondary{box-shadow:0 3px #18302d17}.panel,.featured,.reader,.word-panel,.review,.review-card,.product-lanes,.level-progress-card,.page-head{box-shadow:var(--shadow-sm);border-width:1.5px}.nav button span,.bottom-nav button span,.category>span{filter:saturate(1.1)}.nav button span{background:#ffffff12;border:1px solid #ffffff1a;border-radius:11px;width:34px;height:34px}.nav button.active{background:linear-gradient(90deg,#ffffff29,#ffffff14);box-shadow:inset 4px 0 #f2bd4c,0 5px 14px #041b1824}.category,.options button,.learning-map button{border-width:2px;box-shadow:0 4px #18302d14}.category{grid-template-columns:52px minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.category>span{background:linear-gradient(145deg,#f2eafe,#e0f9fc);border-radius:17px;grid-row:1/3;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #fff,0 5px 14px #7657f61f}.category strong,.category small{margin:0}.category small{grid-column:2}.progress-ring{background:conic-gradient(from -35deg, var(--fun-pink) 0, var(--fun-purple) calc(var(--progress,0%) * .55), var(--fun-violet) var(--progress,0%), #e4e8e6 0);width:134px;height:134px;overflow:visible;box-shadow:0 16px 28px #6b46d529,inset 0 0 0 1px #ffffff8c}.progress-ring:before{inset:12px;box-shadow:inset 0 0 0 1px #18302d0f,0 9px 22px #18302d1f}.progress-ring:after{background:var(--fun-pink);content:"";border:4px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(-39px,-43px);box-shadow:0 4px 12px #ec4cab47}.progress-ring strong{color:#3b3154;font-weight:740}.stats>div{border-width:2px;position:relative;overflow:hidden;box-shadow:0 4px #18302d0e}.stats>div:before{border-radius:inherit;background:linear-gradient(var(--fun-pink), var(--fun-violet));content:"";width:7px;height:100%;position:absolute;top:0;left:0}.stats>div:nth-child(2):before{background:linear-gradient(var(--fun-cyan), #4a96ed)}.stats>div:nth-child(3):before{background:linear-gradient(var(--fun-lime), #40b581)}.stats>div:nth-child(4):before{background:linear-gradient(#f5b94b,#ec7f4c)}.admin-hero{background:radial-gradient(circle at 90% 5%, #ec4cab26, transparent 13rem), radial-gradient(circle at 76% 110%, #39c8e629, transparent 16rem), var(--surface);overflow:hidden}.admin-hero-actions{justify-items:end;gap:9px;display:grid}.role-chip,.count-chip{color:#5a347a;background:#f2e7fb;border-radius:999px;width:fit-content;padding:7px 11px;font-size:12px;font-weight:850;display:inline-flex}.admin-tabs{box-shadow:var(--shadow-sm);background:#fffefae0;border:1.5px solid #184a431a;border-radius:20px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:7px;display:grid;overflow:visible}.admin-tabs button{min-height:45px;box-shadow:none;white-space:normal;background:0 0;border:0;border-radius:14px;align-items:center;gap:7px;display:inline-flex}.admin-tabs button>span{background:#edf0ef;border-radius:8px;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.admin-tabs button>b{color:#fff;background:var(--fun-pink);border-radius:999px;place-items:center;min-width:21px;height:21px;font-size:10px;display:grid}.admin-tabs .active{color:#fff;background:linear-gradient(135deg,#6554de,#8d4fd6);box-shadow:0 4px #4e3baa,0 8px 18px #6554de33}.admin-tabs .active>span{color:#5b43bd;background:#fff}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px;display:grid}.admin-metrics button{border:1.5px solid var(--line);min-height:104px;color:var(--ink);background:var(--surface);text-align:left;border-radius:20px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:2px 12px;padding:16px;display:grid;box-shadow:0 4px #18302d12}.metric-icon{color:#fff;background:var(--fun-violet);border-radius:16px;grid-row:1/3;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff73}.metric-icon.cyan{background:linear-gradient(145deg,#46d6ea,#3b9fea)}.metric-icon.pink{background:linear-gradient(145deg,#f26fb8,#c54ede)}.metric-icon.green{background:linear-gradient(145deg,#91dd52,#3bb47e)}.admin-metrics strong{align-self:end;font-size:25px}.admin-metrics small{color:var(--ink-faint);align-self:start}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-quick-card{border:2px solid var(--line);min-height:112px;color:var(--ink);background:var(--surface);text-align:left;border-radius:21px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid;box-shadow:0 5px #18302d14}.quick-visual{color:#fff;background:linear-gradient(145deg, var(--fun-violet), var(--fun-purple));border-radius:17px;place-items:center;width:54px;height:54px;font-size:25px;font-weight:900;display:grid}.admin-quick-card:nth-child(2) .quick-visual{background:linear-gradient(145deg, var(--fun-pink), var(--fun-purple))}.admin-quick-card:nth-child(3) .quick-visual{background:linear-gradient(145deg, var(--fun-cyan), #4a92ed)}.admin-quick-card:nth-child(4) .quick-visual{background:linear-gradient(145deg, var(--fun-lime), #40b581)}.admin-quick-card div{gap:5px;display:grid}.admin-quick-card small{color:var(--ink-soft);line-height:1.45}.admin-quick-card>b{color:var(--fun-violet);font-size:22px}.review-board,.user-management{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.review-column{border:1.5px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:22px;padding:20px}.review-column-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.review-column-head h2{margin:7px 0 0}.review-column-head>b{color:#fff;background:linear-gradient(145deg, var(--fun-pink), var(--fun-violet));border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 4px #7139b0}.review-item{background:#fff;border-width:1.5px}.admin-actions .approve{color:#243a19;background:linear-gradient(#a6e46f,#83cf4c);box-shadow:0 3px #5eaa35}.user-management{grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr)}.user-list-panel h2,.user-editor h2{margin:6px 0}.user-list-panel .form-head p{color:var(--ink-soft);margin:0}.admin-user-search{margin:15px 0 10px}.user-list{gap:8px;max-height:650px;display:grid;overflow:auto}.user-row{border:1.5px solid var(--line);background:var(--surface-soft);border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;display:grid}.user-row.selected{background:#f4effd;border-color:#8262e4;box-shadow:0 0 0 3px #7657f617}.user-avatar{color:#fff;background:linear-gradient(145deg,#79cad8,#4389d4);border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:grid}.user-avatar.role-editor{background:linear-gradient(145deg,#ae72eb,#7054db)}.user-avatar.role-admin{background:linear-gradient(145deg,#f1bd50,#dc7a40)}.user-row>div:nth-child(2){min-width:0}.user-row>div:nth-child(2) strong,.user-row>div:nth-child(2) span,.user-row>div:nth-child(2) small{text-overflow:ellipsis;display:block;overflow:hidden}.user-row>div:nth-child(2) span,.user-row>div:nth-child(2) small{color:var(--ink-faint);font-size:12px}.user-role{color:#345d67;background:#dff1f4;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850}.user-role.role-editor{color:#623e8e;background:#eee1fa}.user-role.role-admin{color:#765319;background:#fae9c6}.user-editor{gap:12px;display:grid;position:sticky;top:20px}.user-editor label{gap:6px;display:grid}.user-editor label>span{color:var(--ink-soft);font-size:12px;font-weight:800}.permission-note{color:#5a3c78;background:#f6f0fb;border:1px solid #d9cbed;border-radius:15px;gap:4px;padding:13px;display:grid}.permission-note span{font-size:12px;line-height:1.45}.user-editor-empty{text-align:center;align-content:center;place-items:center;min-height:300px;display:grid}.user-editor-empty>span{color:#fff;background:linear-gradient(145deg, var(--fun-violet), var(--fun-pink));border-radius:22px;place-items:center;width:66px;height:66px;font-size:29px;display:grid}.user-editor-empty p{max-width:300px;color:var(--ink-soft);margin:0;line-height:1.5}@media (hover:hover) and (pointer:fine){.primary:hover,.secondary:hover,.ghost:hover,.category:hover,.text-card:hover,.learning-map button:hover{transform:translateY(-2px)}.primary:hover{box-shadow:0 12px 26px #184a4338}.category,.text-card,.learning-map button{transition:transform .16s,box-shadow .16s,border-color .16s}.category:hover,.text-card:hover,.learning-map button:hover{box-shadow:var(--shadow-md);border-color:#184a433d}}@media (width<=1120px){.app-shell{grid-template-columns:224px minmax(0,1fr)}.horizontal-cards,.learning-map{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-layout{grid-template-columns:minmax(0,1fr) 310px}}@media (width<=900px){.app-shell{display:block}.sidebar{display:none}.main{width:100%;padding:14px 14px calc(102px + env(safe-area-inset-bottom))}.mobile-header{z-index:25;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefae8;border:1px solid #184a431c;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex;position:sticky;top:8px}.mobile-brand{align-items:center;gap:9px;display:flex}.mobile-logo{border-radius:12px;width:38px;height:38px;font-size:22px}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{font-family:var(--font-display);font-size:18px}.mobile-brand small{color:var(--ink-faint);font-size:10px}.mobile-actions{gap:6px;display:flex}.mobile-actions button{min-width:42px;color:var(--brand);background:var(--brand-soft);border:0;border-radius:13px;place-items:center;display:grid}.bottom-nav{right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#123b36f5;border:1px solid #ffffff1f;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px;display:grid;position:fixed;left:8px;box-shadow:0 16px 42px #0c2a2647}.bottom-nav button{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:51px;padding:5px 2px;font-size:10px;display:flex}.bottom-nav button span{font-size:18px}.bottom-nav button.active{color:#fff;background:#ffffff1f}.page-head{border-radius:23px;align-items:flex-start}.settings-grid{grid-template-columns:1fr}.settings-grid .panel{min-height:0}.admin-access{grid-column:auto}.reader-layout,.admin-text-layout,.review-board,.user-management{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.user-editor,.word-panel{position:static}.word-panel-shell.is-open{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a1f1d75;align-items:end;padding:18px;animation:.18s ease-out both word-backdrop-in;display:grid;position:fixed;inset:0}.word-panel-shell:not(.is-open){display:none}.word-panel-shell .word-panel{overscroll-behavior:contain;border-color:#654bdb33;border-radius:26px 26px 20px 20px;width:min(100%,560px);max-height:min(76svh,660px);margin:0 auto;animation:.26s cubic-bezier(.22,1,.36,1) both word-sheet-in;position:relative;top:auto;overflow-y:auto;box-shadow:0 24px 70px #071f1c47}.word-panel-shell .word-panel:before{border-radius:inherit;content:"";background:linear-gradient(90deg,#ee5db6,#7a5ce6,#38b9ad);height:4px;position:absolute;top:0;left:0;right:0}.word-sheet-handle{background:#d3d8d4;border-radius:999px;width:42px;height:5px;margin:-5px auto 12px;display:block}.admin-list{max-height:none}}@media (width<=720px){.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-bottom:4px;display:grid;overflow:visible}.admin-tabs button{white-space:normal;justify-content:flex-start;width:100%;min-height:44px}.admin-quick-grid{grid-template-columns:1fr}.admin-hero-actions{justify-items:stretch;width:100%}.role-chip{justify-self:start}.onboarding{grid-template-columns:1fr;align-content:start;min-height:100svh;padding:12px}.hero,.setup{border-radius:24px}.hero{padding:27px 22px}.setup{padding:20px}.hero h1{font-size:clamp(42px,13vw,62px)}.page-head,.page-head.compact{grid-template-columns:1fr;gap:12px;padding:19px;display:grid}.page-head .ghost,.page-head .search{width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats>div{border-radius:16px;padding:15px}.level-progress-card{grid-template-columns:1fr auto;gap:12px}.progress-ring{width:92px;height:92px}.progress-ring strong{font-size:22px}.progress-ring span{font-size:9px}.progress-ring:after{border-width:3px;width:12px;height:12px;transform:translate(-28px,-31px)}.locked-note,.unlock-note{display:block}.locked-note strong,.unlock-note strong{margin-bottom:5px;display:block}.horizontal-cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.horizontal-cards::-webkit-scrollbar{display:none}.mini-card{scroll-snap-align:start;min-width:min(82vw,320px);min-height:175px}.cards,.text-grid,.learning-map{grid-template-columns:1fr}.text-card{min-height:0}.lane-head{grid-template-columns:1fr;display:grid}.lane-head .ghost{justify-self:start}.reader-actions{grid-template-columns:auto auto;justify-content:space-between;gap:7px;margin:-3px 0 10px;display:grid}.reader-actions>button{white-space:nowrap;border-radius:12px;min-height:36px;padding:6px 10px}.reader-back{justify-self:start}.reader-tools-toggle{justify-self:end;align-items:center;gap:6px;display:inline-flex;color:#6549c3!important;background:linear-gradient(135deg,#fff5fb,#f1efff)!important;border-color:#6b52d52e!important}.reader-actions.is-open .reader-tools-toggle{box-shadow:0 8px 18px #7054d733;color:#fff!important;background:linear-gradient(135deg,#df4fa6,#7054d7)!important}.reader-tool-menu{background:#f9f8f4f7;border:1px solid #184a431a;border-radius:17px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;display:none;box-shadow:0 12px 30px #123b361a}.reader-actions.is-open .reader-tool-menu{animation:.19s ease-out both reader-tools-in;display:grid}.reader-tool-menu button{white-space:normal;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:7px 9px;display:flex}.reader-tool-menu button span{width:23px;height:23px;color:var(--brand);background:#fff;border-radius:8px;flex:0 0 23px;place-items:center;display:grid}.arabic{font-size:clamp(28px,8.7vw,34px);line-height:2.15}.two,.admin-list-item,.missing-list>div,.user-row{grid-template-columns:1fr}.user-row{justify-items:start}.user-row .admin-actions{width:100%}.user-row .admin-actions button{flex:1}}@media (width<=430px){.main{padding-left:9px;padding-right:9px}.mobile-header{border-radius:15px;top:5px}.page-head,.panel,.featured,.reader,.word-panel,.review,.review-card,.product-lanes,.level-progress-card{border-radius:18px}.page-head{padding:16px}.page-head h1{font-size:28px}.level-progress-card{grid-template-columns:1fr}.progress-ring{justify-self:start}.featured,.reader,.word-panel,.panel,.review{padding:16px}.product-lanes{padding:14px}.reader-actions{grid-template-columns:1fr 1fr}.word-panel-shell.is-open{padding:9px;padding-bottom:max(9px, env(safe-area-inset-bottom))}.word-panel-shell .word-panel{border-radius:23px 23px 17px 17px;padding:17px}.word-title h2{font-size:36px}.bottom-nav{right:5px;bottom:max(5px, env(safe-area-inset-bottom));border-radius:17px;left:5px}.bottom-nav button{font-size:9px}}@keyframes reader-tools-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes word-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes word-sheet-in{0%{opacity:0;transform:translateY(26px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}