/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--ink:#18211c;--muted:#68726b;--green-950:#12382a;--green-900:#174a36;--green-800:#1e6044;--green-700:#287653;--green-600:#359063;--green-100:#dcefe4;--green-50:#eff8f2;--cream:#f6f2e9;--paper:#fff;--line:#e2e7e3;--shadow:0 18px 45px #16322517}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f8faf8;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:0 20px;font-size:14px;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{background:var(--green-800);color:#fff;box-shadow:0 10px 22px #1e604430}.primary-button:hover{background:var(--green-900);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-button span{font-size:18px;line-height:1}.primary-button.compact{min-height:42px;padding-inline:16px}.primary-button.warm{background:#d99a30}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.secondary-button:hover{background:#f5f8f6}.brand-mark{background:var(--green-800);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Noto Naskh Arabic,Segoe UI,serif;font-size:30px;line-height:1;display:inline-flex}.brand-mark.light{color:var(--green-900);background:#f4e9ce}.avatar{color:var(--green-900);background:#d7eadf;border:2px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:inline-flex}.avatar.small{border-width:0;width:38px;height:38px}.auth-page{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:radial-gradient(circle at 83% 18%,#f1d89f2b 0 13%,#0000 13.3%),radial-gradient(circle at 12% 86%,#ffffff12 0 18%,#0000 18.3%),linear-gradient(148deg,#123c2b 0%,#1c5a40 56%,#276e4e 100%);flex-direction:column;min-height:100vh;padding:42px clamp(38px,5vw,76px) 32px;display:flex;position:relative;overflow:hidden}.admin-auth .auth-story{background:radial-gradient(circle at 80% 20%,#dbae5829 0 14%,#0000 14.3%),linear-gradient(148deg,#122a35,#174c43 64%,#1c6048)}.auth-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:430px;height:430px;position:absolute;top:38%;right:-220px}.auth-brand,.brand-lockup{align-items:center;gap:12px;width:max-content;display:inline-flex}.auth-brand>span:last-child,.brand-lockup>span:last-child{flex-direction:column;display:flex}.auth-brand strong{letter-spacing:.02em;font-size:19px}.auth-brand small{color:#ffffff9e;letter-spacing:.24em;text-transform:uppercase;font-size:10px}.story-copy{z-index:1;max-width:620px;margin-top:clamp(48px,8vh,92px);position:relative}.story-kicker,.form-kicker,.section-kicker,.eyebrow{color:#d7b86f;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.story-copy h1{letter-spacing:-.045em;max-width:660px;margin:17px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5.4vw,72px);font-weight:500;line-height:.99}.story-copy p{color:#ffffffad;max-width:530px;margin:0;font-size:16px;line-height:1.7}.auth-showcase{z-index:2;grid-template-columns:minmax(230px,1fr) minmax(220px,.88fr);align-items:end;gap:16px;max-width:610px;margin-top:clamp(34px,6vh,65px);display:grid;position:relative}.arabic-card,.lesson-mini{border:1px solid #ffffff2e;box-shadow:0 20px 50px #00000026}.arabic-card{color:var(--ink);background:#f6eedf;border-radius:24px;min-height:210px;padding:24px 28px;transform:rotate(-1.5deg)}.arabic-card .card-label{color:#8e887d;letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:800}.arabic-card strong{text-align:center;margin:22px 0 10px;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:66px;font-weight:600;display:block}.arabic-card .translation{color:#546159;text-align:center;border-top:1px solid #ded5c3;padding-top:14px;font-size:13px;display:block}.arabic-card .translation i{color:#c6973b;margin:0 7px;font-style:normal}.lesson-mini{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-radius:20px;padding:20px;transform:translateY(8px)rotate(1deg)}.mini-top{justify-content:space-between;align-items:center;font-size:12px;display:flex}.mini-top span{color:#ffffffa6}.mini-top strong{color:#e8cf94}.rhythm-bars{align-items:end;gap:7px;height:62px;margin:16px 0 10px;display:flex}.rhythm-bars i{background:#8fc4a4;border-radius:5px 5px 2px 2px;flex:1;height:55%}.rhythm-bars i:nth-child(2){height:78%}.rhythm-bars i:nth-child(3){height:66%}.rhythm-bars i:nth-child(4){height:90%}.rhythm-bars i.muted{background:#ffffff21;height:36%}.rhythm-bars i.today{background:#e1b960;height:48%}.lesson-mini small{color:#ffffff8c;font-size:10px}.story-stats{z-index:1;gap:clamp(28px,4vw,54px);margin-top:auto;padding-top:28px;display:flex;position:relative}.story-stats span{flex-direction:column;display:flex}.story-stats strong{font-family:Georgia,serif;font-size:25px;font-weight:500}.story-stats small{color:#ffffff73;letter-spacing:.09em;text-transform:uppercase;margin-top:4px;font-size:9px}.auth-panel{background:#fbfcfa;justify-content:center;align-items:center;padding:50px clamp(34px,5vw,78px);display:flex}.auth-form-wrap{width:100%;max-width:410px}.mobile-auth-brand{display:none}.form-kicker{color:var(--green-700)}.auth-form-wrap h2{letter-spacing:-.035em;margin:12px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:500}.form-intro{color:var(--muted);margin:0 0 30px;font-size:14px;line-height:1.6}.auth-form{gap:17px;display:grid}.auth-form label,.create-user-form label{gap:8px;display:grid}.auth-form label>span,.create-user-form label>span{color:#3b4740;letter-spacing:.04em;font-size:11px;font-weight:800}.auth-form input,.create-user-form input,.search-box input,.answer-form input{color:var(--ink);background:#fff;border:1px solid #dce3de;border-radius:13px;outline:none;width:100%;min-height:50px;padding:0 15px;transition:border .16s,box-shadow .16s}.auth-form input:focus,.create-user-form input:focus,.search-box input:focus,.answer-form input:focus{border-color:var(--green-600);box-shadow:0 0 0 4px #3590631a}.auth-submit{justify-content:space-between;width:100%;min-height:54px;margin-top:5px}.form-error{color:#a54734;background:#fff0ed;border:1px solid #f2cec6;border-radius:12px;padding:11px 13px;font-size:12px}.no-registration{background:var(--green-50);border-radius:15px;align-items:flex-start;gap:12px;margin-top:24px;padding:14px 16px;display:flex}.lock-dot{color:var(--green-800);background:#d5ebdd;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:inline-flex}.no-registration p{color:#5f6b64;margin:0;font-size:11px;line-height:1.55}.no-registration strong{color:var(--green-900)}.switch-login{color:var(--green-700);text-align:center;margin-top:24px;font-size:12px;font-weight:750;display:block}.auth-story-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.language-switcher{background:#ffffff17;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.language-switcher button{color:#ffffff9e;cursor:pointer;letter-spacing:.06em;background:0 0;border:0;border-radius:999px;min-height:28px;padding:0 9px;font-size:9px;font-weight:850}.language-switcher button.active{color:var(--green-950);background:#f3e7cc}.language-switcher.compact{background:#edf2ee;border-color:#dbe3dd}.language-switcher.compact button{color:#7b857f}.language-switcher.compact button.active{color:var(--green-800);background:#fff;box-shadow:0 2px 7px #14372617}.app-frame{min-height:100vh}.sidebar{z-index:20;background:#f4f7f4;border-right:1px solid #e0e6e1;flex-direction:column;width:248px;padding:28px 22px 24px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand-lockup{padding:0 8px}.brand-lockup strong{color:var(--green-950);font-size:17px}.brand-lockup small{color:#8a948e;letter-spacing:.21em;text-transform:uppercase;font-size:9px}.side-nav{gap:5px;margin-top:52px;display:grid}.side-nav a{color:#707b74;border-radius:12px;align-items:center;gap:13px;padding:12px 13px;font-size:13px;font-weight:700;transition:background .16s,color .16s;display:flex}.side-nav a:hover{color:var(--ink);background:#ebf1ed}.side-nav a.active{background:var(--green-900);color:#fff;box-shadow:0 8px 18px #174a3626}.sidebar-language{justify-content:space-between;align-items:center;margin:20px 5px 0;display:flex}.sidebar-language>span{color:#8a948e;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:750}.sidebar-language .language-switcher{background:#e8eeea;border-color:#dbe3dd}.sidebar-language .language-switcher button{color:#738078;min-height:25px;padding-inline:7px}.nav-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:inline-flex}.sidebar-note{background:#e4efe7;border-radius:18px;margin-top:auto;padding:18px;position:relative;overflow:hidden}.sidebar-note:after{color:#1d5e4214;content:"ب";font-family:serif;font-size:96px;position:absolute;top:3px;right:-5px}.tiny-arabic{color:var(--green-700);margin-bottom:8px;font-family:serif;font-size:20px;display:block}.sidebar-note strong{color:var(--green-950);z-index:1;font-size:12px;position:relative}.sidebar-note p{color:#65756a;z-index:1;max-width:160px;margin:7px 0 0;font-size:10px;line-height:1.55;position:relative}.sidebar-account{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:18px;padding:18px 4px 0;display:flex}.account-copy{flex-direction:column;flex:1;min-width:0;display:flex}.account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.account-copy small{color:#8a948e;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.icon-button{color:#748078;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex}.icon-button:hover{color:var(--ink);background:#e7ece8}.app-main{min-height:100vh;margin-left:248px}.page-header{border-bottom:1px solid var(--line);z-index:15;background:#ffffffeb;justify-content:space-between;align-items:center;min-height:122px;padding:25px clamp(28px,4.5vw,66px);display:flex;position:sticky;top:0}.eyebrow,.section-kicker{color:var(--green-700)}.page-header h1{letter-spacing:-.035em;margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,40px);font-weight:500}.page-header p{color:var(--muted);margin:6px 0 0;font-size:12px}.header-actions{align-items:center;gap:14px;display:flex}.header-avatar{display:none}.streak-pill{color:#8d651f;background:#fff7e6;border:1px solid #f0dfb8;border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:11px;display:flex}.streak-pill span{color:#d99628}.page-content{max-width:1500px;margin:0 auto;padding:34px clamp(28px,4.5vw,66px) 70px}.mobile-nav{display:none}.course-hero{box-shadow:var(--shadow);color:#fff;background:linear-gradient(115deg,#173f30,#245d43);border-radius:25px;grid-template-columns:1.35fr .7fr .65fr;gap:26px;min-height:255px;padding:35px 38px;display:grid;position:relative;overflow:hidden}.course-hero:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:250px;height:250px;position:absolute;top:-115px;right:15%}.hero-copy{z-index:2;align-self:center;position:relative}.course-hero .section-kicker{color:#dfbd6b}.hero-copy h2{letter-spacing:-.025em;margin:10px 0;font-family:Georgia,serif;font-size:clamp(27px,3vw,38px);font-weight:500}.hero-copy p{color:#ffffffa6;max-width:520px;margin:0 0 21px;font-size:12px;line-height:1.6}.course-hero .primary-button{box-shadow:none;color:var(--green-950);background:#f3e7cc}.course-hero .primary-button:hover{background:#fff}.hero-word{z-index:2;background:#ffffff17;border:1px solid #ffffff21;border-radius:20px;flex-direction:column;align-self:center;align-items:center;padding:22px 14px;display:flex;position:relative}.hero-word>span{color:#ffffff80;letter-spacing:.16em;text-transform:uppercase;font-size:8px}.hero-word strong{color:#f6ead0;font-family:Traditional Arabic,serif;font-size:54px;font-weight:500;line-height:1.35}.hero-word small{color:#ffffff91;font-size:10px}.hero-progress{z-index:2;flex-direction:column;align-self:center;align-items:center;display:flex;position:relative}.ring{background:conic-gradient(#e5bd63 var(--progress), #ffffff1a 0);border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:relative}.ring:before{content:"";background:#22583f;border-radius:50%;position:absolute;inset:8px}.ring span{text-align:center;flex-direction:column;display:flex;position:relative}.ring strong{font-family:Georgia,serif;font-size:22px}.ring small{color:#ffffff80;text-transform:uppercase;font-size:8px}.hero-progress p{color:#ffffff8c;text-align:center;margin:11px 0 0;font-size:9px;line-height:1.45}.hero-progress p strong{color:#fff;font-size:11px}.section-heading,.card-heading{justify-content:space-between;align-items:end;display:flex}.section-heading{margin:38px 0 17px}.section-heading h2,.card-heading h2,.users-toolbar h2{letter-spacing:-.025em;margin:5px 0 0;font-family:Georgia,serif;font-size:24px;font-weight:500}.section-count{color:#8a948e;font-size:10px}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.course-block-list{gap:15px;display:grid}.course-block-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden}.block-heading{grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:21px 23px;display:grid}.block-heading h3{margin:0 0 5px;font-family:Georgia,serif;font-size:20px;font-weight:500}.block-heading p{color:#7c8780;margin:0;font-size:9px}.block-lessons{border-top:1px solid #edf0ee;display:grid}.block-lesson-row{grid-template-columns:32px minmax(170px,1fr) auto 80px;align-items:center;gap:13px;min-height:70px;padding:10px 23px;transition:background .15s;display:grid}.block-lesson-row+.block-lesson-row{border-top:1px solid #edf0ee}.block-lesson-row:hover{background:#f7faf8}.block-lesson-row.locked{cursor:not-allowed;opacity:.55;background:#fafbfa}.block-lesson-row.locked:hover{background:#fafbfa}.block-lesson-row.locked .lesson-symbol{color:#7c8680;background:#ecefed;font-size:12px}.block-lesson-row.completed{cursor:default}.block-lesson-row.completed.retakeable{cursor:pointer}.lesson-symbol{background:var(--green-50);color:var(--green-700);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.block-lesson-copy{flex-direction:column;display:flex}.block-lesson-copy strong{font-size:11px}.block-lesson-copy small{color:#8b948e;margin-top:4px;font-size:8px}.lesson-word-count{color:#8b948e;text-align:right;font-size:8px}.empty-state.large{background:#fff;border:1px dashed #cbd7ce;border-radius:20px;padding:70px 20px;font-size:13px}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:19px;flex-direction:column;gap:22px;min-height:205px;padding:20px 21px 18px;transition:border .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.lesson-card:hover{box-shadow:var(--shadow);border-color:#c5d4c9;transform:translateY(-3px)}.lesson-card.exam{background:#fffaf0;border-color:#eddfbf;grid-column:span 2}.lesson-card-top,.lesson-card-bottom{justify-content:space-between;align-items:center;display:flex}.lesson-number{background:var(--green-50);color:var(--green-700);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:850;display:flex}.lesson-card.peach .lesson-number{color:#b36748;background:#fff0e9}.lesson-card.lavender .lesson-number{color:#6a5aa4;background:#eeeafb}.lesson-card.sky .lesson-number{color:#43798a;background:#e6f2f6}.lesson-card.gold .lesson-number{color:#9b7027;background:#f8ebc8}.status-chip{color:#87908a;letter-spacing:.05em;text-transform:uppercase;background:#f3f5f3;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800}.status-chip.done{color:var(--green-700);background:#e1f2e7}.lesson-card h3{margin:0 0 7px;font-family:Georgia,serif;font-size:20px;font-weight:500}.lesson-card p{color:#7d8780;max-width:260px;margin:0;font-size:10px;line-height:1.55}.lesson-card-bottom{color:#8a948e;margin-top:auto;font-size:9px}.round-arrow{border:1px solid var(--line);color:var(--green-800);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.card-progress{background:#edf1ee;height:3px;position:absolute;bottom:0;left:0;right:0}.card-progress i{background:var(--green-600);height:100%;display:block}.lesson-metrics{gap:9px;display:flex}.lesson-metrics>span{border:1px solid var(--line);background:#f4f7f4;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.lesson-metrics i{color:#d29a32;font-style:normal}.lesson-stage{max-width:860px;margin:0 auto}.lesson-track{background:#e7ece8;border-radius:999px;height:6px;overflow:hidden}.lesson-track i{background:linear-gradient(90deg, var(--green-600), #73b589);border-radius:inherit;height:100%;transition:width .24s;display:block}.lesson-stage-meta{color:#7d8780;justify-content:space-between;margin:9px 2px 21px;font-size:10px;display:flex}.lesson-stage-meta a:hover{color:var(--green-700)}.question-card{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:27px;max-width:720px;margin:0 auto;padding:34px clamp(24px,5vw,58px) 40px}.direction-chip{background:var(--green-50);color:var(--green-700);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-block}.question-label{color:#7b857e;margin:25px 0 6px;font-size:12px}.question-word{color:var(--ink);min-height:108px;padding:20px 0;font-family:Georgia,serif;font-size:43px;font-weight:600}.question-word.arabic{font-family:Traditional Arabic,Noto Naskh Arabic,serif;font-size:72px;font-weight:500;line-height:1.2}.answer-form{text-align:left;display:grid}.answer-form label{color:#5f6a63;margin-bottom:7px;font-size:10px;font-weight:800}.answer-form input{text-align:center;min-height:58px;font-size:19px}.answer-form input.correct{color:var(--green-800);background:#f1fbf4;border-color:#7fbd92}.answer-form input.incorrect{color:#9d4937;background:#fff6f3;border-color:#e6a494}.answer-feedback{border-radius:13px;align-items:center;gap:11px;margin-top:12px;padding:11px 14px;display:flex}.answer-feedback>span{border-radius:50%;flex:none;justify-content:center;align-items:center;width:27px;height:27px;font-size:15px;font-weight:900;display:flex}.answer-feedback p{flex-direction:column;gap:3px;margin:0;font-size:11px;display:flex}.answer-feedback em{font-size:16px;font-style:normal}.answer-feedback.correct{color:var(--green-800);background:#edf9f1}.answer-feedback.correct>span{background:#ccebd7}.answer-feedback.incorrect{color:#974631;background:#fff1ed}.answer-feedback.incorrect>span{background:#f5d6ce}.answer-button{justify-content:space-between;width:100%;min-height:54px;margin-top:18px}.completion-card{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:27px;max-width:760px;margin:10px auto 0;padding:45px clamp(24px,6vw,70px)}.completion-burst{background:#e1f3e7;border:9px solid #f2faf5;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;display:flex}.completion-burst span{background:var(--green-700);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}.completion-card h2{margin:10px 0 8px;font-family:Georgia,serif;font-size:31px;font-weight:500}.completion-card>p{color:var(--muted);font-size:12px}.completion-stats{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:27px 0 22px;padding:20px 0;display:grid}.completion-stats span{flex-direction:column;gap:5px;display:flex}.completion-stats span+span{border-left:1px solid var(--line)}.completion-stats small{color:#8a948e;text-transform:uppercase;font-size:9px}.completion-stats strong{font-family:Georgia,serif;font-size:23px;font-weight:500}.completion-progress{background:#edf1ee;border-radius:999px;max-width:410px;height:9px;margin:0 auto 28px;position:relative}.completion-progress i{background:linear-gradient(90deg, var(--green-600), #79bd90);border-radius:inherit;height:100%;display:block}.completion-progress span{color:var(--green-700);font-size:9px;font-weight:800;position:absolute;top:-18px;right:0}.completion-actions{justify-content:center;gap:10px;display:flex}.save-status{color:#7a877f;margin-top:17px;font-size:9px;display:block}.not-found{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.not-found strong{font-family:Georgia,serif;font-size:32px}.not-found a{color:var(--green-700);font-weight:700}.focus-layout{grid-template-columns:minmax(350px,.85fr) minmax(440px,1.15fr);align-items:start;gap:20px;display:grid}.focus-timer-card,.leaderboard-card,.profile-progress-card,.create-user-card,.users-card{border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:0 10px 30px #193c2b0e}.focus-timer-card{text-align:center;flex-direction:column;align-items:center;padding:38px 35px 28px;display:flex}.focus-orbit{background:#edf4ef;border:1px solid #dce9e0;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:18px;display:flex;position:relative}.focus-orbit:after{content:"";border:1px dashed #9fc0ab;border-radius:50%;position:absolute;inset:-8px}.focus-orbit span{color:var(--green-700);font-size:36px}.focus-timer-card.running .focus-orbit{background:#dcefe3;animation:2.2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.timer-display{color:var(--green-950);letter-spacing:-.06em;margin:11px 0 5px;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(46px,6vw,68px);font-weight:700}.focus-timer-card>p{color:var(--muted);max-width:350px;margin:0;font-size:11px;line-height:1.6}.timer-actions{gap:9px;margin-top:25px;display:flex}.focus-tip{text-align:left;background:#f6f8f6;border-radius:13px;flex-direction:column;align-items:flex-start;width:100%;margin-top:26px;padding:12px 14px;display:flex}.focus-tip strong{color:var(--green-900);text-transform:uppercase;font-size:9px}.focus-tip span{color:#7a857e;margin-top:4px;font-size:9px;line-height:1.45}.leaderboard-card{padding:28px}.card-heading{margin-bottom:21px}.refresh-chip{color:#8a948e;background:#f4f6f4;border-radius:999px;padding:7px 10px;font-size:8px}.leader-list{gap:8px;display:grid}.leader-row{border:1px solid #0000;border-bottom-color:#edf0ee;grid-template-columns:34px 38px 1fr auto;align-items:center;gap:12px;min-height:58px;padding:7px 9px;display:grid}.leader-row.me{background:var(--green-50);border-color:#d6eadd;border-radius:13px}.rank{color:#8a948e;justify-content:center;align-items:center;width:28px;height:28px;font-family:Georgia,serif;font-size:14px;display:flex}.rank-1{color:#9a702a;background:#faedc8;border-radius:50%}.rank-2{color:#6e797e;background:#eef0f1;border-radius:50%}.rank-3{color:#a66a47;background:#f8e2d5;border-radius:50%}.leader-avatar{color:var(--green-800);background:#e3ece6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:flex}.leader-name{flex-direction:column;display:flex}.leader-name strong{font-size:11px}.leader-name small{color:var(--green-700);margin-top:2px;font-size:8px}.leader-time{color:#425149;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.empty-state{color:#8a948e;text-align:center;padding:35px 20px;font-size:11px}.profile-hero{background:linear-gradient(120deg,#eef6f0,#f8f5ed);border:1px solid #dfe8e1;border-radius:22px;justify-content:space-between;align-items:center;min-height:155px;padding:28px 34px;display:flex}.profile-person{align-items:center;gap:20px;display:flex}.profile-avatar{background:var(--green-800);color:#fff;border:5px solid #fff;width:78px;height:78px;font-family:Georgia,serif;font-size:24px;box-shadow:0 8px 20px #1b513929}.profile-person h2{margin:5px 0 4px;font-family:Georgia,serif;font-size:28px;font-weight:500}.profile-person p{color:var(--muted);margin:0;font-size:10px}.profile-quote{text-align:right;flex-direction:column;align-items:end;display:flex}.profile-quote span{color:var(--green-800);font-family:Traditional Arabic,serif;font-size:27px}.profile-quote small{color:#879089;margin-top:4px;font-size:9px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:19px 0;display:grid}.stats-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:17px;display:grid}.stats-grid article>i{color:#99a19c;grid-column:2;margin-top:-8px;font-size:8px;font-style:normal}.stat-icon{border-radius:11px;grid-row:span 2;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.stat-icon.mint{color:var(--green-700);background:#e2f3e8}.stat-icon.peach{color:#ac6847;background:#fff0e7}.stat-icon.sky{color:#4b7e91;background:#e8f2f7}.stat-icon.lavender{color:#6d5fa4;background:#efebfa}.stats-grid article div{flex-direction:column;display:flex}.stats-grid article small{color:#8a948e;text-transform:uppercase;font-size:8px}.stats-grid article strong{margin-top:3px;font-family:Georgia,serif;font-size:20px;font-weight:500}.profile-progress-card{padding:27px}.card-heading a{color:var(--green-700);font-size:10px;font-weight:750}.progress-list{display:grid}.progress-row{border-top:1px solid #edf0ee;grid-template-columns:36px minmax(150px,1.2fr) minmax(130px,1fr) 40px;align-items:center;gap:13px;min-height:68px;display:grid}.progress-index{background:var(--green-50);color:var(--green-700);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:flex}.progress-index.peach{color:#b36748;background:#fff0e9}.progress-index.lavender{color:#6a5aa4;background:#eeeafb}.progress-index.sky{color:#43798a;background:#e6f2f6}.progress-index.gold{color:#9b7027;background:#f8ebc8}.progress-copy{flex-direction:column;display:flex}.progress-copy strong{font-size:11px}.progress-copy small{color:#8a948e;margin-top:4px;font-size:8px}.progress-bar{background:#edf1ee;border-radius:999px;height:6px;overflow:hidden}.progress-bar i{background:var(--green-600);border-radius:inherit;height:100%;display:block}.progress-value{color:var(--green-700);text-align:right;font-size:10px}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin-bottom:18px;display:grid}.podium-card{border:1px solid var(--line);background:#fff;border-radius:21px;flex-direction:column;align-items:center;min-height:190px;padding:23px;display:flex;position:relative}.podium-card.place-1{background:linear-gradient(145deg,#fffaf0,#fff);border-color:#ead7a7;order:2;min-height:215px}.podium-card.place-2{order:1}.podium-card.place-3{order:3}.podium-place{color:#bd8a29;font-family:Georgia,serif;font-size:25px;position:absolute;top:14px;right:17px}.podium-card .avatar{width:55px;height:55px;margin:10px 0 12px}.podium-card>strong{font-size:13px}.podium-card>small{color:#929a95;margin-top:4px;font-size:9px}.podium-card>div{border-top:1px solid #edf0ee;justify-content:center;align-items:center;gap:15px;width:100%;margin-top:17px;padding-top:14px;display:flex}.podium-card>div b{color:var(--green-800);font-size:13px}.podium-card>div span{color:#8b948e;font-size:11px}.leaderboard-table-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:27px;box-shadow:0 10px 30px #193c2b0e}.leaderboard-list{margin-top:20px;display:grid}.leaderboard-entry{border-top:1px solid #edf0ee}.leaderboard-entry:last-child{border-bottom:1px solid #edf0ee}.leaderboard-entry summary{cursor:pointer;grid-template-columns:35px 38px minmax(140px,1fr) repeat(5,minmax(65px,auto));align-items:center;gap:12px;min-height:72px;padding:9px 7px;list-style:none;display:grid}.leaderboard-entry summary::-webkit-details-marker{display:none}.leaderboard-entry summary:hover{background:#f8faf8}.leaderboard-entry summary>span:not(.avatar):not(.leaderboard-rank):not(.leaderboard-person){text-align:right;flex-direction:column;gap:4px;display:flex}.leaderboard-entry summary small{color:#919a94;font-size:8px}.leaderboard-entry summary strong{font-size:10px}.leaderboard-rank{color:var(--green-800);background:#edf2ee;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:850;display:flex}.leaderboard-rank.rank-1{color:#92681e;background:#f7e8bd}.leaderboard-rank.rank-2{color:#66716a;background:#e9ecea}.leaderboard-rank.rank-3{color:#986746;background:#f2dfd1}.leaderboard-person{flex-direction:column;min-width:0;display:flex}.leaderboard-person strong,.leaderboard-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-lessons{background:#f7f9f7;border-radius:13px;gap:1px;margin:0 7px 12px 85px;padding:8px 13px;display:grid;overflow:hidden}.leaderboard-lessons div{border-bottom:1px solid #e6ebe7;justify-content:space-between;align-items:center;min-height:35px;font-size:9px;display:flex}.leaderboard-lessons div:last-child{border-bottom:0}.leaderboard-lessons strong{color:var(--green-700)}.leaderboard-lessons p{color:#8b948e;font-size:9px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.admin-stats article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:19px 21px;display:grid}.admin-stats span{color:#7f8982;text-transform:uppercase;font-size:9px;font-weight:700}.admin-stats strong{margin:7px 0 2px;font-family:Georgia,serif;font-size:31px;font-weight:500}.admin-stats small{color:#9aa19d;font-size:8px}.create-user-card{margin-bottom:18px;padding:25px}.create-user-form{grid-template-columns:1.1fr .8fr 1fr auto;align-items:end;gap:12px;display:grid}.create-user-form input{min-height:46px}.create-user-form .primary-button{white-space:nowrap;min-height:46px}.form-hint{color:#879089;margin:12px 0 0;font-size:9px}.admin-message{border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 15px;font-size:10px;display:flex}.admin-message button{cursor:pointer;background:0 0;border:0;font-size:17px}.admin-message.success{color:var(--green-800);background:#eaf7ee;border:1px solid #cce6d5}.admin-message.error{color:#9d4937;background:#fff0ed;border:1px solid #f0d1c8}.users-card{overflow:hidden}.users-toolbar{justify-content:space-between;align-items:center;padding:25px 27px 20px;display:flex}.search-box{align-items:center;width:min(280px,42vw);display:flex;position:relative}.search-box>span{color:#8a948e;position:absolute;left:13px}.search-box input{min-height:41px;padding-left:36px;font-size:10px}.users-table-wrap{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:830px}.users-table th{border-bottom:1px solid var(--line);color:#89928d;letter-spacing:.08em;text-align:left;text-transform:uppercase;background:#f7f9f7;padding:11px 14px;font-size:8px}.users-table th:first-child,.users-table td:first-child{padding-left:27px}.users-table th:last-child,.users-table td:last-child{padding-right:27px}.users-table td{color:#4d5952;border-bottom:1px solid #edf0ee;padding:12px 14px;font-size:10px}.table-person{align-items:center;gap:10px;display:flex}.table-person>span:last-child{flex-direction:column;display:flex}.table-person strong{color:var(--ink);font-size:10px}.table-person small{color:#959d98;margin-top:3px;font-size:8px}.access-toggle{color:#89918c;cursor:pointer;background:#f3f4f3;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:750;display:inline-flex}.access-toggle i{background:#aaa;border-radius:50%;width:6px;height:6px}.access-toggle.active{color:var(--green-700);background:#e6f4ea}.access-toggle.active i{background:#4fa06f}.table-action{color:var(--green-700);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:9px;font-weight:750}.lesson-report-card{margin-bottom:18px}.retake-help{color:#66766c;margin:0;padding:0 22px 18px;font-size:12px;line-height:1.6}.retake-toggle{border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;padding:9px 12px}.retake-toggle.enabled{background:#e8f2ec;border-color:#a5c9b0}.retake-toggle:disabled{opacity:.5;cursor:default}.lesson-report-select{gap:6px;min-width:min(360px,45vw);display:grid}.lesson-report-select span{color:#7f8982;text-transform:uppercase;font-size:8px;font-weight:700}.lesson-report-select select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;min-height:41px;padding:0 36px 0 12px}.gradebook-table{min-width:620px}.lesson-score-pill{color:var(--green-700);background:#e6f4ea;border-radius:999px;padding:5px 8px;font-weight:800;display:inline-flex}.lesson-score-pill.empty{color:#929a95;background:#f1f3f1}.muted-text{color:#a0a8a3}.content-manager{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #193c2b0e}.content-tree{border-top:1px solid var(--line);display:grid}.content-block+.content-block{border-top:1px solid var(--line)}.content-block.inactive,.content-lesson.inactive,.content-word.inactive{opacity:.58}.content-block-head,.content-lesson-head{align-items:center;gap:11px;min-height:68px;padding:9px 22px;display:grid}.content-block-head{grid-template-columns:30px 34px minmax(180px,1fr) auto auto auto}.content-lesson-head{grid-template-columns:34px minmax(180px,1fr) auto auto auto;padding-left:56px}.tree-toggle{color:var(--green-800);cursor:pointer;background:#edf2ee;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:17px;display:flex}.tree-copy{flex-direction:column;min-width:0;display:flex}.tree-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tree-copy small{color:#8b948e;margin-top:4px;font-size:8px}.tree-add{color:var(--green-700);cursor:pointer;white-space:nowrap;background:#edf7f0;border:0;border-radius:9px;min-height:32px;padding:0 11px;font-size:9px;font-weight:750}.lesson-tree{background:#f8faf8;border-top:1px solid #edf0ee}.content-lesson+.content-lesson{border-top:1px solid #e8ede9}.word-tree{padding:0 20px 10px 100px;display:grid}.content-word{background:#fff;border:1px solid #e7ebe8;border-radius:10px;grid-template-columns:110px 1fr 1fr 50px auto;align-items:center;gap:10px;min-height:48px;margin-top:6px;padding:6px 11px;display:grid}.content-word>strong{color:var(--green-900);text-align:center;font-family:Traditional Arabic,serif;font-size:22px;font-weight:500}.content-word>span{color:#546159;font-size:10px}.content-word>small{color:#8c958f;font-size:8px}.editor-overlay{z-index:100;background:#0a1e148c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.editor-dialog{background:#fff;border-radius:23px;width:100%;max-width:760px;max-height:calc(100vh - 48px);padding:27px;overflow:auto;box-shadow:0 30px 90px #00000040}.editor-form{gap:15px;margin-top:22px;display:grid}.editor-form label{gap:7px;display:grid}.editor-form label>span{color:#49554e;letter-spacing:.035em;font-size:9px;font-weight:800}.editor-form input,.editor-form textarea,.editor-form select{color:var(--ink);background:#fff;border:1px solid #dce3de;border-radius:11px;outline:none;width:100%;min-height:45px;padding:10px 12px}.editor-form textarea{resize:vertical;min-height:84px}.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{border-color:var(--green-600);box-shadow:0 0 0 4px #3590631a}.editor-columns{grid-template-columns:1fr 1fr;gap:13px;display:grid}.arabic-editor-input{text-align:center;font-family:Traditional Arabic,serif;font-size:25px}.toggle-stack{align-content:center;gap:10px;display:grid}.editor-toggle{cursor:pointer;grid-template-columns:auto auto;align-items:center;gap:9px!important;display:flex!important}.editor-toggle input{opacity:0;width:1px;height:1px;position:absolute}.editor-toggle i{background:#c7d0ca;border-radius:999px;width:38px;height:21px;transition:background .16s;position:relative}.editor-toggle i:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.editor-toggle input:checked+i{background:var(--green-600)}.editor-toggle input:checked+i:after{transform:translate(17px)}.editor-toggle span{font-size:10px!important}.editor-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:4px;padding-top:17px;display:flex}.loading-screen{background:#f7faf7;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.loading-mark{background:var(--green-800);color:#fff;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;font-family:serif;font-size:34px;animation:1.5s ease-in-out infinite breathe;display:flex}.loading-screen p{color:#78837b;font-size:11px}@keyframes breathe{50%{opacity:.8;transform:scale(.93)}}@media (max-width:1100px){.auth-page{grid-template-columns:1fr 430px}.auth-story{padding-inline:42px}.story-copy h1{font-size:50px}.auth-showcase{grid-template-columns:1fr;max-width:350px}.lesson-mini,.story-stats span:nth-child(3){display:none}.course-hero{grid-template-columns:1.3fr .7fr}.hero-progress{display:none}.lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-card.exam{grid-column:span 1}.stats-grid,.create-user-form{grid-template-columns:repeat(2,1fr)}.focus-layout{grid-template-columns:1fr}.leaderboard-entry summary{grid-template-columns:35px 38px minmax(130px,1fr) repeat(3,auto)}.leaderboard-entry summary>span:nth-last-child(2),.leaderboard-entry summary>span:nth-last-child(3){display:none}}@media (max-width:820px){.auth-page{display:block}.auth-story{display:none}.auth-panel{min-height:100vh;padding:36px 24px}.mobile-auth-brand{align-items:center;gap:10px;margin-bottom:55px;display:flex}.mobile-auth-brand .language-switcher{margin-left:auto}.mobile-auth-brand strong{color:var(--green-950);font-size:17px}.sidebar{display:none}.app-main{margin-left:0;padding-bottom:72px}.page-header{min-height:108px;padding:22px 24px}.page-header p{max-width:480px}.header-avatar{display:inline-flex}.streak-pill{display:none}.page-content{padding:24px 22px 50px}.mobile-nav{border-top:1px solid var(--line);height:67px;padding-bottom:env(safe-area-inset-bottom);z-index:40;background:#fffffff2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#8a948e;flex-direction:column;align-items:center;gap:2px;min-width:70px;font-size:20px;display:flex}.mobile-nav a.active{color:var(--green-700)}.mobile-nav small{font-size:8px;font-weight:700}.course-hero{grid-template-columns:1fr .65fr;padding:28px}.profile-quote{display:none}.admin-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.auth-form-wrap h2{font-size:32px}.page-header{align-items:flex-start}.page-header h1{font-size:27px}.page-header p{display:none}.header-actions .primary-button{width:42px;height:42px;min-height:42px;padding:0;font-size:0}.header-actions .primary-button:before{content:"+";font-size:22px}.course-hero{grid-template-columns:1fr}.hero-word{display:none}.lesson-grid{grid-template-columns:1fr}.lesson-card{min-height:190px}.lesson-metrics{display:none}.question-card{border-radius:20px;padding:28px 20px 30px}.question-word.arabic{font-size:60px}.completion-card{padding-inline:20px}.completion-stats strong{font-size:18px}.completion-actions{flex-direction:column}.focus-layout{display:block}.block-heading{grid-template-columns:34px 1fr;align-items:start}.block-heading .section-count{grid-column:2}.block-lesson-row{grid-template-columns:30px 1fr auto;padding-inline:14px}.block-lesson-row .lesson-word-count{display:none}.content-block-head{grid-template-columns:28px 30px 1fr auto;padding-inline:12px}.content-block-head .status-chip,.content-block-head .table-action{display:none}.content-lesson-head{grid-template-columns:30px 1fr auto;padding-left:28px;padding-right:12px}.content-lesson-head .status-chip,.content-lesson-head .table-action{display:none}.word-tree{padding-left:46px;padding-right:10px}.content-word{grid-template-columns:80px 1fr auto}.content-word>span:nth-of-type(2),.content-word>small{display:none}.editor-columns{grid-template-columns:1fr}.leaderboard-card{margin-top:16px;padding:21px 15px}.leader-row{grid-template-columns:30px 34px 1fr auto;gap:8px;padding-inline:4px}.refresh-chip{display:none}.timer-display{font-size:49px}.profile-hero{padding:22px}.profile-avatar{width:64px;height:64px}.profile-person h2{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{grid-template-columns:34px 1fr;gap:8px;padding:13px}.stat-icon{width:34px;height:34px}.stats-grid article strong{font-size:16px}.profile-progress-card{padding:21px 15px}.progress-row{grid-template-columns:32px 1fr 38px;gap:8px}.progress-bar{display:none}.progress-index{width:29px;height:29px}.leaderboard-podium{grid-template-columns:1fr}.podium-card,.podium-card.place-1{order:initial;min-height:170px}.leaderboard-table-card{padding:21px 13px}.leaderboard-entry summary{grid-template-columns:30px 34px 1fr auto}.leaderboard-entry summary>span:not(.leaderboard-rank):not(.avatar):not(.leaderboard-person):not(:nth-last-child(3)){display:none}.leaderboard-lessons{margin-left:8px}.admin-stats,.create-user-form{grid-template-columns:1fr}.users-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.search-box{width:100%}.lesson-report-select{width:100%;min-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
