:root{--fz: 1;--r-lg: 24px;--r-md: 18px;--r-sm: 12px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-arabic: "Noto Naskh Arabic", "Amiri", serif}[data-theme=dark]{--bg: #070d0b;--bg2: #0b1411;--card: rgba(20, 33, 29, .7);--card-solid: #14211d;--card2: rgba(26, 43, 38, .75);--ink: #f0f7f3;--ink2: #a2b8ad;--ink3: #637c71;--line: rgba(255, 255, 255, .06);--line2: rgba(255, 255, 255, .12);--acc: #3ddc97;--acc2: #2bb47c;--acc-soft: rgba(61, 220, 151, .12);--gold: #ebd094;--gold2: #d9b873;--gold-soft: rgba(235, 208, 148, .12);--danger: #ff8585;--danger-soft: rgba(255, 133, 133, .12);--warn: #ffbe73;--shadow: 0 16px 40px -15px rgba(0, 0, 0, .5);--nav-bg: rgba(11, 20, 17, .85);--glow: 0 0 25px rgba(61, 220, 151, .15);--glass-blur: blur(20px)}[data-theme=light]{--bg: #f4f6f1;--bg2: #edf2ed;--card: rgba(255, 255, 255, .85);--card-solid: #ffffff;--card2: #fbfaf6;--ink: #123f37;--ink2: #536761;--ink3: #8a9692;--line: #e3e9e4;--line2: rgba(18, 63, 55, .16);--acc: #167566;--acc2: #185f53;--acc-soft: rgba(22, 117, 102, .1);--gold: #d39c43;--gold2: #b5802a;--gold-soft: rgba(211, 156, 67, .12);--danger: #d44c4c;--danger-soft: rgba(212, 76, 76, .1);--warn: #d39c43;--shadow: 0 16px 36px -16px rgba(18, 63, 55, .15);--nav-bg: rgba(244, 246, 241, .9);--glow: 0 0 25px rgba(22, 117, 102, .1);--glass-blur: blur(20px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:calc(16px * var(--fz));scroll-behavior:smooth;height:100%}body{font-family:var(--font-main);background:var(--bg);color:var(--ink);min-height:100vh;min-height:100dvh;overflow-x:hidden;transition:background .4s ease,color .4s ease;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,var(--line2) 1px,transparent 0);background-size:28px 28px;opacity:.4;mask-image:linear-gradient(to bottom,black,transparent 75%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%)}.ar{font-family:var(--font-arabic);direction:rtl;line-height:2.1;font-weight:500}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:99px}#app{max-width:480px;margin:0 auto;position:relative;z-index:1;padding-bottom:120px;min-height:100vh;display:flex;flex-direction:column}.view{display:none;animation:viewIn .4s var(--ease-out) forwards;flex:1}.view.active{display:block}@keyframes viewIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pad{padding:0 20px}header{position:sticky;top:0;z-index:40;padding:calc(env(safe-area-inset-top,0px) + 16px) 20px 16px;background:linear-gradient(var(--bg) 75%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.hrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-family:var(--font-arabic);font-size:1.45rem;box-shadow:var(--glow);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,rgba(255,255,255,.15),transparent)}.brand h1{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.brand small{display:block;font-size:.68rem;font-weight:700;color:var(--ink3);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.icon-btn{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);font-size:1.05rem;box-shadow:var(--shadow);transition:transform .2s var(--ease-spring),background .3s,border-color .3s}.icon-btn:hover{border-color:var(--line2);background:var(--card2)}.icon-btn:active{transform:scale(.9)}.zoomer{display:flex;background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.zoomer button{padding:0 10px;height:40px;font-weight:800;color:var(--ink2);transition:all .2s;font-size:.8rem}.zoomer button.on{background:var(--acc-soft);color:var(--acc)}.hero{margin-top:8px}.wisdom{position:relative;border-radius:var(--r-lg);padding:22px;background:linear-gradient(135deg,var(--card-solid),var(--card2));border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}.wisdom:after{content:"ﷲ";position:absolute;right:-5px;bottom:-35px;font-family:var(--font-arabic);font-size:8rem;color:var(--acc);opacity:.05;line-height:1}.wisdom .tag-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.wisdom .tag{font-size:.65rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.wisdom p{font-size:1.05rem;line-height:1.6;font-weight:600;color:var(--ink)}.wisdom .src{margin-top:10px;font-size:.72rem;color:var(--ink3);font-weight:700;display:block}.wisdom .share-btn{padding:4px 10px;border-radius:8px;font-size:.62rem;font-weight:700;text-transform:uppercase;color:var(--acc);background:var(--acc-soft);border:1px solid transparent;transition:all .2s}.wisdom .share-btn:active{transform:scale(.95)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 12px;text-align:center;box-shadow:var(--shadow);transition:transform .2s var(--ease-spring),border-color .3s}.stat:active{transform:scale(.95)}.stat b{font-size:1.65rem;font-weight:800;letter-spacing:-.03em;display:block;line-height:1.2}.stat span{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-top:4px;display:block}.stat .fire{color:var(--warn);text-shadow:0 0 10px rgba(255,190,115,.2);display:inline-flex;align-items:center;gap:4px}.stat .strong{color:var(--acc)}.goal-card{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow)}.ring{position:relative;width:76px;height:76px;flex-shrink:0}.ring svg{transform:rotate(-90deg)}.ring .bgc{stroke:var(--line2);fill:none}.ring .fgc{stroke:var(--acc);fill:none;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out)}.ring b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1rem;font-weight:800}.goal-info{flex:1}.goal-info h3{font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.goal-info p{font-size:.78rem;color:var(--ink2);margin-top:4px;line-height:1.5}.mini-bar{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pill{font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:99px;letter-spacing:.02em}.pill.ar-t{background:var(--acc-soft);color:var(--acc)}.pill.en-t{background:var(--gold-soft);color:var(--gold)}.cta{margin-top:16px;width:100%;padding:20px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 36px -12px #3ddc9773;transition:transform .2s var(--ease-spring),box-shadow .3s;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,rgba(255,255,255,.1),transparent)}.cta:active{transform:scale(.97);box-shadow:0 10px 24px -10px #3ddc9766}.cta .sub{display:block;font-size:.72rem;font-weight:600;opacity:.88;margin-top:3px}.cta .arrow{font-size:1.4rem;transition:transform .3s var(--ease-spring)}.cta:hover .arrow{transform:translate(4px)}.sec-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.sec-title h2{font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.sec-title button{font-size:.78rem;font-weight:800;color:var(--acc);display:flex;align-items:center;gap:4px;transition:opacity .2s}.sec-title button:active{opacity:.7}.due-item{width:100%;display:flex;align-items:center;gap:16px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow);transition:transform .2s var(--ease-spring),border-color .2s}.due-item:hover{border-color:var(--line2)}.due-item:active{transform:scale(.97)}.strength-dot{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:.9rem;flex-shrink:0;transition:transform .2s}.due-item .ref{font-size:.72rem;font-weight:800;color:var(--ink3);letter-spacing:.05em}.due-item .ar-line{font-family:var(--font-arabic);font-size:1.1rem;direction:rtl;text-align:left;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px;color:var(--ink)}.due-item .why{margin-left:auto;text-align:right;flex-shrink:0}.due-item .why b{display:block;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.due-item .why span{font-size:.68rem;color:var(--ink3);margin-top:2px;display:block}.empty{text-align:center;padding:40px 20px;border:1.5px dashed var(--line2);border-radius:var(--r-lg);color:var(--ink2);font-size:.9rem;line-height:1.7}.empty .big{font-size:2.2rem;display:block;margin-bottom:10px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.search-box{margin-top:14px;position:relative}.search-box input{width:100%;padding:14px 16px 14px 44px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:.9rem;outline:none;box-shadow:var(--shadow);transition:all .3s}.search-box input:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.search-box .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:1.05rem;pointer-events:none}.filter-bar{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.filter-btn{padding:8px 16px;border-radius:99px;font-size:.72rem;font-weight:800;background:var(--card);border:1px solid var(--line);color:var(--ink2);white-space:nowrap;transition:all .25s}.filter-btn.on{background:var(--acc-soft);color:var(--acc);border-color:var(--acc)}.cat-label{display:flex;align-items:center;gap:10px;margin:26px 0 14px}.cat-label .dot{width:8px;height:8px;border-radius:3px;transform:rotate(45deg);background:var(--gold)}.cat-label h3{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}.cat-label .line{flex:1;height:1px;background:var(--line)}.surah-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;margin-bottom:12px;box-shadow:var(--shadow);transition:border-color .3s,transform .2s}.surah-top{display:flex;align-items:center;gap:14px}.surah-num{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;position:relative;font-weight:800;font-size:.9rem;color:var(--gold)}.surah-num svg{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--gold);opacity:.35;width:100%;height:100%}.surah-meta{flex:1;min-width:0}.surah-meta b{font-size:1.05rem;font-weight:800;display:block;color:var(--ink)}.surah-meta span{font-size:.72rem;color:var(--ink2);font-weight:700;margin-top:2px;display:block}.surah-arname{font-family:var(--font-arabic);font-size:1.45rem;color:var(--gold);margin-right:8px;font-weight:700}.know-toggle{font-size:.7rem;font-weight:800;letter-spacing:.04em;padding:8px 14px;border-radius:99px;border:1.5px solid var(--line2);color:var(--ink2);transition:all .25s;flex-shrink:0}.know-toggle.on{background:var(--acc-soft);border-color:var(--acc);color:var(--acc)}.prog-track{height:8px;background:var(--bg2);border-radius:99px;margin-top:14px;overflow:hidden;position:relative}.prog-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--danger),var(--warn),var(--acc));transition:width .7s var(--ease-out)}.prog-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.68rem;font-weight:8500;color:var(--ink3)}.dual{display:flex;gap:10px;margin-top:12px}.dual .seg{flex:1;display:flex;align-items:center;gap:8px;font-size:.65rem;font-weight:800;color:var(--ink2)}.dual .seg .bar{flex:1;height:6px;border-radius:99px;background:var(--bg2);overflow:hidden}.dual .seg .bar i{display:block;height:100%;border-radius:99px}.dual .seg.arab i{background:var(--acc)}.dual .seg.mean i{background:var(--gold)}.legend{display:flex;align-items:center;gap:8px;justify-content:center;margin:16px 0 6px;font-size:.68rem;font-weight:800;color:var(--ink3);flex-wrap:wrap}.legend .cell{width:18px;height:18px;border-radius:6px}.hm-surah{margin-top:22px}.hm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hm-head b{font-size:.9rem;font-weight:800}.hm-head span{font-size:.68rem;color:var(--ink3);font-weight:700}.hm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px}.hm-cell{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:#fffffff2;border:1px solid transparent;cursor:pointer;position:relative;box-shadow:var(--shadow);transition:transform .2s var(--ease-spring),filter .2s;overflow:visible;--h: 120;--mh: 120}.hm-cell:active{transform:scale(.85)}.hm-cell.untouched{background:var(--card2);color:var(--ink3);border-color:var(--line)}.hm-cell.reviewed{background:hsl(var(--h) 42% 12%);border:1px solid hsl(var(--h) 38% 26%);color:hsl(var(--h) 80% 85%);transition:background 2.5s linear,border-color 2.5s linear,color 2.5s linear,transform .2s var(--ease-spring)}[data-theme=light] .hm-cell.reviewed{background:hsl(var(--h) 50% 90%);border:1px solid hsl(var(--h) 45% 70%);color:hsl(var(--h) 65% 20%)}.hm-cell[data-state=red]{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 16px hsl(var(--h) 75% 45% / .5)}}.hm-cell .mdot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:hsl(var(--mh) 80% 55%);border:1px solid rgba(0,0,0,.3);box-shadow:0 0 6px hsl(var(--mh) 80% 55% / .5);transition:background 2.5s linear,box-shadow 2.5s linear}.hm-cell .tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);background:var(--card-solid);border:1px solid var(--line2);border-radius:10px;padding:8px 12px;font-size:.65rem;line-height:1.5;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;box-shadow:var(--shadow);transition:opacity .15s ease,transform .15s ease;color:var(--ink);font-family:var(--font-main);text-align:left}.hm-cell:hover .tip{opacity:1;transform:translate(-50%) translateY(0)}.hm-cell .tip .row{display:flex;justify-content:space-between;gap:12px;margin-bottom:2px}.hm-cell .tip .row b{color:var(--ink2);font-weight:700}.hm-cell .tip .hint{color:var(--ink3);font-size:.58rem;margin-top:4px;display:block}dialog{border:none;background:transparent;max-width:480px;width:100%;margin:auto auto 0;outline:none}dialog::backdrop{background-color:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:display .4s allow-discrete,overlay .4s allow-discrete,background-color .4s ease-out,backdrop-filter .4s ease-out}dialog[open]::backdrop{background-color:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@starting-style{{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.sheet-content{background:var(--card-solid);border-radius:28px 28px 0 0;border:1px solid var(--line);border-bottom:none;padding:18px 24px calc(env(safe-area-inset-bottom,0px) + 24px);max-height:85vh;max-height:85dvh;overflow-y:auto;box-shadow:0 -10px 40px -10px #00000080;transform:translateY(100%);transition:transform .4s var(--ease-out),display .4s allow-discrete,overlay .4s allow-discrete}dialog[open] .sheet-content{transform:translateY(0)}@starting-style{dialog[open] .sheet-content{transform:translateY(100%)}}.sheet-content .grab{width:48px;height:5px;border-radius:99px;background:var(--line2);margin:0 auto 18px}.sheet-content .ref{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}.sheet-content .ar-big{font-family:var(--font-arabic);direction:rtl;font-size:1.6rem;line-height:2.1;margin:14px 0;color:var(--ink)}.sheet-content .en-big{font-size:.95rem;color:var(--ink2);line-height:1.75}.meter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.meter{background:var(--bg2);border-radius:var(--r-md);padding:14px}.meter small{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);display:block}.meter b{font-size:1.45rem;font-weight:800;display:block;margin:4px 0 8px;line-height:1.1}.meter .bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.meter .bar i{display:block;height:100%;border-radius:99px}.meter .nxt{font-size:.65rem;color:var(--ink3);margin-top:8px;display:block;font-weight:700}dialog{transition:display .4s allow-discrete,overlay .4s allow-discrete}.modal-overlay{background:var(--card-solid);border-radius:28px;border:1px solid var(--line);padding:24px;width:90%;max-width:400px;margin:auto;box-shadow:var(--shadow);transform:scale(.9);opacity:0;transition:transform .35s var(--ease-spring),opacity .35s ease-out,display .35s allow-discrete,overlay .35s allow-discrete}dialog[open] .modal-overlay{transform:scale(1);opacity:1}@starting-style{dialog[open] .modal-overlay{transform:scale(.9);opacity:0}}.modal-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;text-align:center}.setting-grp{margin-bottom:18px}.setting-grp label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);display:block;margin-bottom:8px}.grid-select{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grid-select button{padding:10px 4px;border-radius:var(--r-sm);background:var(--bg2);border:1px solid var(--line);font-size:.8rem;font-weight:800;text-align:center;transition:all .2s}.grid-select button.active{background:var(--acc-soft);color:var(--acc);border-color:var(--acc)}.stack-select{display:flex;flex-direction:column;gap:8px}.stack-select button{padding:12px 16px;border-radius:var(--r-sm);background:var(--bg2);border:1px solid var(--line);font-size:.85rem;font-weight:800;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.stack-select button.active{background:var(--acc-soft);color:var(--acc);border-color:var(--acc)}.stack-select button span.desc{font-size:.68rem;font-weight:600;color:var(--ink3)}.close-top{position:absolute;top:18px;right:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line);color:var(--ink2);font-size:.8rem;transition:all .2s}.close-top:active{transform:scale(.9)}#practice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:none;flex-direction:column;animation:practiceIn .4s var(--ease-out)}#practice.open{display:flex}@keyframes practiceIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.p-top{padding:calc(env(safe-area-inset-top,0px) + 16px) 20px 10px;display:flex;align-items:center;gap:16px}.p-top .close{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);font-size:.95rem;box-shadow:var(--shadow);transition:transform .2s var(--ease-spring)}.p-top .close:active{transform:scale(.9)}.p-track{flex:1;height:6px;background:var(--card2);border-radius:99px;overflow:hidden}.p-track i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--gold));border-radius:99px;transition:width .5s var(--ease-out);width:0%}.p-count{font-size:.75rem;font-weight:800;color:var(--ink2);letter-spacing:.05em}.p-body{flex:1;overflow-y:auto;padding:16px 20px 24px;display:flex;flex-direction:column}.phase-chip{align-self:center;font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:8px 18px;border-radius:99px;margin-bottom:16px;box-shadow:var(--shadow)}.phase-chip.recite{background:var(--acc-soft);color:var(--acc)}.phase-chip.mean{background:var(--gold-soft);color:var(--gold)}.p-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:30px 24px;box-shadow:var(--shadow);flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.p-ref{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase}.p-prompt{font-size:.95rem;font-weight:600;color:var(--ink2);margin-top:14px;line-height:1.6}.hidden-text{margin-top:18px;width:100%;min-height:130px;border-radius:var(--r-md);display:grid;place-items:center;padding:20px;cursor:pointer;position:relative;background:var(--bg2);border:1.5px dashed var(--line2);transition:all .3s}.hidden-text:hover{border-color:var(--ink3)}.hidden-text .tap{font-size:.85rem;font-weight:700;color:var(--ink3);display:flex;flex-direction:column;align-items:center;gap:10px}.hidden-text .tap .eye{font-size:1.8rem;color:var(--ink2)}.hidden-text.revealed{border-style:solid;border-color:var(--acc);background:var(--acc-soft)}.hidden-text.revealed.gold{border-color:var(--gold);background:var(--gold-soft)}.reveal-ar{font-family:var(--font-arabic);direction:rtl;font-size:1.75rem;line-height:2.1;color:var(--ink);animation:reveal .5s var(--ease-out)}.reveal-en{font-size:.98rem;line-height:1.8;color:var(--ink);animation:reveal .5s var(--ease-out)}@keyframes reveal{0%{opacity:0;filter:blur(8px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto;padding-top:20px}.grade{padding:14px 4px 12px;border-radius:var(--r-md);font-weight:800;font-size:.8rem;border:1.5px solid var(--line2);color:var(--ink2);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s var(--ease-spring),all .2s;box-shadow:var(--shadow)}.grade small{font-size:.6rem;font-weight:700;opacity:.8}.grade:active{transform:scale(.92)}.grade.g1{border-color:var(--danger);color:var(--danger)}.grade.g1:active{background:var(--danger-soft)}.grade.g2{border-color:var(--warn);color:var(--warn)}.grade.g2:active{background:#ffbe731f}.grade.g3{border-color:var(--acc);color:var(--acc)}.grade.g3:active{background:var(--acc-soft)}.grade.g4{border-color:var(--gold);color:var(--gold)}.grade.g4:active{background:var(--gold-soft)}.summary{text-align:center;padding-top:30px;animation:viewIn .5s var(--ease-out)}.summary .moon{font-size:3.6rem;margin-bottom:12px;display:block}.summary h2{font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.summary p{color:var(--ink2);font-size:.9rem;margin-top:10px;line-height:1.7}.sum-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.sum-stats .stat b{font-size:1.8rem}.teach-hero{margin-top:8px;border-radius:var(--r-lg);padding:24px;position:relative;overflow:hidden;background:linear-gradient(140deg,#231d13,#0f1411);border:1px solid rgba(235,208,148,.2);color:#f7f3e8;box-shadow:var(--shadow)}[data-theme=light] .teach-hero{background:linear-gradient(140deg,#fbf7ec,#eae5d7);color:#3b2c15;border-color:#b3852440}.teach-hero .ar-quote{font-family:var(--font-arabic);direction:rtl;font-size:1.4rem;line-height:2;color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.1)}.teach-hero p{font-size:.85rem;line-height:1.7;margin-top:12px;opacity:.88}.teach-hero small{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.7;display:block;margin-top:10px}.teach-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;margin-bottom:12px;border-left:4px solid var(--gold);box-shadow:var(--shadow)}.teach-card .t-ar{font-family:var(--font-arabic);direction:rtl;font-size:1.25rem;line-height:2;margin-top:8px;color:var(--ink)}.teach-card .t-en{font-size:.8rem;color:var(--ink2);margin-top:8px;line-height:1.6}.teach-card .t-ref{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.taught-btn{margin-top:14px;width:100%;padding:12px;border-radius:var(--r-sm);background:var(--gold-soft);color:var(--gold);font-weight:800;font-size:.8rem;border:1px solid rgba(235,208,148,.25);transition:transform .2s var(--ease-spring),background .3s}.taught-btn:active{transform:scale(.97)}.taught-btn.done{background:var(--acc-soft);color:var(--acc);border-color:var(--acc)}.tips{margin-top:10px}.tip{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.85rem;line-height:1.65;color:var(--ink2)}.tip:last-child{border:none}.tip .n{width:26px;height:26px;border-radius:9px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center;font-size:.72rem;font-weight:800;flex-shrink:0}.sett-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;margin-top:14px;box-shadow:var(--shadow)}.sett-card h3{font-size:1rem;font-weight:800;margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:8px}.sett-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.sett-row:last-child{border:none}.sett-row label{font-size:.88rem;font-weight:600}.sett-row small{display:block;font-size:.72rem;color:var(--ink3);margin-top:2px}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid transparent;padding:8px 16px;border-radius:var(--r-sm);font-size:.78rem;font-weight:800;transition:all .2s}.btn-danger:active{transform:scale(.95);background:#ff858533}.btn-secondary{background:var(--bg2);border:1px solid var(--line);color:var(--ink2);padding:8px 16px;border-radius:var(--r-sm);font-size:.78rem;font-weight:800;transition:all .2s}.btn-secondary:active{transform:scale(.95)}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:80;background:var(--nav-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:flex-end;padding:8px 6px calc(env(safe-area-inset-bottom,0px) + 12px);box-shadow:0 -8px 30px #00000014;border-radius:20px 20px 0 0}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.62rem;font-weight:800;letter-spacing:.04em;color:var(--ink3);padding:6px 12px;border-radius:14px;transition:color .25s,background .25s;flex:1}.nav-btn .ic{font-size:1.25rem;transition:transform .3s var(--ease-spring)}.nav-btn.on{color:var(--acc)}.nav-btn.on .ic{transform:translateY(-2px) scale(1.12)}.nav-practice{width:60px;height:60px;border-radius:22px;margin-top:-26px;flex:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;display:grid;place-items:center;font-size:1.6rem;box-shadow:0 14px 30px -8px #3ddc9799;transition:transform .25s var(--ease-spring),box-shadow .25s;position:relative;overflow:hidden}.nav-practice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,rgba(255,255,255,.15),transparent)}.nav-practice:active{transform:scale(.9);box-shadow:0 8px 18px -8px #3ddc9780}.nav-practice .bdg{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg);box-shadow:0 2px 5px #0003}#toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);font-size:.8rem;font-weight:800;padding:12px 22px;border-radius:99px;z-index:200;opacity:0;pointer-events:none;transition:all .35s var(--ease-spring);white-space:nowrap;box-shadow:var(--shadow)}#toast.show{opacity:1;transform:translate(-50%)}#onboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg);display:none;flex-direction:column;animation:viewIn .5s var(--ease-out)}#onboard.open{display:flex}.ob-body{flex:1;overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 32px) 24px 20px;display:flex;flex-direction:column}.ob-bism{font-family:var(--font-arabic);direction:rtl;text-align:center;font-size:1.6rem;color:var(--gold);line-height:2;margin-bottom:12px}#onboard h2{font-size:1.6rem;font-weight:8500;letter-spacing:-.03em;text-align:center;line-height:1.25}#onboard .ob-sub{text-align:center;color:var(--ink2);font-size:.88rem;line-height:1.65;margin-top:10px}.ob-list{margin-top:24px}.ob-foot{padding:16px 24px calc(env(safe-area-inset-bottom,0px) + 20px);background:linear-gradient(transparent,var(--bg) 20%)}footer{text-align:center;padding:24px 20px;margin-top:auto;border-top:1px solid var(--line);font-size:.72rem;color:var(--ink3);font-weight:600;display:flex;flex-direction:column;gap:6px}footer .links{display:flex;justify-content:center;gap:14px}footer a{color:var(--ink2);text-decoration:none;transition:color .2s}footer a:hover{color:var(--acc)}footer .ver{font-family:monospace}.lvl-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:.65rem;font-weight:800;letter-spacing:.02em}.lvl-badge.lvl-weak,.lvl-1{background:#e0565626;color:#e05656;border:1px solid rgba(224,86,86,.3)}.lvl-badge.lvl-medium,.lvl-2{background:#d39c4326;color:#d39c43;border:1px solid rgba(211,156,67,.3)}.lvl-badge.lvl-strong,.lvl-3{background:#16756626;color:var(--acc);border:1px solid rgba(22,117,102,.3)}@media (min-width: 700px){#app{padding-bottom:110px}nav{bottom:18px;border-radius:24px;width:min(100% - 32px,540px);border:1px solid var(--line2);box-shadow:0 16px 36px #0003}}.insight-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;margin-top:14px;box-shadow:var(--shadow)}.chart-bar-container{display:flex;flex-direction:column;gap:10px;margin-top:14px}.chart-row{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700}.chart-row span.lbl{width:80px;color:var(--ink2)}.chart-row .track{flex:1;height:8px;background:var(--bg2);border-radius:99px;overflow:hidden}.chart-row .track i{display:block;height:100%;border-radius:99px;background:var(--acc)}.log-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.log-item .who{font-size:.72rem;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.profile-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--card2);border:1px solid var(--line);border-radius:99px;cursor:pointer;transition:all .2s var(--ease-out)}.profile-chip:hover{border-color:var(--acc);transform:translateY(-1px)}.profile-chip .avatar{font-size:.85rem}.profile-chip .sync-badge{font-size:.65rem;font-weight:800;color:var(--ink2)}.profile-chip .sync-badge.synced{color:var(--acc)}.oauth-btn{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .15s,background .15s}.oauth-btn:hover{background:var(--card2);transform:translateY(-1px)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--line2);transition:.3s;border-radius:99px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--ink);transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--acc)}input:checked+.slider:before{transform:translate(20px);background-color:#fff}