:root{--paper: #eef4ef;--panel: #ffffff;--panel-2: #e4eee7;--ink: #0f241c;--muted: #4d6158;--line: #cfdfd5;--lapis: #0e5a42;--lapis-2: #12795a;--gold: #a46f12;--gold-soft: #f7e6bf;--deep: #0a2c22;--deep-2: #0f3a2d;--lantern: #f2b544;--lantern-ink: #3a2400;--maroon: #8e2b2b;--on-deep: #f6efe0;--ok: #1e7a4b;--ok-bg: #dff1e6;--warn: #8a5a06;--warn-bg: #fbefd2;--bad: #b13c33;--bad-bg: #f8e1df;--mark: #f6dfa8;--shadow: 0 1px 2px rgba(10, 44, 34, .07), 0 10px 28px rgba(10, 44, 34, .08);--display: "Reem Kufi", "Readex Pro", system-ui, sans-serif;--body: "Readex Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--naskh: "Noto Naskh Arabic", "Amiri", "Traditional Arabic", serif;--quran: "Amiri Quran", "Noto Naskh Arabic", serif;--r: 12px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #071d17;--panel: #0e2a21;--panel-2: #133528;--ink: #e8f1ec;--muted: #9cb4a9;--line: #1f4637;--lapis: #7fd2ae;--lapis-2: #a6e3c7;--gold: #f2b544;--gold-soft: #3a2d12;--deep: #05140f;--deep-2: #0a2219;--on-deep: #f3ecdc;--ok: #6fcf97;--ok-bg: #173527;--warn: #e7b65a;--warn-bg: #3a2c12;--bad: #ee8a80;--bad-bg: #3d1d1b;--mark: #5a4718;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .28);color-scheme:dark}}:root[data-theme=dark]{--paper: #071d17;--panel: #0e2a21;--panel-2: #133528;--ink: #e8f1ec;--muted: #9cb4a9;--line: #1f4637;--lapis: #7fd2ae;--lapis-2: #a6e3c7;--gold: #f2b544;--gold-soft: #3a2d12;--deep: #05140f;--deep-2: #0a2219;--on-deep: #f3ecdc;--ok: #6fcf97;--ok-bg: #173527;--warn: #e7b65a;--warn-bg: #3a2c12;--bad: #ee8a80;--bad-bg: #3d1d1b;--mark: #5a4718;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .28);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);padding-top:env(safe-area-inset-top,0px)}img{max-width:100%}[hidden]{display:none!important}a{color:var(--lapis-2);text-underline-offset:3px}h1,h2,h3{line-height:1.25;text-wrap:balance;margin:0 0 .4em}h1{font-family:var(--display);font-weight:600;font-size:clamp(1.7rem,3.2vw,2.4rem)}h2{font-family:var(--display);font-weight:600;font-size:clamp(1.3rem,2.2vw,1.65rem)}h3{font-size:1.05rem;font-weight:600}p{margin:0 0 .8em}hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}code{font:.95em ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel-2);padding:.15em .45em;border-radius:6px}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.ar{font-family:var(--naskh)}.quran{font-family:var(--quran)}.soft{color:var(--muted);font-weight:400}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:.4rem}.grow{flex:1;min-width:0}.center{text-align:center;justify-content:center}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}#view{max-width:1120px;margin:0 auto;padding-block:1.5rem 3rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));min-height:70vh}.narrow{max-width:720px;margin-inline:auto}.narrow-pad{display:block;max-width:720px;margin:0 auto .5rem}#top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--paper)}.top-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding-block:.6rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);margin-inline-end:auto}.mark rect{fill:var(--lapis)}.mark .core{fill:var(--gold)}.brand-words{display:flex;flex-direction:column;line-height:1.1}.b-ar{font-family:var(--naskh);font-weight:700;font-size:1.1rem}.b-en{font-family:var(--display);font-size:.78rem;letter-spacing:.08em;color:var(--muted)}.links{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.links a{text-decoration:none;color:var(--ink);padding:.45rem .7rem;border-radius:8px;font-weight:500;font-size:.95rem}.links a:hover{background:var(--panel-2)}.links a.on{color:var(--lapis-2);background:var(--panel-2)}.pill{border:1px solid var(--line)}.menu-btn{display:none;background:none;border:0;width:42px;height:42px;padding:10px;cursor:pointer;flex-direction:column;justify-content:space-between}.menu-btn span{display:block;height:2px;background:var(--ink);border-radius:2px}@media (max-width: 760px){.menu-btn{display:flex}.links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:.5rem max(16px,env(safe-area-inset-right,0px)) 1rem max(16px,env(safe-area-inset-left,0px));box-shadow:var(--shadow)}.links.open{display:flex}.links a{padding:.75rem .8rem}}#foot{border-top:1px solid var(--line);background:var(--panel)}.foot-inner{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:.9rem}.foot-links{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:600 .95rem/1 var(--body);padding:.75rem 1.1rem;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;text-decoration:none;transition:transform .08s,background .15s,border-color .15s}.btn:hover{border-color:var(--lapis-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--lapis);border-color:var(--lapis);color:#fff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn.primary{color:#0d1420}}:root[data-theme=dark] .btn.primary{color:#0d1420}.btn.primary:hover{background:var(--lapis-2);border-color:var(--lapis-2)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.small{padding:.5rem .8rem;font-size:.85rem}.btn.big{padding:.95rem 1.4rem;font-size:1.02rem}.btn.full{width:100%}.btn.rec{background:var(--bad);border-color:var(--bad);color:#fff}.chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:var(--panel-2);color:var(--muted);white-space:nowrap}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem;margin-bottom:1rem}.q-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:clamp(1.1rem,3vw,1.8rem);box-shadow:var(--shadow);margin-bottom:1rem}.callout{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));background:linear-gradient(0deg,var(--panel),var(--panel)) padding-box}.callout.good{border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}.loading{display:flex;align-items:center;gap:.6rem;color:var(--muted);padding:3rem 0;justify-content:center}.loading .dot{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.empty h3{color:var(--ink)}#toasts{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:50;display:grid;gap:.5rem;width:min(92vw,420px)}.toast{background:var(--ink);color:var(--paper);padding:.75rem 1rem;border-radius:10px;box-shadow:var(--shadow);transition:opacity .4s,transform .4s}.toast.bad{background:var(--bad);color:#fff}.toast.out{opacity:0;transform:translateY(8px)}.field{display:grid;gap:.3rem;margin-bottom:.9rem;min-width:0;flex:1 1 180px}.field label{font-weight:600;font-size:.9rem}.field small{color:var(--muted)}input,select,textarea{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem;width:100%;min-width:0}input[type=checkbox]{width:auto;accent-color:var(--lapis)}input:focus,select:focus,textarea:focus{outline:2px solid var(--lapis-2);outline-offset:0;border-color:transparent}.inline-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}.inline-form .field{margin-bottom:0}details summary{cursor:pointer;font-weight:600}details[open] summary{margin-bottom:.8rem}.auth{display:grid;place-items:center;padding:2rem 0}.auth .card{width:min(100%,440px);padding:2rem;box-shadow:var(--shadow);text-align:start}.auth .mark{margin-bottom:.6rem}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center;padding:2rem 0 3rem}.hero-text{min-width:0}.hero-ar{font-family:var(--naskh);font-weight:700;font-size:clamp(3rem,8vw,5.6rem);line-height:1.15;margin:0;color:var(--lapis);text-align:start}.hero-en{font-family:var(--display);font-size:1.15rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:.2rem 0 1rem}.lede{font-size:1.2rem;max-width:34ch}.demo{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.4rem;box-shadow:var(--shadow);position:relative;min-width:0}.demo:before{content:"";position:absolute;inset:8px;border:1px solid var(--gold-soft);border-radius:11px;pointer-events:none}.band{padding:2.5rem 0;border-top:1px solid var(--line)}.step-list{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;counter-reset:s}.step-list li{counter-increment:s;padding-top:2.6rem;position:relative}.step-list li:before{content:counter(s);position:absolute;top:0;inset-inline-start:0;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--gold);font-family:var(--display);font-weight:700}.path{display:grid;gap:.6rem;margin-top:1rem}.path-item{display:flex;gap:1rem;align-items:center;padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);color:inherit;text-decoration:none}.path-item.link:hover{border-color:var(--lapis-2)}.path-item.locked{opacity:.85}.path-item h3{margin:0 0 .2rem}.path-item p{margin:0}.path-n{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;color:var(--lapis);border:2px solid var(--lapis)}.path-n.done{background:var(--ok);border-color:var(--ok);color:var(--paper)}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}.plan{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.plan.featured{border:2px solid var(--gold);box-shadow:var(--shadow)}.plan .tag{position:absolute;top:-.75rem;inset-inline-start:1.2rem;background:var(--gold);color:var(--paper);font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:999px}.plan .price strong{font-family:var(--display);font-size:2rem;color:var(--lapis)}.plan ul{padding-inline-start:1.1rem;margin:0 0 auto;color:var(--muted)}.plan ul li{margin-bottom:.35rem}.plan .btn,.plan .chip{margin-top:.8rem;align-self:flex-start}.notes{margin-top:1rem}.note{background:var(--gold-soft);border-radius:var(--r);padding:.8rem 1rem}.circles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.circle{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem}.circle dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;font-size:.9rem;margin:.5rem 0 1rem}.circle dt{color:var(--muted)}.circle dd{margin:0}.about{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem}.big-ar{font-size:1.4rem;text-align:start}.ijazat ul{padding-inline-start:1.1rem}.cta-band{text-align:center}@media (max-width: 820px){.hero,.about{grid-template-columns:1fr}.hero{padding-top:1rem}}.dash-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.stats{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:.7rem 1rem;min-width:110px}.stat strong{display:block;font-family:var(--display);font-size:1.6rem;color:var(--lapis);font-variant-numeric:tabular-nums;line-height:1.1}.stat span{font-size:.8rem;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;align-items:start}@media (max-width: 900px){.dash-grid{grid-template-columns:1fr}}.block{margin-top:2rem}.bar{height:8px;background:var(--panel-2);border-radius:99px;overflow:hidden;margin:.4rem 0}.bar.thin{height:5px}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--lapis),var(--gold));border-radius:99px;transition:width .4s}.board{list-style:none;padding:0;margin:0}.board li{display:flex;gap:.7rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.92rem}.board li.me{color:var(--lapis-2);font-weight:600}.rank{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font-size:.8rem;font-weight:700}.board li:nth-child(1) .rank{background:var(--gold);color:var(--paper)}.plain{list-style:none;padding:0;margin:0 0 .8rem;display:grid;gap:.6rem}.copy-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.level-row{display:flex;gap:1rem;align-items:center;margin-bottom:.6rem}.level-row h2,.level-row p{margin:0}.level-n{flex:none;width:3.4rem;height:3.4rem;border-radius:12px;background:var(--lapis);color:var(--paper);display:grid;place-items:center;font-family:var(--display);font-size:1.8rem;font-weight:700}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;margin-top:1rem}.ex-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.ex-card:hover{border-color:var(--lapis-2);transform:translateY(-2px)}.ex-card.locked{background:var(--panel-2)}.ex-card h3{margin:.4rem 0 0}.ex-card .ar{margin:0 0 .4rem}.ex-card p{margin:0 0 .5rem}.ex-top{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.kind{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-inline-end:auto}.best{font-size:.82rem;font-weight:600;color:var(--muted);margin-top:auto!important}.best.good{color:var(--ok)}.sec-head{margin-bottom:1.2rem}.backlink{display:inline-block;text-decoration:none;color:var(--muted);font-size:.9rem;margin-bottom:.6rem}.materials{padding-inline-start:1.1rem}.materials li{margin-bottom:.4rem}.play-head{margin-bottom:1rem}.play-meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.q-text{font-size:1.1rem;font-weight:600}.q-text.ar{font-size:1.3rem}.big{font-size:clamp(2.6rem,9vw,4.2rem);text-align:center;padding:.6rem 0 1rem;line-height:1.5}.big.ar{font-family:var(--naskh)}.verse-box{margin:.4rem 0 1.2rem;padding:1rem 1.2rem;background:var(--panel-2);border-radius:12px;border-right:3px solid var(--gold)}.verse{font-size:clamp(1.5rem,4.5vw,2rem);line-height:2.1;text-align:right;margin:0}.verse mark{background:var(--mark);color:inherit;border-radius:6px;padding:0 .15em}.verse-box figcaption{margin-top:.4rem;font-family:var(--naskh);font-size:.9rem;color:var(--muted);text-align:start}.poem{font-size:1.45rem;line-height:2;text-align:center;background:var(--panel-2);padding:1rem;border-radius:12px;white-space:pre-wrap}.opts{display:grid;gap:.55rem}.opts.opts-ar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.opt{display:flex;align-items:center;gap:.8rem;text-align:start;width:100%;padding:.8rem 1rem;font:500 1rem/1.4 var(--body);color:var(--ink);background:var(--panel);border:1.5px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .12s,background .12s}.opt:hover:not(:disabled){border-color:var(--lapis-2)}.opt .key{flex:none;width:1.7rem;height:1.7rem;border-radius:6px;display:grid;place-items:center;background:var(--panel-2);font-size:.8rem;font-weight:700;color:var(--muted)}.opt .ar{font-size:1.35rem}.opt .quran{font-size:1.35rem;line-height:2}.opt.right{border-color:var(--ok);background:var(--ok-bg)}.opt.wrong{border-color:var(--bad);background:var(--bad-bg)}.opt:disabled{cursor:default}.opts.compact .opt{padding:.6rem .8rem;font-size:.92rem}.feedback{margin-top:1rem}.verdict{font-weight:700;margin-bottom:.3rem}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}.why{color:var(--muted)}.why.ar{font-size:1.3rem;color:var(--ink)}.flash{display:block;width:100%;max-width:440px;margin:0 auto 1rem;min-height:230px;background:none;border:0;padding:0;perspective:1000px;cursor:pointer;position:relative;font:inherit;color:inherit}.face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.2rem;border-radius:16px;border:1.5px solid var(--line);background:var(--panel);backface-visibility:hidden;transition:transform .45s}.face .ar{font-size:clamp(2rem,7vw,3rem);line-height:1.5}.face small{color:var(--muted)}.face strong{font-size:1.4rem;text-align:center}.back.face,.face.back{transform:rotateY(180deg);background:var(--panel-2)}.flash.flipped .front{transform:rotateY(-180deg)}.flash.flipped .back{transform:rotateY(0)}.card-actions{display:flex;justify-content:center;gap:.6rem;margin-bottom:.6rem}.match{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}.col{display:grid;gap:.5rem;align-content:start;min-width:0}.tile{padding:.75rem .8rem;border:1.5px solid var(--line);background:var(--panel);border-radius:10px;font:500 .95rem/1.35 var(--body);color:var(--ink);cursor:pointer;text-align:center;min-height:3.2rem}.tile .ar{font-size:1.3rem}.tile.sel{border-color:var(--lapis-2);background:var(--panel-2)}.tile.done{border-color:var(--ok);background:var(--ok-bg);opacity:.75;cursor:default}.shake{animation:shake .4s;border-color:var(--bad)!important}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.tokens{display:flex;flex-wrap:wrap;gap:.5rem;min-height:3.4rem;padding:.7rem;border-radius:10px;margin-bottom:.8rem}.tokens.answer{border:1.5px dashed var(--line);background:var(--panel-2);align-items:center}.tokens.answer.right{border-color:var(--ok);border-style:solid}.tokens.answer.wrong{border-color:var(--bad);border-style:solid}.tokens.list{flex-direction:column;align-items:stretch}.token{padding:.55rem .85rem;border-radius:8px;border:1.5px solid var(--line);background:var(--panel);font:500 .95rem var(--body);color:var(--ink);cursor:pointer;text-align:start}.token.ar{font-family:var(--naskh);font-size:1.35rem;padding:.3rem .8rem}.placeholder{color:var(--muted);font-size:.9rem}.surah-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.surah-pick .tile{display:flex;flex-direction:column;align-items:center;gap:.1rem}.num{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.result{text-align:center}.score-ring{--p: 0;width:140px;height:140px;margin:0 auto 1rem;border-radius:50%;display:grid;place-content:center;background:radial-gradient(closest-side,var(--panel) 78%,transparent 79% 100%),conic-gradient(var(--warn) calc(var(--p) * 1%),var(--panel-2) 0)}.score-ring.good{background:radial-gradient(closest-side,var(--panel) 78%,transparent 79% 100%),conic-gradient(var(--ok) calc(var(--p) * 1%),var(--panel-2) 0)}.score-ring strong{font-family:var(--display);font-size:2rem;line-height:1}.score-ring span{font-size:.8rem;color:var(--muted)}.missed{text-align:start;margin:1rem 0}.missed ul{list-style:none;padding:0;display:grid;gap:.5rem}.missed li{display:grid;gap:.1rem;padding:.6rem .8rem;background:var(--panel-2);border-radius:8px}.missed .ar{font-size:1.2rem}.result .row{justify-content:center}.tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.6rem;border-bottom:1px solid var(--line)}.tabs a{padding:.6rem .9rem;text-decoration:none;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.on{color:var(--lapis-2);border-color:var(--gold)}.khatma{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.4rem}.sq{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.45rem .3rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font:inherit;color:var(--ink)}.sq .ar{font-size:.95rem;line-height:1.4}.sq.s1,.sq-key.s1{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.sq.s2,.sq-key.s2{background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-bottom:.8rem}.legend span{display:inline-flex;align-items:center;gap:.35rem}.sq-key{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--line);background:var(--panel)}.review,.mistakes,.recs{list-style:none;padding:0;display:grid;gap:.6rem}.review li{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.review li.done{opacity:.6}.review strong.ar{font-size:1.25rem}.mistakes li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.8rem 1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.mistakes li p{flex-basis:100%;margin:0}.mistakes li.resolved{opacity:.6}.mistakes strong.ar{font-size:1.15rem}.rec{padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);display:grid;gap:.6rem}.rec-head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.rec audio{width:100%;max-width:420px}.fb-box{background:var(--panel-2);border-radius:8px;padding:.8rem 1rem;border-inline-start:3px solid var(--gold)}.fb-box p{margin:0}.stars{color:var(--gold);letter-spacing:.1em}.recite audio{width:100%;margin:.6rem 0}.cert-wrap{padding:1rem 0}.cert{max-width:860px;margin:0 auto 1.2rem;background:#fffdf8;color:#142033;padding:14px;border-radius:6px;box-shadow:var(--shadow)}.cert-border{border:2px solid #b9842c;outline:1px solid #b9842c;outline-offset:-8px;padding:clamp(1.5rem,5vw,3.5rem) clamp(1rem,4vw,3rem);text-align:center}.cert .mark rect{fill:#1d3f73}.cert .mark .core{fill:#b9842c}.cert .eyebrow{color:#b9842c}.cert .muted{color:#5b6779}.cert-ar{font-family:var(--naskh);font-size:1.8rem;font-weight:700;color:#1d3f73;margin:.3rem 0 1rem}.cert-name{font-family:var(--display);font-size:clamp(2rem,6vw,3rem);color:#1d3f73;margin:.4rem 0 .8rem;overflow-wrap:anywhere}.cert h2{color:#142033}.cert-foot{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-top:2.5rem;text-align:start}.cert-foot p{margin:0}.cert-foot .line{display:block;width:200px;max-width:100%;border-top:1px solid #142033;margin-bottom:.4rem}.admin,.admin .field label,.admin h3{text-align:right}.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1rem;align-items:start}@media (max-width: 900px){.admin-grid{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:.6rem .5rem;border-bottom:1px solid var(--line);vertical-align:top;text-align:start}th{font-size:.8rem;color:var(--muted);font-weight:600;white-space:nowrap}td input[type=date]{width:auto}td .chip{margin:0 0 .2rem .2rem}.qb{border:1px solid var(--line);border-radius:var(--r);padding:.8rem;margin:0 0 .8rem;display:grid;gap:.5rem}.qb-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.qb-opts input:first-child{border-color:var(--ok)}.review-form{display:grid;gap:.5rem}.admin .backlink{direction:rtl}@media print{.no-print,#top,#foot,#toasts{display:none!important}body{background:#fff}#view{padding:0}.cert{box-shadow:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.lang-pick{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:.9rem;flex:none}.lang-pick .globe{font-size:.95rem;line-height:1}.lang-select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--ink);font:500 .9rem var(--body);padding:.15rem .2rem;cursor:pointer}.lang-select:focus-visible{outline:none}.lang-pick:focus-within{outline:3px solid var(--gold);outline-offset:2px}.intro-video h2{margin-bottom:1rem}.video-frame{position:relative;width:100%;max-width:860px;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000;box-shadow:var(--shadow);border:1px solid var(--line)}.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}:root[lang=ar] body{font-family:var(--naskh),var(--body);font-size:17px}:root[lang=ar] .eyebrow,:root[lang=ar] .kind{letter-spacing:0;font-size:.85rem}:root[lang=ar] .opt,:root[lang=ar] .token,:root[lang=ar] .lang-select,:root[lang=ar] .btn,:root[lang=ar] input,:root[lang=ar] select,:root[lang=ar] textarea{font-family:var(--naskh),var(--body)}.video-cover{position:absolute;inset:0;padding:0;border:0;background:#000;cursor:pointer;display:block;width:100%;height:100%}.video-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,filter .2s}.video-cover:hover img{transform:scale(1.02);filter:brightness(.92)}.play-btn{position:absolute;top:50%;left:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#b9842cf2;box-shadow:0 6px 24px #00000059;transition:transform .15s}.play-btn:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:14px 0 14px 23px;border-color:transparent transparent transparent #fff}.video-cover:hover .play-btn{transform:scale(1.08)}@media (max-width: 600px){.play-btn{width:60px;height:60px;margin:-30px 0 0 -30px}.play-btn:after{border-width:11px 0 11px 18px}}:root[dir=rtl] :is(p,li,h3,dd,dt,summary,.plan .price){unicode-bidi:plaintext}:root[dir=rtl] :is(.ijazat ul,.plan ul,.materials){list-style-position:inside;padding-inline-start:0}.games{max-width:960px;margin:0 auto}.games .small-h{font-size:1.05rem;margin:1.6rem 0 .7rem}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.45rem}.surah-grid .tile{display:flex;flex-direction:column;align-items:center;gap:.05rem;min-height:3.6rem;padding:.45rem .3rem}.surah-grid .tile .num{font-size:.72rem;color:var(--muted)}.surah-grid .tile .ar{font-size:1.15rem}.surah-grid .tile.sel{border-color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}.game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.game-card{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.game-card:hover{border-color:var(--gold);transform:translateY(-2px)}.game-card h3{margin:.3rem 0 0}.game-card p{margin:0}.game-icon{width:2.6rem;height:2.6rem;border-radius:12px;display:grid;place-items:center;background:var(--lapis);color:var(--paper);font-size:1.25rem;font-weight:700}.game-meta{margin-top:auto!important;padding-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;color:var(--lapis-2)}.game-q .verse{margin-bottom:.3rem}.blank{display:inline-block;min-width:3.5em;border-bottom:2px solid var(--gold);color:var(--gold)}.big-stars{font-size:2.2rem;color:var(--gold);letter-spacing:.15em;margin:0 0 .4rem}.opts .quran{font-size:1.35rem;line-height:1.9}.games-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--lapis);color:var(--paper);border-radius:16px;padding:1.4rem 1.6rem;border-top:0;margin:1rem 0}.games-promo h2{color:var(--paper);margin:0 0 .2rem}.games-promo p{margin:0;opacity:.85}.games-promo .btn{background:var(--gold);border-color:var(--gold);color:#fff}.token.quran{font-family:var(--quran);font-size:1.45rem;line-height:1.9;padding:.15rem .8rem}.req-wrap{display:grid;gap:.6rem;margin-top:.8rem}.req-wrap .chip{margin-top:0;justify-self:start}.pay-box{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:.8rem;display:grid;gap:.5rem}.pay-box p{margin:0}.pay-box .strong{font-weight:700}.pay-btns{display:grid;gap:.45rem}.btn.pay{justify-content:center;width:100%;color:#fff;border:0}.btn.pay span{font-weight:800}.btn.paypal{background:#0070ba}.btn.paypal:hover{background:#005ea6}.btn.instapay{background:#4a1f7a}.btn.instapay:hover{background:#3c1866}.pay-box .copy-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pay-box code{overflow-wrap:anywhere}.room{display:grid;gap:.8rem}.room-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.8rem}.room-head h1{margin:0}.room-head p{margin:.2rem 0 0}.room-tools{display:flex;flex-wrap:wrap;gap:.4rem}.room-frame{height:max(480px,calc(100vh - 210px));border-radius:14px;overflow:hidden;background:#0d1420;border:1px solid var(--line);display:grid}.room-frame>.loading,.room-frame>.empty{place-self:center;color:var(--paper)}.room-frame iframe{width:100%;height:100%;border:0}.room-card{border-color:var(--gold)}.msg-badge{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;margin-inline-start:.35rem;border-radius:999px;background:var(--bad);color:#fff;font:700 .72rem/1 var(--body);vertical-align:middle}.msg-page{max-width:820px;margin:0 auto}.msg-thread{display:grid;grid-template-rows:auto 1fr auto auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;height:max(440px,calc(100vh - 300px))}.msg-with{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--line)}.avatar{flex:none;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:var(--lapis);color:var(--paper);font-weight:700}.msg-list{overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.45rem;background:var(--paper)}.msg{max-width:min(78%,520px);padding:.55rem .85rem;border-radius:14px;background:var(--panel);border:1px solid var(--line);align-self:flex-start}.msg.mine{align-self:flex-end;background:var(--lapis);color:var(--paper);border-color:var(--lapis)}.msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.msg-time{display:block;font-size:.7rem;opacity:.7;margin-top:.15rem;text-align:end}.msg-day{align-self:center;font-size:.75rem;color:var(--muted);background:var(--panel-2);padding:.15rem .6rem;border-radius:999px;margin:.4rem 0}.msg-empty{align-self:center;margin:auto}.msg-form{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--line);align-items:end}.msg-form textarea{flex:1;resize:vertical;min-height:2.8rem;max-height:10rem;font:inherit;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}.msg-hint{margin:0;padding:0 .9rem .5rem}.msg-admin{display:grid;grid-template-columns:300px 1fr;gap:1rem;align-items:start}.msg-admin aside select{width:100%;margin-bottom:.6rem}.conv-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;max-height:calc(100vh - 300px);overflow-y:auto}.conv-list a{display:flex;gap:.55rem;align-items:center;padding:.55rem;border-radius:10px;text-decoration:none;color:inherit}.conv-list a:hover,.conv-list a.on{background:var(--panel-2)}.conv-list a.unread strong{color:var(--lapis-2)}.conv-last{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{display:grid;justify-items:end;gap:.2rem}@media (max-width: 760px){.msg-admin{grid-template-columns:1fr}.msg-thread{height:calc(100vh - 230px)}}.library{max-width:1060px;margin:0 auto}.lib-tools{display:grid;gap:.7rem;margin-bottom:1.2rem}.lib-tools input[type=search],.lib-tools select{font:inherit;padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}.lib-tools input[type=search]{flex:1;min-width:200px}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip-btn{font:500 .9rem var(--body);padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.chip-btn.on{background:var(--lapis);color:var(--paper);border-color:var(--lapis)}:root[lang=ar] .chip-btn{font-family:var(--naskh),var(--body)}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem}@media (min-width: 700px){.books{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}}@media (max-width: 480px){.bc-title{font-size:1.15rem}.book-body{padding:.7rem}.book-desc{display:none}}.book{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.book-cover{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;background:var(--panel-2)}.book-cover.drawn{display:grid;place-content:center;justify-items:center;gap:.6rem;padding:1.2rem;text-align:center;color:#f3e6cc;background:radial-gradient(circle at 50% 30%,#2f5ea3 0,#1d3f73 55%,#142033);border-bottom:3px solid var(--gold)}.bc-star{color:#dcae5c;font-size:1.6rem}.bc-title{font-family:var(--naskh);font-weight:700;font-size:1.55rem;line-height:1.5}.bc-author{font-size:.8rem;opacity:.8}.book-body{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.book-body h3{margin:.2rem 0 0}.book-body p{margin:0}.book-body .btn{margin-top:auto;align-self:flex-start}.book-desc{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.row.tight{gap:.3rem}.book-edit summary{cursor:pointer;font-weight:600}.room-body{display:grid;gap:.8rem}.room-body.with-board{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start}.room-body.with-board .room-frame{height:max(420px,calc(100vh - 230px))}@media (max-width: 900px){.room-body.with-board{grid-template-columns:1fr}.room-body.with-board .room-frame{height:300px}}.board{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;max-height:max(420px,calc(100vh - 230px))}@media (max-width: 900px){.board{max-height:none}}.b-teacher{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.55rem .6rem;border-bottom:1px solid var(--line);background:var(--panel-2)}.b-books{font:inherit;font-size:.9rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);max-width:220px}.b-perm{display:inline-flex;align-items:center;gap:.25rem}.b-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;padding:.45rem .6rem;border-bottom:1px solid var(--line)}.b-tools{display:flex;flex-wrap:wrap;gap:.25rem}.b-tools.disabled{opacity:.35;pointer-events:none}.b-tool{width:2.1rem;height:2.1rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);cursor:pointer;display:grid;place-items:center;font-size:1rem}.b-tool.on{border-color:var(--lapis-2);box-shadow:inset 0 0 0 2px var(--lapis-2)}.b-tool .dot{width:1rem;height:1rem;border-radius:50%;display:block}.b-pager{display:flex;align-items:center;gap:.35rem}.b-pagein{width:4.2rem;font:inherit;padding:.35rem .4rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.b-pagelbl{font-size:.85rem;color:var(--muted);white-space:nowrap}.b-status{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-view{flex:1;min-height:0;position:relative;background:#e9edf2}.b-scroll{height:100%;max-height:inherit;overflow:auto;padding:.6rem;display:flex;justify-content:center}.b-stage{position:relative;flex:none;box-shadow:0 2px 12px #00000026;background:#fff}.b-stage canvas{position:absolute;inset:0;display:block}.b-ink{touch-action:none;cursor:crosshair}.b-empty{padding:3rem 1rem;text-align:center;color:var(--muted)}.board .b-view{max-height:calc(max(420px,calc(100vh - 230px)) - 110px)}@media (max-width: 900px){.board .b-view{max-height:70vh}}.speak{border:0;background:var(--panel-2);border-radius:50%;width:2rem;height:2rem;cursor:pointer;font-size:.95rem;vertical-align:middle;margin-inline-start:.4rem}.speak:hover{background:var(--gold-soft)}.listen-row{display:flex;justify-content:center;margin:.4rem 0 1rem}.listen-btn{font-size:1.1rem;padding:.8rem 1.4rem}.room-side{display:grid;gap:.8rem;align-content:start;min-width:0}.room-body:not(.with-board){grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}.room-body:not(.with-board) .room-side{display:contents}.room-chat .msg-thread{height:max(380px,calc(100vh - 230px))}.room-body.with-board .room-frame{height:300px}.room-body.with-board .room-chat .msg-thread{height:max(300px,calc(100vh - 560px))}@media (max-width: 900px){.room-body:not(.with-board){grid-template-columns:1fr}.room-chat .msg-thread,.room-body.with-board .room-chat .msg-thread{height:420px}}.msg-thread.compact .msg-hint{display:none}.games-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem}.xp-box{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.xp{background:var(--gold-soft);color:var(--ink);border-radius:999px;padding:.3rem .8rem;font-weight:600;font-size:.9rem}.game-tabs{margin:.4rem 0 .2rem}.combo{color:var(--bad)}.bar.timer span{background:linear-gradient(90deg,var(--ok),var(--gold));transition:width .2s linear}.picture{font-size:4.2rem;text-align:center;line-height:1.2;margin:.2rem 0 .6rem}.picture .speak{font-size:1rem}.opts-two{grid-template-columns:1fr 1fr!important}.opts-pics{grid-template-columns:repeat(2,1fr)!important}.opt .pic-opt{font-size:2.6rem;line-height:1}.opt .letter-opt{font-family:var(--naskh);font-size:2rem;line-height:1.2}.opt .plain{font-family:inherit}.first-letters{letter-spacing:.1em;color:var(--lapis)}.join-preview{font-family:var(--naskh);font-size:2.6rem;text-align:center;min-height:3.6rem;color:var(--lapis)}.big .speak{font-size:1rem}.memory{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media (min-width: 640px){.memory{grid-template-columns:repeat(4,1fr)}}.memory.wide{grid-template-columns:repeat(2,1fr)}@media (min-width: 760px){.memory.wide{grid-template-columns:repeat(3,1fr)}}.mcard{position:relative;min-height:5.2rem;border-radius:12px;border:1.5px solid var(--line);background:var(--lapis);color:var(--paper);cursor:pointer;padding:.4rem;transition:background .2s,transform .2s}.mcard .mface{display:none}.mcard .mback{font-size:1.6rem;color:var(--gold)}.mcard.up,.mcard.done{background:var(--panel);color:var(--ink);transform:rotateY(0)}.mcard.up .mface,.mcard.done .mface{display:block}.mcard.up .mback,.mcard.done .mback{display:none}.mcard.done{border-color:var(--ok);background:var(--ok-bg);cursor:default}.mface.pic{font-size:2.6rem}.mface.ar{font-family:var(--naskh);font-size:1.5rem}.mface.quran{font-family:var(--quran);font-size:1.15rem;line-height:1.9}.rain-card{overflow:hidden}.rain-hud{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.6rem;font-weight:600}.rain-target .ar{font-size:1.6rem}.rain-field{position:relative;height:380px;border-radius:12px;background:linear-gradient(#eaf3fb,#fdfaf2);overflow:hidden;margin-bottom:.8rem}.balloon{position:absolute;bottom:-80px;width:62px;height:74px;border-radius:50% 50% 46% 46%;border:0;color:#fff;font-family:var(--naskh);font-size:1.9rem;cursor:pointer;animation:rise linear forwards;box-shadow:inset -6px -8px #0000001f}.balloon:after{content:"";position:absolute;left:50%;bottom:-14px;width:1px;height:14px;background:#0000004d}.balloon.pop{animation:pop .3s forwards}.balloon.miss{animation:shake .3s;opacity:.4}@keyframes rise{to{transform:translateY(-470px)}}@keyframes pop{to{transform:scale(1.6);opacity:0}}@keyframes shake{25%{margin-left:-6px}75%{margin-left:6px}}@media (prefers-reduced-motion: reduce){.balloon{animation-duration:9s!important}}.course,.lesson{max-width:900px;margin:0 auto}.course-level{margin-top:1.5rem}.unit{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;margin-bottom:.8rem}.unit-head{display:flex;gap:.9rem;align-items:center}.unit-head h3{margin:0}.unit-head p{margin:.1rem 0 0}.lesson-list{margin:.7rem 0 .3rem;padding-inline-start:3.3rem;display:grid;gap:.35rem}.lesson-list li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.lesson-list li.soon{color:var(--muted)}.chip-btn.small{font-size:.78rem;padding:.2rem .6rem}.lesson-goal{background:var(--gold-soft);border-radius:10px;padding:.6rem .9rem}.lesson-h{margin-top:1.6rem}.lesson-p{font-size:1.05rem;line-height:1.9}.lesson-tip{background:var(--panel-2);border-inline-start:3px solid var(--gold);border-radius:8px;padding:.7rem .9rem;margin:1rem 0}.letter-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.7rem;margin:1rem 0}.letter-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.8rem;text-align:center}.lc-big{display:block;width:100%;border:0;background:var(--panel-2);border-radius:12px;padding:.3rem 0;cursor:pointer}.lc-big .ar{font-size:3.4rem;line-height:1.5;color:var(--lapis)}.lc-name{margin:.4rem 0 .2rem;font-weight:600}.lc-name .ar{font-size:1.3rem}.lc-makhraj{margin:0 0 .3rem}.lc-word{margin:0}.lc-word .ar{font-size:1.3rem}.syll-grid{display:grid;gap:.35rem;max-width:480px;margin:.5rem auto 1rem}.syll{border:1px solid var(--line);background:var(--panel);border-radius:10px;font-family:var(--naskh);font-size:1.7rem;line-height:1.7;cursor:pointer;color:var(--ink)}.syll:hover{background:var(--gold-soft)}.word-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin:1rem 0}.word-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.7rem;text-align:center}.word-card p{margin:.2rem 0 0}.wc-pic{font-size:2rem;display:block}.wc-ar .ar{font-size:1.5rem}.pairs{display:grid;gap:.5rem;margin:1rem 0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.pair-side{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.6rem;display:grid;justify-items:center;gap:.1rem;text-align:center}.pair-letter .ar{font-size:1.6rem;color:var(--gold)}.pair-side .ar{font-size:1.35rem}.lesson-table td,.lesson-table th{text-align:center}.cell-say{border:0;background:none;font-family:var(--naskh);font-size:1.4rem;cursor:pointer;color:var(--ink);padding:.1rem .4rem;border-radius:6px}.cell-say:hover{background:var(--gold-soft)}.reading{display:grid;gap:.4rem;margin:1rem 0}.reading-line{display:flex;gap:.6rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.5rem .9rem;margin:0}.reading-line .ar{font-size:1.6rem;flex:1}.quran-read{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;margin:1rem 0}.quran-read h3{margin:0 0 .3rem}.ayah-no{font-family:var(--quran);color:var(--gold)}.lesson-practice{margin-top:2rem;border-top:1px solid var(--line);padding-top:1rem}.ex-menu{display:grid;gap:.45rem}.ex-btn{display:flex;gap:.7rem;align-items:center;text-align:start;padding:.7rem .9rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);font:inherit;color:var(--ink);cursor:pointer}.ex-btn:hover{border-color:var(--lapis-2)}.ex-btn.good{border-color:var(--ok);background:var(--ok-bg)}.ex-n{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--lapis);color:var(--paper);font-weight:700;font-size:.85rem}.ex-btn.good .ex-n{background:var(--ok)}.lesson-ex{margin-top:1rem}.lesson-nav{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:2rem 0 1rem}.flash{position:relative}.flash .speak{position:absolute;top:.6rem;inset-inline-end:.6rem;z-index:2}.reading-item{display:grid;gap:.15rem}.reading-tr{margin:0 .9rem}.dialogue{display:grid;gap:.55rem;margin:1rem 0}.dialogue>.btn{justify-self:start}.dl-line{display:flex;gap:.6rem;align-items:flex-start;max-width:92%}.dl-line.b{justify-self:end;flex-direction:row-reverse}.dl-who{flex:none;font-family:var(--naskh);font-size:.95rem;background:var(--gold-soft);color:var(--ink);border-radius:999px;padding:.2rem .7rem;margin-top:.4rem}.dl-text{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.45rem .85rem;min-width:0}.dl-line.b .dl-text{background:var(--gold-soft)}.dl-text p{margin:0}.dl-text .ar{font-size:1.45rem;line-height:1.9;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}@media (max-width: 560px){.dl-line{max-width:100%}.dl-text .ar{font-size:1.25rem}}.book .note{margin:.5rem 0 1rem}.cal-bar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between;margin:1rem 0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--panel)}.seg-btn{border:0;background:none;font:inherit;font-weight:600;padding:.4rem .9rem;border-radius:999px;color:var(--muted);cursor:pointer}.seg-btn.on{background:var(--ink);color:var(--paper)}.seg-btn:disabled{opacity:.45;cursor:not-allowed}.week-nav{display:flex;gap:.5rem;align-items:center}.week-label{min-width:9rem;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.cal-day{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.5rem;min-width:0}.cal-day.none{opacity:.6}.cal-day-h{margin:0 0 .4rem;display:flex;flex-direction:column;align-items:center;gap:0}.cal-day-h span{font-size:.78rem;color:var(--muted)}.cal-day-h strong{font-size:1.15rem}.cal-slots{display:grid;gap:.3rem}.slot{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:.35rem .2rem;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.slot:hover,.slot:focus-visible{border-color:var(--gold);background:var(--gold-soft)}.cal-empty{grid-column:1 / -1;text-align:center}.cal-confirm{margin:1rem 0}.cal-confirm .q-card{border:2px solid var(--gold)}.cal-confirm h2{margin:.2rem 0}.cal-when{font-size:1.15rem;font-weight:600;margin:.3rem 0}@media (max-width: 760px){.cal-grid{grid-template-columns:1fr}.cal-day{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.5rem;align-items:start}.cal-day-h{margin:0}.cal-slots{grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr))}}.lessons-list{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:.5rem}.lesson-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem}.lesson-row.now{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}.lesson-row p{margin:.15rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}details.past summary{cursor:pointer;color:var(--muted);margin-top:.6rem}.next-lesson .countdown{font-weight:700;color:var(--gold);margin:.3rem 0 .6rem}.cal-admin-day h3{margin:1rem 0 .3rem;font-size:1rem}.av-week{display:grid;gap:.5rem;margin:.6rem 0}.av-day{display:grid;grid-template-columns:6rem minmax(0,1fr) auto;gap:.6rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.5rem .8rem}.av-ranges{display:flex;flex-wrap:wrap;gap:.35rem}.av-chip{background:var(--ok-bg);color:var(--ok);direction:ltr}.av-chip .x{border:0;background:none;color:inherit;cursor:pointer;font-size:.8rem;padding:0 .1rem}.av-add{display:flex;gap:.3rem;align-items:center}.av-add input{width:8.6rem}@media (max-width: 700px){.av-day{grid-template-columns:1fr}}.room-board[hidden]{display:none!important}.room-lesson{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.live{display:flex;flex-direction:column;height:max(460px,calc(100vh - 210px))}.live-bar{padding:.5rem;border-bottom:1px solid var(--line);background:var(--panel)}.live-pick{width:100%}.live-content{flex:1;overflow:auto;padding:.8rem 1rem;position:relative}.live-content h2{margin:.2rem 0 .5rem}.live-wait{text-align:center;color:var(--muted);padding:3rem 1rem}.big-emoji{font-size:2.6rem;margin:0}.live-block{border-radius:10px;padding:.1rem .4rem;margin:0 -.4rem;transition:background .25s,box-shadow .25s}.live.teacher .live-block{cursor:pointer}.live.teacher .live-block:hover{background:var(--panel)}.live-block.focus{background:var(--gold-soft);box-shadow:0 0 0 2px var(--gold)}.live-panel{border-top:1px solid var(--line);background:var(--panel);padding:.5rem .7rem;max-height:42%;overflow:auto}.live-panel-h{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}.live-exlist{display:flex;flex-wrap:wrap;gap:.35rem}.live-answers{margin-top:.5rem}.live-status{margin:.3rem 0}.live-feed{list-style:none;padding:0;margin:.3rem 0 0;display:grid;gap:.3rem}.live-feed li{display:flex;gap:.5rem;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.35rem .55rem}.live-feed li.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.live-feed li.bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.live-feed .mark{font-weight:800}.live-feed li.ok .mark{color:var(--ok)}.live-feed li.bad .mark{color:var(--bad)}.live-feed p{margin:0}.live-ex{border-top:2px solid var(--gold);background:var(--panel);padding:.6rem .8rem;max-height:70%;overflow:auto}.live-ex-head{margin-bottom:.4rem}.live.student{position:relative}.slot-wait{min-height:4rem;display:grid;place-items:center}.slot-fill:empty{display:none}.hero-slogan{font-family:var(--naskh);font-weight:700;color:var(--lapis-2);font-size:clamp(1.15rem,2.4vw,1.5rem);margin:-.4rem 0 1rem;text-align:start}:root[dir=rtl] .hero .hero-text :is(p.hero-en,p.hero-slogan){unicode-bidi:normal;text-align:start}:root{--pattern-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%230e5a42' stroke-opacity='0.07' stroke-width='1.1' stroke-linejoin='round'%3E%3Cpolygon points='26.0,26.0 70.0,26.0 70.0,70.0 26.0,70.0'/%3E%3Cpolygon points='48.0,17.0 79.0,48.0 48.0,79.0 17.0,48.0'/%3E%3Cpolygon points='60.9,53.4 53.4,60.9 42.6,60.9 35.1,53.4 35.1,42.6 42.6,35.1 53.4,35.1 60.9,42.6'/%3E%3Cpath d='M48 17V0M79 48H96M48 79V96M17 48H0M26 26L0 0M70 26L96 0M70 70L96 96M26 70L0 96'/%3E%3Cpolygon points='0,-9 9,0 0,9 -9,0'/%3E%3Cpolygon points='96,-9 105,0 96,9 87,0'/%3E%3Cpolygon points='0,87 9,96 0,105 -9,96'/%3E%3Cpolygon points='96,87 105,96 96,105 87,96'/%3E%3Ccircle cx='48' cy='48' r='3'/%3E%3C/g%3E%3C/svg%3E");--pattern-deep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23f2b544' stroke-opacity='0.17' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpolygon points='26.0,26.0 70.0,26.0 70.0,70.0 26.0,70.0'/%3E%3Cpolygon points='48.0,17.0 79.0,48.0 48.0,79.0 17.0,48.0'/%3E%3Cpolygon points='60.9,53.4 53.4,60.9 42.6,60.9 35.1,53.4 35.1,42.6 42.6,35.1 53.4,35.1 60.9,42.6'/%3E%3Cpath d='M48 17V0M79 48H96M48 79V96M17 48H0M26 26L0 0M70 26L96 0M70 70L96 96M26 70L0 96'/%3E%3Cpolygon points='0,-9 9,0 0,9 -9,0'/%3E%3Cpolygon points='96,-9 105,0 96,9 87,0'/%3E%3Cpolygon points='0,87 9,96 0,105 -9,96'/%3E%3Cpolygon points='96,87 105,96 96,105 87,96'/%3E%3Ccircle cx='48' cy='48' r='3'/%3E%3C/g%3E%3C/svg%3E");--arch-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48' preserveAspectRatio='none'%3E%3Cpath d='M6 46V21C6 12.5 13 7 20 2c7 5 14 10.5 14 19v25Z' fill='black'/%3E%3C/svg%3E");--arch-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48' preserveAspectRatio='none'%3E%3Cpath d='M6 46V21C6 12.5 13 7 20 2c7 5 14 10.5 14 19v25Z' fill='none' stroke='%23f2b544' stroke-width='.55' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath d='M6 46V21C6 12.5 13 7 20 2c7 5 14 10.5 14 19v25Z' fill='%23a46f12'/%3E%3Cpath d='M20 20.5l2.2 3.4 4 .9-.9 4 .9 4-4 .9-2.2 3.4-2.2-3.4-4-.9.9-4-.9-4 4-.9z' fill='%23ffffff' fill-opacity='.9'/%3E%3C/svg%3E")}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--pattern-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%237fd2ae' stroke-opacity='0.05' stroke-width='1.1' stroke-linejoin='round'%3E%3Cpolygon points='26.0,26.0 70.0,26.0 70.0,70.0 26.0,70.0'/%3E%3Cpolygon points='48.0,17.0 79.0,48.0 48.0,79.0 17.0,48.0'/%3E%3Cpolygon points='60.9,53.4 53.4,60.9 42.6,60.9 35.1,53.4 35.1,42.6 42.6,35.1 53.4,35.1 60.9,42.6'/%3E%3Cpath d='M48 17V0M79 48H96M48 79V96M17 48H0M26 26L0 0M70 26L96 0M70 70L96 96M26 70L0 96'/%3E%3Cpolygon points='0,-9 9,0 0,9 -9,0'/%3E%3Cpolygon points='96,-9 105,0 96,9 87,0'/%3E%3Cpolygon points='0,87 9,96 0,105 -9,96'/%3E%3Cpolygon points='96,87 105,96 96,105 87,96'/%3E%3Ccircle cx='48' cy='48' r='3'/%3E%3C/g%3E%3C/svg%3E");--ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath d='M6 46V21C6 12.5 13 7 20 2c7 5 14 10.5 14 19v25Z' fill='%23f2b544'/%3E%3Cpath d='M20 20.5l2.2 3.4 4 .9-.9 4 .9 4-4 .9-2.2 3.4-2.2-3.4-4-.9.9-4-.9-4 4-.9z' fill='%23ffffff' fill-opacity='.9'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--pattern-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%237fd2ae' stroke-opacity='0.05' stroke-width='1.1' stroke-linejoin='round'%3E%3Cpolygon points='26.0,26.0 70.0,26.0 70.0,70.0 26.0,70.0'/%3E%3Cpolygon points='48.0,17.0 79.0,48.0 48.0,79.0 17.0,48.0'/%3E%3Cpolygon points='60.9,53.4 53.4,60.9 42.6,60.9 35.1,53.4 35.1,42.6 42.6,35.1 53.4,35.1 60.9,42.6'/%3E%3Cpath d='M48 17V0M79 48H96M48 79V96M17 48H0M26 26L0 0M70 26L96 0M70 70L96 96M26 70L0 96'/%3E%3Cpolygon points='0,-9 9,0 0,9 -9,0'/%3E%3Cpolygon points='96,-9 105,0 96,9 87,0'/%3E%3Cpolygon points='0,87 9,96 0,105 -9,96'/%3E%3Cpolygon points='96,87 105,96 96,105 87,96'/%3E%3Ccircle cx='48' cy='48' r='3'/%3E%3C/g%3E%3C/svg%3E");--ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath d='M6 46V21C6 12.5 13 7 20 2c7 5 14 10.5 14 19v25Z' fill='%23f2b544'/%3E%3Cpath d='M20 20.5l2.2 3.4 4 .9-.9 4 .9 4-4 .9-2.2 3.4-2.2-3.4-4-.9.9-4-.9-4 4-.9z' fill='%23ffffff' fill-opacity='.9'/%3E%3C/svg%3E")}body{background:var(--paper) var(--pattern-page) 0 0 / 96px 96px fixed;font-family:var(--body)}@media print{body{background-image:none}}::selection{background:var(--lantern);color:var(--lantern-ink)}:focus-visible{outline:3px solid var(--lantern);outline-offset:2px}#top{background:var(--deep) var(--pattern-deep) 0 0 / 96px 96px;border-bottom:3px solid var(--lantern);backdrop-filter:none;color:var(--on-deep)}.brand{color:var(--on-deep)}.mark{display:inline-flex;flex:none}.mark .arch{fill:var(--lantern)}.mark .star{fill:var(--deep)}.b-ar{font-family:var(--display);font-weight:700;font-size:1.45rem;color:var(--on-deep);line-height:1}.b-en{font-family:var(--body);font-size:.72rem;letter-spacing:.14em;color:var(--lantern)}.links a{color:color-mix(in srgb,var(--on-deep) 86%,transparent);font-weight:500}.links a:hover{background:#ffffff14;color:var(--on-deep)}.links a.on{color:var(--lantern);background:#f2b5441f}.links .pill{border-color:#f2b54480;color:var(--on-deep)}.lang-pick{background:#ffffff12;border-color:#ffffff2e;color:var(--on-deep)}.lang-select{color:var(--on-deep)}.lang-select option{color:#10241d}.menu-btn span{background:var(--on-deep)}@media (max-width: 900px){.links{background:var(--deep);border-color:#ffffff1f}}.msg-badge{background:var(--maroon)}.btn.primary{background:var(--lantern);border-color:var(--lantern);color:var(--lantern-ink);font-weight:700}.btn.primary:hover{background:#ffc65a;border-color:#ffc65a}.btn{border-radius:10px}.btn:hover{border-color:var(--lapis)}h1,h2{color:var(--ink)}main h2{display:flex;align-items:center;gap:.55rem}main h2:before{content:"";flex:none;width:.82em;height:1em;background:var(--ornament) center / contain no-repeat}.q-card h2:before,.card h2:before,.demo h2:before,.hero h2:before,.admin h2:before,.empty h2:before,.level-card h2:before,.lesson-practice h2:before{display:none}.eyebrow{letter-spacing:.04em;text-transform:none;font-size:.85rem;color:var(--gold)}.hero{position:relative;margin-inline:calc(50% - 50vw);padding:clamp(2.2rem,6vw,4rem) max(16px,calc(50vw - 560px)) 0;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:end;background:radial-gradient(120% 90% at 85% 20%,rgba(242,181,68,.16),transparent 55%),var(--deep) var(--pattern-deep) 0 0 / 96px 96px;color:var(--on-deep);border-bottom:4px solid var(--lantern);margin-bottom:2rem}.hero-text{padding-bottom:clamp(2rem,5vw,3.5rem);align-self:center}.hero .hero-ar{font-family:var(--display);font-weight:700;font-size:clamp(4.2rem,13vw,8.5rem);line-height:1;color:var(--on-deep);letter-spacing:0}.hero .hero-en{font-family:var(--body);font-weight:600;color:var(--lantern);letter-spacing:.32em;font-size:clamp(.95rem,2vw,1.2rem);margin:.4rem 0 1.1rem}.hero .hero-slogan{font-family:var(--naskh);color:var(--on-deep);font-size:clamp(1.25rem,2.6vw,1.7rem);margin:0 0 .8rem;display:inline-block;padding:.2rem .9rem;border-inline-start:4px solid var(--maroon);background:#ffffff0f;border-radius:0 8px 8px 0}:root[dir=rtl] .hero .hero-slogan{border-radius:8px 0 0 8px}.hero .lede{color:color-mix(in srgb,var(--on-deep) 88%,transparent);font-size:clamp(1.05rem,2vw,1.25rem);max-width:36ch}.hero .btn:not(.primary){background:transparent;color:var(--on-deep);border-color:#f6efe073}.hero .btn:not(.primary):hover{border-color:var(--lantern);color:var(--lantern)}.hero-note{font-size:.9rem;color:color-mix(in srgb,var(--on-deep) 70%,transparent);margin-top:.7rem}.hero-arch{margin:0;position:relative;align-self:end;width:min(100%,420px);justify-self:center;aspect-ratio:40 / 46}.hero-arch img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block;-webkit-mask:var(--arch-mask) center / 100% 100% no-repeat;mask:var(--arch-mask) center / 100% 100% no-repeat}.hero-arch:after{content:"";position:absolute;inset:-10px -10px 0;background:var(--arch-line) center / 100% 100% no-repeat;pointer-events:none}.hero-arch figcaption{position:absolute;inset-inline:8%;bottom:14px;text-align:center;background:var(--deep);color:var(--on-deep);border:1px solid rgba(242,181,68,.55);border-radius:999px;padding:.35rem .8rem;font-size:.85rem;font-weight:600}@media (max-width: 760px){.hero{grid-template-columns:1fr}.hero-text{padding-bottom:.5rem}.hero-arch{width:min(78%,320px)}}.try-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem;align-items:center}@media (max-width: 760px){.try-band{grid-template-columns:1fr}}.games-promo{background:var(--deep) var(--pattern-deep) 0 0 / 96px 96px;color:var(--on-deep);border-radius:18px;padding:1.6rem clamp(1.2rem,4vw,2.4rem);border:0;margin:2rem 0}.games-promo h2{color:var(--on-deep)}.games-promo p{color:color-mix(in srgb,var(--on-deep) 85%,transparent)}.games-promo .btn{background:var(--lantern);border-color:var(--lantern);color:var(--lantern-ink)}.demo{border-top:4px solid var(--lantern)}.demo:before{border-color:transparent}.q-card,.card{border-color:var(--line)}.path-n{border-color:var(--lapis);color:var(--lapis);font-family:var(--display)}.path-n.done{background:var(--lapis);border-color:var(--lapis)}.plan.highlight,.plan.featured{border-color:var(--lantern);box-shadow:0 0 0 2px var(--lantern)}.bar>span{background:linear-gradient(90deg,var(--lapis),var(--lapis-2))}.chip.ok{background:var(--ok-bg);color:var(--ok)}#foot{background:var(--deep) var(--pattern-deep) 0 0 / 96px 96px;color:var(--on-deep);border-top:4px solid var(--lantern);margin-top:3rem}#foot .muted{color:color-mix(in srgb,var(--on-deep) 70%,transparent)}#foot strong{font-family:var(--display);font-size:1.3rem;color:var(--lantern)}#foot a{color:var(--on-deep)}#foot a:hover{color:var(--lantern)}:root[dir=rtl] .hero .hero-text :is(p.hero-en,p.hero-slogan,p.lede,p.hero-note){unicode-bidi:normal;text-align:start}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}.landing>.hero:first-child{margin-top:-1.5rem}.hero .hero-en{margin-top:1rem}body{min-height:100vh;display:flex;flex-direction:column}#view{flex:1 0 auto;width:100%}.try-band{display:block;border-top:0}.try-band .demo{max-width:760px;margin-inline:auto}.hero+.band,.hero+.video-band{border-top:0}.track-pick{display:grid;gap:.8rem;margin-top:1.2rem;text-align:start}@media (min-width: 640px){.track-pick{grid-template-columns:1fr 1fr}}.track{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.9rem;row-gap:.25rem;align-items:center;padding:1rem 1.1rem;border:1.5px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s,transform .15s}.track:hover,.track:focus-visible{border-color:var(--gold);transform:translateY(-2px)}.track-ic{grid-row:span 2;width:3rem;height:3.4rem;display:grid;place-items:center;font:700 1.6rem var(--display);color:var(--lantern);background:var(--deep);-webkit-mask:var(--arch-mask) center/contain no-repeat;mask:var(--arch-mask) center/contain no-repeat}.track strong{font:700 1.1rem var(--display)}.track .small{line-height:1.6}.level-row{display:flex;align-items:center;gap:1rem}.level-n.cefr{min-width:4.4rem;height:4.8rem;display:grid;place-items:center;font:700 1.5rem var(--display);color:var(--lantern);background:var(--deep);-webkit-mask:var(--arch-mask) center/contain no-repeat;mask:var(--arch-mask) center/contain no-repeat;padding-top:.6rem}.cefr-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;list-style:none;padding:0;margin:1rem 0;direction:ltr}.cefr-scale li{text-align:center;padding:.45rem 0;border-radius:8px;background:var(--panel-2);color:var(--muted);font-weight:600;font-size:.85rem}.cefr-scale li.past{background:color-mix(in srgb,var(--lapis) 25%,var(--panel-2));color:var(--ink)}.cefr-scale li.on{background:var(--lapis);color:#fff;box-shadow:0 0 0 2px var(--gold)}.skill-bars{display:grid;gap:.55rem;margin:1rem 0}.skill{display:grid;grid-template-columns:7.5rem 1fr 3rem;align-items:center;gap:.7rem}.skill strong{text-align:end;font-variant-numeric:tabular-nums}.bar.thin{height:8px}.listen-row{margin:.6rem 0}