.landing{--green:#0d6b51;--green-dark:#09543f;--green-light:#1a8a6a;--gold:#e7c977;--gold-dark:#cba94f;--cream:#faf9f5;--surface:#fff;--ink:#1c1c1c;--muted:#6b6b6b;--border:#e6e3dc;--divider:#efede7;--sky-top:#eaf6f0;--sky-bottom:#fdf8ec;--r-lg:28px;--r-md:20px;--r-sm:14px;--shadow-sm:0 2px 10px #0d6b510f;--shadow-md:0 10px 34px #0d6b511a;--shadow-lg:0 24px 60px #09543f29;--wrap:1140px}.landing *{box-sizing:border-box}.landing{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Cairo,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.85}.landing img{max-width:100%;display:block}.landing a{color:inherit;text-decoration:none}.landing .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.landing header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--divider);background:#faf9f5d1;position:sticky;top:0}.landing .nav{align-items:center;gap:28px;height:76px;display:flex}.landing .brand{color:var(--green-dark);align-items:center;gap:12px;font-size:22px;font-weight:900;display:flex}.landing .brand img{width:auto;height:42px}.landing .nav-links{color:var(--muted);gap:26px;margin-inline-start:auto;font-size:16px;font-weight:700;display:flex}.landing .nav-links a{transition:color .2s}.landing .nav-links a:hover{color:var(--green)}.landing .btn{width:auto;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-family:inherit;font-size:16px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.landing .btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 22px #0d6b5147}.landing .btn-primary:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 14px 30px #0d6b5157}.landing .btn-ghost{color:var(--green-dark);border:1.5px solid var(--border);background:#fff}.landing .btn-ghost:hover{border-color:var(--green-light);transform:translateY(-2px)}.landing .nav .btn{padding:11px 22px;font-size:15px}@media (width<=900px){.landing .nav-links{display:none}.landing .nav{gap:14px}.landing .nav .btn{margin-inline-start:auto}}.landing .hero{background:linear-gradient(170deg,var(--sky-top) 0%, var(--sky-bottom) 62%, var(--cream) 100%);padding:76px 0 96px;position:relative;overflow:hidden}.landing .hero:before,.landing .hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.landing .hero:before{background:radial-gradient(circle,#e7c9774d,#0000 68%);width:520px;height:520px;top:-190px;left:-140px}.landing .hero:after{background:radial-gradient(circle,#0d6b5124,#0000 68%);width:620px;height:620px;bottom:-320px;right:-180px}.landing .hero .wrap{z-index:1;position:relative}.landing .hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:56px;display:grid}.landing .pill{border:1px solid var(--border);color:var(--green-dark);box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:999px;align-items:center;gap:9px;padding:7px 18px;font-size:14.5px;font-weight:800;display:inline-flex}.landing .pill .dot{background:var(--gold-dark);border-radius:50%;width:8px;height:8px}.landing h1{color:var(--green-dark);letter-spacing:-.5px;margin:22px 0 0;font-size:clamp(38px,5.2vw,62px);font-weight:900;line-height:1.28}.landing h1 .accent{color:var(--green);white-space:nowrap;background:linear-gradient(90deg,#e7c977d9,#e7c9774d) 0 88%/100% .18em no-repeat;border-radius:4px;padding:0 .06em}.landing .lead{color:#4a4a4a;max-width:560px;margin:22px 0 0;font-size:19.5px}.landing .ayah{border-inline-start:4px solid var(--gold);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--green-dark);background:#ffffffb3;margin:30px 0 0;padding:16px 22px;font-family:Amiri,serif;font-size:23px;line-height:2}.landing .cta-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.landing .play-badge{color:#fff;background:#101613;border-radius:16px;align-items:center;gap:14px;padding:11px 26px 11px 22px;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 28px #1016134d}.landing .play-badge:hover{transform:translateY(-3px);box-shadow:0 18px 38px #10161361}.landing .play-badge svg{flex:none;width:32px;height:32px}.landing .play-badge .t{text-align:start;flex-direction:column;line-height:1.25;display:flex}.landing .play-badge .t small{opacity:.82;font-size:12px;font-weight:600}.landing .play-badge .t b{letter-spacing:.2px;font-size:20px;font-weight:800}.landing .hero-qr{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:12px 18px 12px 12px;display:flex}.landing .hero-qr img{border-radius:8px;width:74px;height:74px}.landing .hero-qr span{color:var(--green-dark);font-size:14.5px;font-weight:800;line-height:1.6}.landing .hero-qr span small{color:var(--muted);font-size:13px;font-weight:600;display:block}.landing .trust{flex-wrap:wrap;gap:26px;margin-top:34px;display:flex}.landing .trust div{color:var(--muted);align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.landing .trust b{color:var(--green-dark);font-size:22px;font-weight:900}.landing .trust b.count{font-variant-numeric:tabular-nums;letter-spacing:.5px;text-align:center;direction:ltr;min-width:2.7ch;display:inline-block}.landing .phone-stage{justify-content:center;display:flex;position:relative}.landing .glow{filter:blur(6px);background:radial-gradient(circle,#e7c97773,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:40px}.landing .phone{width:308px;box-shadow:var(--shadow-lg);background:#12211c;border-radius:44px;padding:11px;position:relative;transform:rotate(-2.2deg)}.landing .screen{background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));border-radius:34px;position:relative;overflow:hidden}.landing .shot{width:100%;height:auto;display:block}.landing .notch{z-index:2;background:#12211c;border-radius:0 0 14px 14px;width:104px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width<=980px){.landing .hero-grid{grid-template-columns:1fr;gap:48px}.landing .phone-stage{order:2}.landing .hero{padding:52px 0 72px}}.landing section{padding:60px 0}.landing .sec-head{text-align:center;max-width:860px;margin:0 auto 34px}.landing .sec-head .kicker{color:var(--gold-dark);letter-spacing:.6px;align-items:center;gap:10px;font-size:14.5px;font-weight:900;display:inline-flex}.landing .sec-head .kicker:before,.landing .sec-head .kicker:after{content:"";background:var(--gold);border-radius:2px;width:26px;height:2px}.landing h2{color:var(--green-dark);margin:14px 0 0;font-size:clamp(28px,3.6vw,42px);font-weight:900;line-height:1.35}.landing .sec-head p{color:var(--muted);margin:14px 0 0;font-size:17.5px}.landing .features{padding:8px 0 12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.landing .f-row{gap:16px;width:max-content;animation:52s linear infinite f-marquee;display:flex}.landing .f-row+.f-row{margin-top:16px}.landing .f-row-rev{animation-duration:60s;animation-direction:reverse}.landing .features:hover .f-row{animation-play-state:paused}@keyframes f-marquee{0%{transform:translate(0)}to{transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.landing .f-row{animation:none}.landing .features{overflow-x:auto}}.landing .f-card{--bg:#e8f7ee;--c:var(--green);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#fcfbf7 100%);border-radius:22px;flex:0 0 320px;align-items:flex-start;gap:14px;padding:18px 18px 18px 22px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.landing .f-card:before{content:"";background:var(--c);opacity:.9;border-radius:0 4px 4px 0;width:4px;position:absolute;inset-block:14px;inset-inline-start:0}.landing .f-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--c) 35%,var(--border));transform:translateY(-5px)}.landing .f-ic{width:50px;height:50px;color:var(--c);background:var(--bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent);border-radius:50%;flex:none;place-items:center;display:grid}.landing .f-ic svg{width:24px;height:24px}.landing .f-body{min-width:0}.landing .f-card h3{color:var(--green-dark);margin:0 0 5px;font-size:16.5px;font-weight:900;line-height:1.4}.landing .f-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.75;display:-webkit-box;overflow:hidden}@media (width<=620px){.landing .f-card{flex-basis:272px;padding:16px 16px 16px 20px}.landing .f-ic{width:44px;height:44px}.landing .f-ic svg{width:21px;height:21px}}.landing .knights-sec{background:linear-gradient(180deg,var(--cream),#fff)}.landing .knights{grid-template-columns:repeat(5,1fr);gap:18px 20px;max-width:720px;margin:0 auto;display:grid}.landing .knight{text-align:center;margin:0}.landing .k-ring{aspect-ratio:1;background:conic-gradient(from 150deg,var(--green),var(--gold),var(--green-light),var(--green));border-radius:50%;width:100%;padding:3px;transition:transform .22s,box-shadow .22s;position:relative;box-shadow:0 6px 16px #0d6b5129}.landing .knight:hover .k-ring{transform:translateY(-4px)scale(1.04);box-shadow:0 10px 22px #0d6b5142}.landing .k-ring img,.landing .k-ph{object-fit:cover;background:#eaf4ef;border:3px solid #fff;border-radius:50%;width:100%;height:100%;display:block}.landing .k-ph{color:#0d6b5173;place-items:center;display:grid}.landing .k-ph svg{width:52%;height:52%}.landing .knight figcaption{color:var(--green-dark);margin-top:10px;font-size:15px;font-weight:800}.landing .knight .k-note{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:700;display:block}@media (width<=620px){.landing .knights{grid-template-columns:repeat(3,1fr);gap:16px 12px;max-width:340px}.landing .knight figcaption{font-size:12px}}.landing .steps-sec{background:linear-gradient(180deg,#fff,var(--cream))}.landing .steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing .step{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-align:center;background:#fff;padding:34px 26px 28px;position:relative}.landing .step .num{background:linear-gradient(145deg,var(--green),var(--green-light));color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:22px;font-weight:900;display:grid;box-shadow:0 8px 18px #0d6b5147}.landing .step h3{color:var(--green-dark);margin:0 0 8px;font-size:19px;font-weight:900}.landing .step p{color:var(--muted);margin:0;font-size:15.5px}@media (width<=820px){.landing .steps{grid-template-columns:1fr}}.landing .download{background:var(--cream)}.landing .dl-card{background:linear-gradient(150deg,var(--green-dark),var(--green) 55%,var(--green-light));color:#fff;box-shadow:var(--shadow-lg);border-radius:38px;padding:60px 56px;position:relative;overflow:hidden}.landing .dl-card:before{content:"";background:radial-gradient(circle,#e7c9774d,#0000 68%);border-radius:50%;width:460px;height:460px;position:absolute;top:-180px;left:-120px}.landing .dl-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:52px;display:grid;position:relative}.landing .dl-grid h2{color:#fff;margin:0}.landing .dl-grid .kicker{color:var(--gold)}.landing .dl-grid .kicker:before,.landing .dl-grid .kicker:after{background:var(--gold)}.landing .dl-grid p{color:#ffffffe0;max-width:480px;margin:16px 0 0;font-size:17.5px}.landing .qr-box{text-align:center;background:#fff;border-radius:30px;width:288px;padding:22px;box-shadow:0 20px 46px #00000038}.landing .qr-box img{width:244px;height:244px;margin:0 auto}.landing .qr-box .cap{color:var(--green-dark);margin-top:14px;font-size:16px;font-weight:900}.landing .qr-box .cap small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:700;display:block}@media (width<=900px){.landing .dl-card{border-radius:30px;padding:44px 26px}.landing .dl-grid{text-align:center;grid-template-columns:1fr;justify-items:center;gap:36px}.landing .dl-grid p{margin-inline:auto}}.landing .reg-sec{padding-bottom:0}.landing .reg{text-align:center;border:1.5px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;border-radius:38px;padding:56px 40px;position:relative;overflow:hidden}.landing .reg:before{content:"";top:-190px;background:radial-gradient(circle,#e7c97738,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;inset-inline-start:-140px}.landing .reg>*{z-index:1;position:relative}.landing .reg h2{margin:6px 0 12px}.landing .reg p{max-width:640px;color:var(--muted);margin-inline:auto}.landing .reg-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}.landing .reg-btn{padding:16px 32px;font-size:17px}.landing .reg-btn svg{width:22px;height:22px}.landing .btn-wa{color:#fff;background:#25d366;box-shadow:0 8px 22px #25d3664d}.landing .btn-wa:hover{background:#1fb755;transform:translateY(-2px)}.landing .reg-note{color:var(--muted);margin-top:18px;font-size:15px}@media (width<=700px){.landing .reg{border-radius:30px;padding:40px 22px}.landing .reg-actions{flex-direction:column}.landing .reg-btn{width:100%}}.landing .support-sec{padding-top:0}.landing .support{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-align:center;background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding:28px 34px;display:flex}.landing .support .tx{color:var(--ink);font-size:16.5px;font-weight:800;line-height:1.7}.landing .support .tx b{color:var(--green-dark)}.landing .wa-btn{color:#fff;background:#25a366;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;transition:transform .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 10px 24px #25a3664d}.landing .wa-btn svg{width:32px;height:32px}.landing .wa-btn:hover{background:#1f8e58;transform:translateY(-3px)scale(1.04);box-shadow:0 16px 32px #25a36661}.landing .wa-btn:focus-visible{outline:3px solid var(--gold-dark);outline-offset:3px}.landing footer{background:var(--green-dark);color:#ffffffc7;margin-top:20px;padding:52px 0 34px}.landing .f-top{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.landing .f-top img{width:auto;height:78px}.landing .f-top .ay{color:var(--gold);margin-top:6px;font-family:Amiri,serif;font-size:20px}.landing .f-bottom{border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:32px;padding-top:22px;font-size:14.5px;font-weight:600;display:flex}.landing .f-bottom a{color:var(--gold);font-weight:700}.landing .js .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.landing .js .reveal.in{opacity:1;transform:none}@media (width<=700px){.landing{font-size:15px;line-height:1.75}.landing .wrap{padding:0 16px}.landing section{padding:38px 0}.landing .nav{gap:10px;height:58px}.landing .brand{gap:9px;font-size:17px}.landing .brand img{height:30px}.landing .nav .btn{padding:9px 15px;font-size:13px}.landing .hero{padding:30px 0 46px}.landing .hero-grid{gap:32px}.landing .pill{padding:5px 13px;font-size:12.5px}.landing .pill .dot{width:7px;height:7px}.landing h1{margin-top:14px;font-size:clamp(26px,7.4vw,34px);line-height:1.35}.landing .lead{margin-top:14px;font-size:15.5px}.landing .ayah{border-inline-start-width:3px;margin-top:20px;padding:11px 14px;font-size:18px}.landing .cta-row{gap:10px;margin-top:22px}.landing .play-badge{border-radius:14px;gap:11px;padding:9px 18px 9px 14px}.landing .play-badge svg{width:26px;height:26px}.landing .play-badge .t small{font-size:11px}.landing .play-badge .t b{font-size:16.5px}.landing .hero-qr{border-radius:15px;gap:11px;padding:9px 13px 9px 9px}.landing .hero-qr img{width:56px;height:56px}.landing .hero-qr span{font-size:13px}.landing .hero-qr span small{font-size:11.5px}.landing .trust{gap:10px 18px;margin-top:22px}.landing .trust div{gap:6px;font-size:12.5px}.landing .trust b{font-size:17px}.landing .trust b.count{min-width:2.4ch}.landing .phone{border-radius:34px;width:min(262px,74vw);padding:8px}.landing .screen{border-radius:27px}.landing .notch{width:86px;height:18px}.landing .sec-head{margin-bottom:22px}.landing .sec-head .kicker{font-size:13px}.landing .sec-head .kicker:before,.landing .sec-head .kicker:after{width:20px}.landing h2{margin-top:10px;font-size:clamp(22px,5.6vw,28px)}.landing .sec-head p{margin-top:10px;font-size:15px}.landing .f-row{gap:12px}.landing .f-card h3{font-size:15px}.landing .f-card p{font-size:13px;line-height:1.7}.landing .steps{gap:13px}.landing .step{border-radius:20px;padding:24px 18px 20px}.landing .step .num{width:44px;height:44px;margin-bottom:12px;font-size:19px}.landing .step h3{font-size:17px}.landing .step p{font-size:14px}.landing .dl-card{border-radius:24px;padding:30px 18px}.landing .dl-grid{gap:24px}.landing .dl-grid p{margin-top:12px;font-size:15px}.landing .qr-box{border-radius:22px;width:100%;max-width:238px;padding:15px}.landing .qr-box img{width:100%;height:auto}.landing .qr-box .cap{margin-top:11px;font-size:14px}.landing .qr-box .cap small{font-size:12px}.landing .support{border-radius:20px;flex-direction:column;gap:14px;padding:22px 18px}.landing .support .tx{font-size:14.5px}.landing .wa-btn{width:52px;height:52px}.landing .wa-btn svg{width:27px;height:27px}.landing footer{padding:36px 0 24px}.landing .f-top img{height:56px}.landing .f-top .ay{font-size:15.5px}.landing .f-bottom{text-align:center;justify-content:center;gap:8px;margin-top:24px;padding-top:18px;font-size:12.5px}}@media (width<=560px){.landing .cta-row{flex-direction:column;align-items:stretch}.landing .play-badge,.landing .hero-qr{justify-content:center}}@media (prefers-reduced-motion:reduce){.landing .js .reveal{opacity:1;transition:none;transform:none}.landing{scroll-behavior:auto}}@font-face{font-family:AmiriQuran;src:url(./AmiriQuran-Regular-6TfY6zeW.ttf)format("truetype");font-display:swap}:root{--primary:#0d6b51;--primary-dark:#09543f;--primary-light:#1a8a6a;--gold:#e7c977;--gold-dark:#cba94f;--bg:#faf9f5;--surface:#fff;--text:#1c1c1c;--text-2:#6b6b6b;--border:#e6e3dc;--divider:#efede7;--success:#2e9e6b;--warning:#e8973a;--danger:#d64545;--info:#3a7bd5;--kid-purple:#7c5cd6;--kid-pink:#e86a92;--kid-orange:#f29441;--kid-teal:#23a6a0;--kid-blue:#4a90e2;--kid-green:#3fb27f;--sky-top:#eaf6f0;--sky-bottom:#fdf8ec;--radius:20px;--radius-sm:14px;--shadow:0 2px 16px #1c1c1c12;--shadow-lg:0 10px 34px #0d403021}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Cairo,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.75}h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.35}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%}.kid-bg{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);min-height:100%;position:relative;overflow:clip}.kid-bg:before,.kid-bg:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.kid-bg:before{top:-90px;background:#23a6a01a;width:300px;height:300px;inset-inline-end:-80px}.kid-bg:after{bottom:90px;background:#e7c97724;width:320px;height:320px;inset-inline-end:-95px}.kid-bg>.blob-a,.kid-bg>.blob-b{pointer-events:none;border-radius:50%;position:absolute}.blob-a{top:260px;background:#7c5cd614;width:250px;height:250px;inset-inline-start:-110px}.blob-b{bottom:-60px;background:#e86a9214;width:240px;height:240px;inset-inline-start:-50px}.site{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.site-header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#ffffffe0;position:sticky;top:0}.site-header-in{align-items:center;gap:26px;max-width:1180px;height:72px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--primary-dark);align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.brand img{width:38px;height:38px}.site-nav{align-items:center;gap:4px;margin-inline-start:8px;display:flex}.site-nav a{color:var(--text-2);border-radius:12px;padding:9px 14px;font-size:15px;font-weight:700;transition:background .15s,color .15s}.site-nav a:hover{background:var(--divider);color:var(--primary-dark)}.site-nav a.on{color:var(--primary-dark);background:#0d6b511a}.site-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.bell{position:relative}.bell-dot{top:2px;background:var(--danger);color:#fff;text-align:center;border:2px solid var(--surface);border-radius:10px;min-width:18px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px;position:absolute;inset-inline-end:2px}.user-btn{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:9px;padding:5px 14px 5px 5px;font-weight:700;display:flex}.user-btn:hover{border-color:var(--primary-light)}.user-face{width:34px;height:34px;color:var(--primary);background:#0d6b511f 50%/cover;border-radius:50%;flex:none;place-items:center;display:grid}.burger{display:none}.menu{top:calc(100% + 8px);z-index:50;background:var(--surface);border:1px solid var(--border);min-width:210px;box-shadow:var(--shadow-lg);border-radius:18px;padding:8px;position:absolute;inset-inline-end:0}.menu button,.menu a{width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-weight:700;display:flex}.menu button:hover,.menu a:hover{background:var(--divider)}.site-main{flex:1}body.reading-mode .site-header,body.reading-mode .site-foot{display:none}body.reading-mode .site-main{padding:0}.site-foot{border-top:1px solid var(--border);text-align:center;color:var(--text-2);padding:22px 24px;font-size:14px}.page-head{border-bottom:1px solid var(--border);background:#ffffff8c}.page-head-in{align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:20px 24px;display:flex}.page-head h1{color:var(--primary-dark);font-size:26px}.back-link{border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:700;display:inline-flex}.back-link:hover{border-color:var(--primary-light);color:var(--primary-dark)}.tiles{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cols{grid-template-columns:1.35fr 1fr;align-items:start;gap:24px;display:grid}.page.narrow{max-width:640px}.page.wide{max-width:940px}@media (width<=980px){.cols{grid-template-columns:1fr}.site-nav{display:none}.burger{border:1.5px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--primary-dark);cursor:pointer;border-radius:13px;place-items:center;display:grid}.user-btn span{display:none}.drawer{border-top:1px solid var(--border);background:var(--surface);gap:4px;padding:10px 16px 16px;display:grid}.drawer a{color:var(--text);border-radius:13px;padding:12px 14px;font-weight:700}.drawer a.on{color:var(--primary-dark);background:#0d6b511a}}@media (width<=700px){.tiles{grid-template-columns:repeat(2,1fr)}.site-header-in{gap:12px;height:62px;padding:0 16px}.page-head-in{padding:16px}.page-head h1{font-size:21px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-tap{cursor:pointer;transition:transform .12s,box-shadow .12s}.card-tap:active{transform:scale(.985)}.muted{color:var(--text-2)}.caption{color:var(--text-2);font-size:13px}.title{color:var(--text);font-size:18px;font-weight:800}.heading{color:var(--primary-dark);font-size:22px;font-weight:800}.btn{background:var(--primary);color:#fff;cursor:pointer;border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px 24px;font-weight:800;transition:filter .15s,transform 60ms;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-gold{background:var(--gold);color:var(--primary-dark)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.btn-danger{background:var(--danger)}.btn-auto{width:auto}.btn-sm{border-radius:13px;padding:9px 16px;font-size:14px}.field{margin-bottom:16px;display:block}.field>span{margin-bottom:7px;font-size:14px;font-weight:700;display:block}.input,.select,.textarea{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:16px;outline:none;padding:14px 16px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary)}.textarea{resize:vertical;min-height:110px}.field-error{color:var(--danger);margin-top:5px;font-size:13px}.input-wrap{position:relative}.input-wrap .input{padding-inline-start:46px}.input-icon{inset-inline-start:15px;color:var(--text-2);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.input-action{inset-inline-end:10px;cursor:pointer;color:var(--text-2);background:0 0;border:0;padding:6px;position:absolute;top:50%;transform:translateY(-50%)}.badge{border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.badge-success{color:var(--success);background:#2e9e6b1a;border-color:#2e9e6b66}.badge-warning{color:var(--warning);background:#e8973a1a;border-color:#e8973a66}.badge-danger{color:var(--danger);background:#d645451a;border-color:#d6454566}.badge-info{color:var(--info);background:#3a7bd51a;border-color:#3a7bd566}.badge-gold{color:#7a5b12;background:#e7c9774d;border-color:#cba94f80}.badge-muted{color:var(--text-2);border-color:var(--border);background:var(--divider)}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.col{flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.grid{gap:14px;display:grid}.spacer{flex:1}.page{max-width:1180px;margin:0 auto;padding:28px 24px 64px}@media (width<=700px){.page{padding:18px 16px 44px}}.stack>*+*{margin-top:14px}.appbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#faf9f5eb;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:72px}.appbar h1{font-size:18px;font-weight:800}.icon-btn{cursor:pointer;width:42px;height:42px;color:var(--primary-dark);background:0 0;border:0;border-radius:14px;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--divider)}.state{text-align:center;color:var(--text-2);padding:56px 20px}.spinner{border:3px solid var(--divider);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tile-icon{position:relative}.tile-icon-alert{transform-origin:50%;animation:2.2s ease-in-out infinite tile-alert}.tile-badge{top:-7px;box-sizing:border-box;border:2px solid var(--surface);background:var(--danger);color:#fff;text-align:center;border-radius:11px;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;line-height:18px;position:absolute;inset-inline-start:-7px;box-shadow:0 2px 6px #d6454566}@keyframes tile-alert{0%{transform:scale(1)rotate(0)}6%{transform:scale(1.04)rotate(11deg)}12%{transform:scale(1.07)rotate(-9deg)}18%{transform:scale(1.08)rotate(6deg)}24%{transform:scale(1.08)rotate(-3deg)}30%{transform:scale(1.07)rotate(0)}50%{transform:scale(1)rotate(0)}75%{transform:scale(1.05)rotate(0)}to{transform:scale(1)rotate(0)}}.sheet-backdrop{z-index:60;background:#14191680;justify-content:center;align-items:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:520px;padding:14px 20px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;max-height:88vh;animation:.22s ease-out slide-up;overflow-y:auto}.sheet-handle{background:var(--border);border-radius:3px;width:46px;height:5px;margin:0 auto 16px}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:.4;transform:translateY(24px)}}.toasts{z-index:90;gap:8px;width:max-content;max-width:90vw;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:#fff;text-align:center;border-radius:16px;padding:12px 22px;font-weight:700;animation:.22s ease-out slide-up;box-shadow:0 8px 26px #00000038}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.mushaf{text-align:center;word-spacing:2px;direction:rtl;font-family:AmiriQuran,serif;line-height:2.05}.ayah-num{border:1.4px solid var(--gold-dark);vertical-align:middle;width:1.55em;height:1.55em;color:var(--gold-dark);border-radius:50%;place-items:center;margin:0 .18em;font-size:.62em;display:inline-grid}.ayah-active{background:#ffe566;border-radius:6px}.auth{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-brand{color:#fff;background:linear-gradient(150deg, var(--primary-dark) 0%, var(--primary) 55%, var(--primary-light) 100%);place-items:center;padding:56px 48px;display:grid;position:relative;overflow:clip}.auth-brand:before{content:"";top:-180px;background:radial-gradient(circle,#e7c97738,#0000 68%);border-radius:50%;width:520px;height:520px;position:absolute;inset-inline-start:-160px}.auth-brand-in{z-index:1;position:relative}.auth-list{gap:14px;margin:30px 0 0;padding:0;list-style:none;display:grid}.auth-list li{align-items:center;gap:12px;font-size:17px;display:flex}.auth-list span{width:34px;height:34px;color:var(--gold);background:#e7c97747;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.auth-wa{background:#ffffff29;border:1.5px solid #ffffff59;border-radius:999px;margin-top:32px;padding:13px 24px;font-weight:700;display:inline-block}.auth-wa:hover{background:#ffffff42}.auth-form{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 100%);place-items:center;padding:48px 32px;display:grid}@media (width<=900px){.auth{grid-template-columns:1fr}.auth-brand{text-align:center;padding:40px 24px 34px}.auth-brand-in{justify-items:center;display:grid}.auth-list{display:none}.auth-form{padding:34px 20px 56px}}.pending-orb{width:140px;height:140px;color:var(--gold-dark);background:#e7c97747;border-radius:50%;place-items:center;margin:0 auto;animation:1.6s ease-in-out infinite alternate breathe;display:grid;box-shadow:0 0 40px #e7c97773}.pending-orb img{object-fit:contain;width:86px;height:86px}.pending-orb[data-rejected]{color:var(--danger);background:#d645451a;animation:none;box-shadow:0 0 40px #d645454d}@keyframes breathe{0%{transform:scale(.94)}to{transform:scale(1.06)}}.word{border-radius:6px;padding:0 2px;transition:color .2s,background .2s}.word-hidden{color:#0000;background:#0d6b5112}.word-correct{color:var(--success)}.word-wrong{color:#fff;background:var(--danger)}.avatar-add{bottom:0;cursor:pointer;width:30px;height:30px;color:var(--primary);border:2.5px solid var(--primary);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:-2px;box-shadow:0 3px 10px #0000002e}.avatar-add:hover{transform:scale(1.08)}.cred-seal{background:#e7c9774d;border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto;font-size:40px;display:grid;box-shadow:0 0 34px #e7c97773}.cred-box{background:var(--bg);border:1.5px dashed var(--gold-dark);border-radius:20px;margin-top:20px;padding:6px 18px}.cred-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.cred-line{background:var(--divider);height:1px}.cred-value{letter-spacing:2px;color:var(--primary-dark);direction:ltr;font-size:24px;font-weight:900}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.chip:hover{border-color:var(--primary)}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.days-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.day-cell{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 6px;display:flex}.day-cell.done{border-color:var(--success);color:var(--success);background:#2e9e6b1f}.day-cell.current{border-color:var(--gold);background:#e7c9773d;border-width:2px}.kind-list{gap:14px;margin-top:24px;display:grid}.kind-teal{--kind:var(--kid-teal);--kind-soft:#23a6a021}.kind-green{--kind:var(--primary);--kind-soft:#0d6b511f}.kind-card{text-align:start;width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;align-items:center;gap:14px;padding:18px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex}.kind-card:hover{border-color:var(--kind);transform:translateY(-2px);box-shadow:0 10px 24px #1c1c1c1a}.kind-card:active{transform:scale(.99)}.kind-card:focus-visible{outline:2px solid var(--kind);outline-offset:3px}.kind-ico{width:52px;height:52px;color:var(--kind);background:var(--kind-soft);border-radius:18px;flex:none;place-items:center;display:grid}.kind-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.kind-body b{font-size:17px}.kind-badge{color:var(--kind);background:var(--kind-soft);border-radius:999px;align-self:flex-start;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:800}.kind-arrow{color:var(--text-2);flex:none;display:grid;transform:scaleX(-1)}.hz-tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hz-tile{--tile:var(--primary);cursor:pointer;background:var(--surface);border:1px solid var(--border);min-height:118px;box-shadow:var(--shadow);color:var(--text);font:inherit;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 8px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.hz-tile:hover{border-color:color-mix(in srgb, var(--tile) 45%, var(--border));box-shadow:0 10px 24px color-mix(in srgb, var(--tile) 22%, transparent);transform:translateY(-3px)}.hz-tile:active{transform:scale(.985)}.hz-tile-ic{color:#fff;background:linear-gradient(135deg, var(--tile), color-mix(in srgb, var(--tile) 62%, #fff));width:46px;height:46px;box-shadow:0 6px 14px color-mix(in srgb, var(--tile) 34%, transparent);border-radius:16px;flex:none;place-items:center;display:grid}.hz-tile-label{min-width:0;font-size:13px;line-height:1.4}.hz-tile-value{color:var(--primary-dark);font-size:13px;font-weight:800}@media (width<=360px){.hz-tiles{grid-template-columns:repeat(2,1fr)}}.dhikr-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.dhikr-card{--c:var(--primary);cursor:pointer;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);font:inherit;text-align:start;border-radius:22px;align-items:center;gap:14px;padding:18px 16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.dhikr-card:before{content:"";background:var(--c);border-radius:0 4px 4px 0;width:4px;position:absolute;inset-block:16px;inset-inline-start:0}.dhikr-card:hover{border-color:color-mix(in srgb, var(--c) 45%, var(--border));box-shadow:0 12px 26px color-mix(in srgb, var(--c) 20%, transparent);transform:translateY(-3px)}.dhikr-card:active{transform:scale(.99)}.dhikr-ic{color:#fff;background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 60%, #fff));width:52px;height:52px;box-shadow:0 6px 16px color-mix(in srgb, var(--c) 32%, transparent);border-radius:18px;flex:none;place-items:center;display:grid}.dhikr-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dhikr-body b{font-size:16.5px}.dhikr-count{color:var(--c);background:color-mix(in srgb, var(--c) 13%, transparent);border-radius:999px;flex:none;padding:5px 11px;font-size:12.5px;font-weight:800}@media (width<=620px){.dhikr-grid{grid-template-columns:1fr}}.chat-card{background:var(--surface);border:1px solid var(--border);height:calc(100vh - 250px);min-height:420px;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--primary) 5%, transparent);align-items:center;gap:10px;padding:12px 14px;display:flex}.chat-body{flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.chat-avatar{background:color-mix(in srgb, var(--primary) 14%, transparent);width:40px;height:40px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.chat-avatar.sm{width:30px;height:30px;font-size:12px}.chat-row{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:start;width:100%;color:inherit;border-radius:16px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.chat-row:hover{border-color:var(--primary)}.chat-row .preview{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-pill{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;display:grid}.chat-day{justify-content:center;margin:10px 0;display:flex}.chat-day span{color:var(--text-2);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:12px}.chat-msg{align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.chat-msg.mine{flex-direction:row-reverse}.chat-bubble{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:min(520px,76%);padding:9px 13px;line-height:1.8;box-shadow:0 1px 2px #0000000a}.chat-msg.mine .chat-bubble{background:color-mix(in srgb, var(--primary) 13%, transparent);border-color:color-mix(in srgb, var(--primary) 22%, transparent);border-end-end-radius:5px}.chat-msg:not(.mine) .chat-bubble{border-end-start-radius:5px}.chat-bubble .sender{color:var(--primary);font-size:12.5px;font-weight:800}.chat-bubble .time{color:var(--text-2);margin-top:3px;font-size:11px}.chat-bubble img{border-radius:12px;max-width:230px;display:block}.chat-bubble audio{max-width:230px;height:36px}.chat-quote{text-align:start;cursor:pointer;border:0;border-inline-start:3px solid var(--primary);background:color-mix(in srgb, var(--primary) 9%, transparent);width:100%;font:inherit;border-radius:8px;margin-bottom:5px;padding:5px 9px;display:block}.chat-quote .who{color:var(--primary);font-size:12px;font-weight:800;display:block}.chat-quote .what{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.chat-msg .chat-reply-btn{opacity:0;width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;transition:opacity .15s;display:grid}.chat-msg:hover .chat-reply-btn,.chat-msg:focus-within .chat-reply-btn{opacity:1}.chat-mention{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:6px;padding:0 3px;font-weight:800}.chat-msg.flash .chat-bubble{animation:1.2s chat-flash}@keyframes chat-flash{0%,to{box-shadow:0 1px 2px #0000000a}30%{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 45%, transparent)}}.chat-replying{border-top:1px solid var(--border);background:color-mix(in srgb, var(--primary) 7%, transparent);align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-mention-menu{inset-inline:12px;z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:14px;max-height:220px;margin-bottom:6px;position:absolute;bottom:100%;overflow:auto;box-shadow:0 8px 24px #0000001f}.chat-mention-menu button{text-align:start;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:9px 12px;display:flex}.chat-mention-menu button:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.chat-composer{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:6px;padding:10px 12px;display:flex}.chat-composer .chat-input{border:1px solid var(--border);font:inherit;background:var(--bg);color:var(--text);border-radius:999px;flex:1;padding:11px 16px}.chat-composer .chat-input:focus{border-color:var(--primary);outline:none}.chat-icon-btn{cursor:pointer;width:42px;height:42px;color:var(--text-2);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.chat-icon-btn:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.chat-icon-btn.send{background:var(--primary);color:#fff}.chat-icon-btn.send:disabled{opacity:.5;cursor:default}.chat-icon-btn.danger{color:var(--danger)}.chat-recording{color:var(--danger);flex:1;align-items:center;gap:8px;font-weight:700;display:flex}.chat-recording .dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1s infinite chat-blink}@keyframes chat-blink{50%{opacity:.25}}.chat-note{text-align:center;color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border-top:1px solid var(--border);padding:12px;font-size:13.5px}.chat-bubble-wrap{flex-direction:column;align-items:flex-start;max-width:min(520px,76%);display:flex}.chat-msg.mine .chat-bubble-wrap{align-items:flex-end}.chat-bubble-wrap .chat-bubble{max-width:100%}.chat-react,.chat-reactions{display:inline-flex;position:relative}.chat-msg:hover .chat-react .chat-reply-btn,.chat-react:focus-within .chat-reply-btn{opacity:1}@media (hover:none){.chat-msg .chat-reply-btn{opacity:.6}}.chat-react-bar{bottom:calc(100% + 4px);z-index:5;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:2px;padding:5px 7px;display:flex;position:absolute;inset-inline-start:50%;transform:translate(50%);box-shadow:0 6px 20px #0000001f}.chat-react-bar button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:22px;transition:transform .12s,background .12s}.chat-react-bar button:hover{transform:scale(1.2)}.chat-react-bar button.on{background:color-mix(in srgb, var(--primary) 16%, transparent)}.chat-reactions{margin-top:-7px;z-index:1;margin-inline:10px}.chat-reaction-pill{cursor:pointer;font:inherit;background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:14px;line-height:1.6;display:inline-flex;box-shadow:0 1px 3px #00000014}.chat-reaction-pill .count{color:var(--text-2);font-size:12px;font-weight:700}.chat-reaction-list{top:calc(100% + 4px);z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;inset-inline-start:0;box-shadow:0 6px 20px #0000001f}.chat-reaction-list button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;display:flex}.chat-reaction-list button:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 10%, transparent)}.chat-reaction-list button:disabled{cursor:default}.tt-page{padding-top:18px}.tt-hero{padding:18px 20px}.tt-day{align-items:center;gap:14px;margin-top:14px;display:flex}.tt-day-num{background:var(--primary);color:#fff;border-radius:20px;flex:none;place-items:center;width:62px;height:62px;font-size:28px;font-weight:900;display:grid}.tt-day-label{color:var(--primary-dark);font-size:17px;font-weight:800}.tt-stars{align-items:center;gap:4px;margin-inline-start:auto;font-size:20px;display:flex}.tt-stars b{color:var(--gold-dark);font-size:22px}.tt-bar{background:var(--divider);border-radius:6px;height:10px;margin-top:14px;overflow:hidden}.tt-bar span{background:linear-gradient(90deg, var(--gold), var(--primary));border-radius:6px;height:100%;transition:width .4s;display:block}.tt-subjects{gap:12px;display:grid}.tt-subject{text-align:start;cursor:pointer;border-inline-start:6px solid var(--kid-teal);align-items:center;gap:14px;width:100%;padding:14px 16px;font-family:inherit;transition:transform .12s;display:flex}.tt-subject:active{transform:scale(.985)}.tt-arabic{border-inline-start-color:var(--kid-green)}.tt-math{border-inline-start-color:var(--kid-blue)}.tt-english{border-inline-start-color:var(--kid-purple)}.tt-subject.done{background:#3fb27f14}.tt-subject-emoji{background:var(--bg);border-radius:18px;flex:none;place-items:center;width:56px;height:56px;font-size:38px;display:grid}.tt-subject-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tt-subject-label{color:var(--text-2);font-size:13px;font-weight:700}.tt-subject-title{color:var(--primary-dark);font-size:18px;font-weight:800}.tt-subject-stars{letter-spacing:-2px;font-size:18px}.tt-finished,.tt-done-today{text-align:center}.tt-done-today{text-align:start;background:#e7c97740;border-color:#cba94f80;border-radius:18px;align-items:center;gap:12px;padding:12px 16px;display:flex}.tt-lesson-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.tt-close{border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text-2);background:#fff;border-radius:12px;place-items:center;display:grid}.tt-progress{flex:1;gap:4px;display:flex}.tt-progress span{background:var(--divider);border-radius:4px;flex:1;height:8px}.tt-progress span.done{background:var(--primary)}.tt-progress span.now{background:var(--gold)}.tt-lesson-emoji{font-size:26px}.tt-card{flex-direction:column;gap:14px;margin-top:12px;padding:20px;display:flex}.tt-title{color:var(--primary-dark);text-align:center;font-size:20px;font-weight:800}.tt-prompt{text-align:center;font-size:16px}.tt-big{background:var(--bg);border:1px dashed var(--border);cursor:pointer;text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;display:flex}.tt-big.small{padding:12px}.tt-big-emoji{font-size:60px;line-height:1.1}.tt-big-text{color:var(--primary-dark);font-size:46px;font-weight:900;line-height:1.5}.tt-big-text.long{text-align:start;font-size:20px;font-weight:700;line-height:1.9}.tt-big-text.pre{white-space:pre-line;font-size:26px;line-height:1.3}.tt-big-text[lang=en]{direction:ltr;font-family:Arial,sans-serif}.tt-speak{cursor:pointer;color:var(--primary-dark);background:#fff;border:1.5px solid #0d6b514d;border-radius:14px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:18px;font-weight:800;display:inline-flex}.tt-speak.big{padding:12px 22px;font-size:26px}.tt-speak.on{background:#e7c97766}.tt-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tt-item{cursor:pointer;border:1.5px solid var(--border);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-family:inherit;display:flex;position:relative}.tt-item.playing{border-color:var(--gold-dark);background:#e7c97740}.tt-item.heard{border-color:#3fb27f80}.tt-item-emoji{font-size:34px}.tt-item-text{color:var(--primary-dark);font-size:24px;font-weight:800}.tt-item-text[lang=en]{direction:ltr;font-family:Arial,sans-serif}.tt-item-ear{top:6px;font-size:14px;position:absolute;inset-inline-end:8px}.tt-options{gap:10px;display:grid}.tt-options.short{grid-template-columns:repeat(3,1fr)}.tt-option{border:2px solid var(--border);cursor:pointer;color:var(--text);background:#fff;border-radius:18px;padding:16px;font-family:inherit;font-size:24px;font-weight:800;transition:transform .1s}.tt-options.short .tt-option{font-size:40px}.tt-option[lang=en]{direction:ltr;font-family:Arial,sans-serif}.tt-option:active{transform:scale(.97)}.tt-option.right{border-color:var(--success);background:#2e9e6b1f}.tt-option.wrong{border-color:var(--danger);background:#d645451a;animation:.35s tt-shake}.tt-option.dim{opacity:.45}@keyframes tt-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tt-feedback{border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.tt-feedback.ok{background:#2e9e6b1f}.tt-feedback.no{background:#e8973a24}.tt-feedback-icon{font-size:28px}.tt-answer-row,.tt-pool{border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:64px;padding:10px;display:flex}.tt-answer-row{background:#0d6b510f;border:2px dashed #0d6b514d}.tt-answer-row[lang=en],.tt-pool[lang=en]{direction:ltr}.tt-piece{border:2px solid var(--border);cursor:pointer;color:var(--primary-dark);background:#fff;border-radius:14px;padding:10px 16px;font-family:inherit;font-size:22px;font-weight:800}.tt-piece.on{border-color:var(--primary);background:#0d6b5114}.letters .tt-piece{min-width:54px;font-size:30px}[lang=en] .tt-piece{font-family:Arial,sans-serif}.tt-trace-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.tt-trace{aspect-ratio:7/6;border:2px dashed var(--border);touch-action:none;cursor:crosshair;background:#fff;border-radius:18px;width:100%;max-width:420px}.tt-trace-tools{gap:10px;display:flex}.tt-input{text-align:center;width:100%;margin-bottom:12px;padding:14px;font-size:26px;font-weight:800}.tt-input.right{border-color:var(--success)}.tt-input.wrong{border-color:var(--danger)}.tt-result{text-align:center;align-items:center}.tt-result-emoji{font-size:64px}.tt-result-stars{gap:8px;font-size:48px;display:flex}.tt-result-stars span{opacity:.25;filter:grayscale();transform:scale(.7)}.tt-result-stars span.on{animation:.5s forwards tt-pop}@keyframes tt-pop{to{opacity:1;filter:none;transform:scale(1)}}.chat-media{align-items:center;gap:4px;display:inline-flex;position:relative}.chat-dl{cursor:pointer;width:32px;height:32px;color:var(--primary);font:inherit;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.chat-dl.on-image{top:6px;color:#fff;background:#00000073;position:absolute;inset-inline-end:6px}.chat-dl:disabled{opacity:.6;cursor:default}