@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf)format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/EBGaramond.ttf)format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/EBGaramond-Italic.ttf)format("truetype");font-style:italic;font-weight:400 800;font-display:swap}@font-face{font-family:Arabswell;src:url(/fonts/arabswell-1.ttf)format("truetype");font-display:swap}@font-face{font-family:AmiriQ;src:url(/fonts/AmiriQuran-Regular.ttf)format("truetype");font-display:swap}:root{--ivory:#faf7f1;--white:#fff;--ink:#2a1418;--muted:#7f6459;--emerald:#0f5d4a;--cobalt:#14213d;--saffron:#f2b134;--terracotta:#b9472b;--gold:#c9931f;--page:#fff;--surface:#fff;--soft:#fbeee4;--ink2:#57403a;--rule:#2a14181f;--primary:#b80f35;--primary2:#db2149;--deep:#6e000f;--on-deep:#fdeee2;--on-dark:#ffc9a3;--accent:#ffa270;--shade:56,6,22;--wash:128,14,48;--c1:#ffdfd0;--c2:#fbd6dd;--c3:#ffebc8;--c4:#f5dfcc;--tint:color-mix(in srgb,var(--primary) 9%,transparent);--accent-tint:color-mix(in srgb,var(--accent) 22%,transparent);--sans:Manrope,system-ui,-apple-system,sans-serif;--serif:Garamond,"Times New Roman",serif;--ar:Arabswell,serif;--quran:AmiriQ,serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.grain{pointer-events:none;opacity:0;mix-blend-mode:multiply;z-index:50;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/></filter><rect width='300' height='300' filter='url(%23n)'/></svg>");position:fixed;inset:0}.wrap{max-width:480px;min-height:100dvh;margin:0 auto;position:relative}.page{padding:28px 24px 120px}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}h1.serif{font-family:var(--serif);letter-spacing:-.01em;font-size:40px;font-weight:500;line-height:1.04}h2.serif{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.1}.ar{font-family:var(--ar);color:var(--primary);direction:rtl}.btn{background:linear-gradient(135deg,var(--primary),var(--primary2));color:var(--white);width:100%;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 28%,transparent);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:16px;font-weight:700;display:inline-flex}.btn.secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--rule);box-shadow:none}.muted{color:var(--muted)}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.nav{z-index:40;background:color-mix(in srgb,var(--page) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--rule);position:fixed;bottom:0;left:0;right:0}.nav .in{max-width:480px;padding:10px 0 calc(10px + env(safe-area-inset-bottom));justify-content:space-around;margin:0 auto;display:flex}.nav a{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.nav a.on{color:var(--primary)}.nav svg{width:22px;height:22px}.book{border-bottom:1px solid var(--rule);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;padding:14px 0;display:grid}.book>div{min-width:0}.book img{object-fit:cover;border-radius:12px;width:96px;height:120px}.book .t{font-family:var(--serif);font-size:22px;line-height:1.1}.book .ar{text-align:left;white-space:nowrap;direction:ltr;unicode-bidi:plaintext;height:26px;margin:2px 0;font-size:20px;line-height:26px;display:block;overflow:hidden}.tag{letter-spacing:.12em;text-transform:uppercase;background:var(--soft);color:var(--ink2);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.tag.live{background:var(--tint);color:var(--primary)}.chap{border-bottom:1px solid var(--rule);align-items:center;gap:14px;padding:14px 0;display:flex}.chap .n{background:var(--soft);width:36px;height:36px;color:var(--ink2);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.chap .n.done{background:var(--primary);color:var(--white)}.chap .t{font-family:var(--serif);flex:1;font-size:20px}.chap .lock{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.reader{background:var(--white);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.reader .stage{background:var(--bg,var(--white));max-width:480px;height:100%;color:var(--fg,var(--ink));margin:0 auto;position:relative}.reader .prog{z-index:4;filter:drop-shadow(0 1px 1.5px #00000059);gap:3px;height:3px;display:flex;position:absolute;top:12px;left:12px;right:12px}.reader .prog i{background:#ffffff61;border-radius:999px;flex:1;overflow:hidden}.reader .prog i b{background:#fff;border-radius:999px;width:0;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);display:block}.reader .prog i.done b,.reader .prog i.now b{width:100%}.reader .bubble{z-index:4;color:#fff;text-shadow:0 1px 3px #0000008c;align-items:center;gap:10px;display:flex;position:absolute;top:22px;left:14px;right:14px}.reader .bubble img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:36px;height:36px;box-shadow:0 1px 4px #0000004d}.reader .bubble .nm{letter-spacing:.01em;font-size:14px;font-weight:800}.reader .bubble .tm{opacity:.85;font-size:13px;font-weight:500}.reader .bubble .ic{gap:6px;margin-left:auto;display:flex}.reader .bubble .ic button{color:#fff;filter:drop-shadow(0 1px 2px #00000080);justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.reader .bubble .ic button.sv{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff80;border-radius:999px;gap:6px;width:auto;height:34px;padding:0 12px;font-size:13px;font-weight:800}.reader .bubble .ic button.saved{color:var(--on-dark);border-color:var(--on-dark)}.savebtn{color:var(--ink);border:1.5px solid var(--rule);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:800;display:inline-flex}.savebtn.on{border-color:var(--accent);background:var(--accent-tint)}.savebtn.on .bm{color:var(--primary)}.savebtn.light{color:#fff;background:#ffffff2e;border:1px solid #ffffff73;flex:1;justify-content:center;padding:12px 10px}.savebtn.light.on{background:color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--on-dark)}.savebtn.light.on .bm{color:var(--on-dark)}.reader .coach{z-index:9;color:#fff;text-align:center;cursor:pointer;background:#0a0e189e;grid-template-columns:1fr 2fr;align-items:center;display:grid;position:absolute;inset:0}.reader .coach>div{flex-direction:column;align-items:center;gap:10px;padding:24px 14px;display:flex}.reader .coach>div+div{border-left:1px dashed #ffffff59}.reader .coach .arr{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;animation:1.4s infinite pulse;display:flex}.reader .coach b{font-size:15px;line-height:1.3}.reader .coach small{opacity:.8;font-size:12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.reader .hero{height:57%;position:absolute;top:0;left:0;right:0;overflow:hidden}.reader .hero img{object-fit:cover;object-position:center 40%;width:100%;height:100%;display:block}.reader .hero:before{content:"";z-index:1;background:linear-gradient(#00000042,#00000014 60%,#0000);height:130px;position:absolute;top:0;left:0;right:0}.reader .hero:after{content:"";background:linear-gradient(to bottom,#0000,var(--bg,var(--white)));height:34%;position:absolute;bottom:0;left:0;right:0}.reader .lab{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap;background:#faf7f1f0;border-radius:8px;padding:7px 10px 7px 22px;font-size:10px;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #0000001f}.reader .lab:before{content:"";background:var(--saffron);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.reader .body{flex-direction:column;display:flex;position:absolute;inset:56% 28px 0}.reader .arw{font-family:var(--ar);color:var(--acc,var(--emerald));text-align:left;direction:rtl;padding-left:2px;font-size:44px;line-height:1.2}.reader .sub{letter-spacing:.16em;text-transform:uppercase;color:var(--mut,var(--muted));margin:0 0 14px;font-size:11px;font-weight:600}.reader h1{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:12px;font-size:34px;font-weight:500;line-height:1.06}.reader p{max-width:420px;font-size:16px;line-height:1.5}.reader p b{color:var(--acc,var(--emerald));font-weight:800}.reader .foot{padding:0 0 calc(26px + env(safe-area-inset-bottom));color:var(--mut,var(--muted));justify-content:space-between;align-items:flex-end;margin-top:auto;font-size:11px;display:flex}.reader .foot .n{letter-spacing:.14em;white-space:nowrap;margin-left:16px;font-weight:800}.reader .title .hero{height:64%}.reader .title .body{top:58%}.reader .title .arw{text-align:right;color:var(--saffron);font-size:68px}.reader .title h1{font-size:44px}.reader .quote .hero{height:34%;top:auto;bottom:0}.reader .quote .hero img{object-position:center 65%}.reader .quote .hero:after{background:linear-gradient(to bottom,var(--bg),#0000);height:45%;top:0;bottom:auto}.reader .quran{text-align:right;font-family:var(--quran);color:var(--saffron);direction:rtl;font-size:23px;line-height:2;position:absolute;top:60px;left:28px;right:28px}.reader .quran .num{font-family:var(--sans);color:var(--mut);vertical-align:middle;direction:ltr;margin:0 5px;font-size:10px;display:inline-block}.reader .quote .body{height:auto;top:auto;bottom:37%}.reader .quote p{font-family:var(--serif);font-size:18px;font-style:italic;line-height:1.3}.reader .quiz .hero{height:46%}.reader .quiz .body{z-index:3;top:46%}.reader .quiz h1{font-size:28px}.reader .cont{background:var(--primary);color:#fff;border-radius:999px;align-self:flex-start;margin-top:10px;padding:10px 16px;font-size:13px;font-weight:800}.reader .opt{flex-direction:column;gap:8px;margin-top:6px;display:flex}.reader .opt button{text-align:left;font-family:var(--serif);border:1.5px solid #1b22322e;border-radius:12px;padding:12px 14px;font-size:18px;transition:all .2s}.reader .opt button.ok{border-color:var(--primary);background:var(--primary);color:var(--white)}.reader .opt button.ko{border-color:var(--terracotta);color:var(--terracotta)}.reader .tap{z-index:2;grid-template-columns:1fr 2fr;display:grid;position:absolute;inset:0}.reader .tap button{opacity:0}.reader .end{background:var(--deep);color:var(--white);text-align:center;flex-direction:column;justify-content:center;gap:14px;padding:32px;display:flex;position:absolute;inset:0}.reader .end h1{color:var(--white);font-size:38px}.toast{background:var(--deep);color:var(--white);z-index:60;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;animation:.3s up;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}@keyframes up{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.q{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:28px 24px 40px;display:flex}.q .opts{flex-direction:column;gap:10px;margin:22px 0;display:flex}.q .opts button{text-align:left;border:1.5px solid var(--rule);background:var(--surface);border-radius:14px;padding:16px 18px;font-size:17px;font-weight:600}.q .opts button.on{border-color:var(--primary);background:var(--tint)}.q .steps{gap:4px;margin-bottom:22px;display:flex}.q .steps i{background:var(--rule);border-radius:2px;flex:1;height:4px}.q .steps i.on{background:var(--primary)}.plan{border:1.5px solid var(--rule);cursor:pointer;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:18px;display:flex}.plan.on{border-color:var(--primary);background:var(--soft)}.plan .p{font-family:var(--serif);white-space:nowrap;font-size:30px}.plan .s{color:var(--muted);font-size:12px}.pill{letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--ink);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.check{align-items:flex-start;gap:10px;padding:8px 0;font-size:15px;display:flex}.check:before{content:"✓";color:var(--primary);font-weight:800}input.in{border:1.5px solid var(--rule);width:100%;font:inherit;background:var(--surface);border-radius:14px;padding:16px;font-size:17px}.saw{font-family:var(--quran);vertical-align:-.08em;letter-spacing:0;margin:0 .04em;font-size:1em;line-height:0}.lib{padding-bottom:110px}.lib .bar{z-index:20;background:color-mix(in srgb,var(--page) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 20px 10px;position:sticky;top:0}.lib .bar .brand{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lib .bar .brand b{font-family:var(--serif);letter-spacing:-.01em;font-size:22px}.lib .bar .brand .ar{color:var(--primary);font-size:22px}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips a{color:var(--ink);background:var(--c1);border:1.5px solid #0000;border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:700}.chips a:nth-child(4n+2){background:var(--c2)}.chips a:nth-child(4n+3){background:var(--c3)}.chips a:nth-child(4n){background:var(--c4)}.chips a.on,.chips a.on:nth-child(n){background:var(--primary);color:var(--white);border-color:var(--primary)}.lhero{aspect-ratio:4/5;background:var(--soft);box-shadow:0 14px 40px rgba(var(--shade),.14);border-radius:22px;margin:6px 20px 0;display:block;position:relative;overflow:hidden}.lhero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lhero .sh{background:linear-gradient(to top,rgba(var(--shade),.92) 0%,rgba(var(--shade),.45) 38%,rgba(var(--shade),0) 65%);position:absolute;inset:0}.lhero .tx{color:#fff;position:absolute;bottom:18px;left:18px;right:18px}.lhero .tx .ar{color:var(--on-dark);text-align:left;direction:ltr;unicode-bidi:plaintext;font-size:28px}.lhero .tx h2{font-family:var(--serif);margin:2px 0 6px;font-size:34px;font-weight:500;line-height:1.02}.lhero .tx .meta{letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-bottom:12px;font-size:12px;font-weight:700}.lhero .tx .btns{gap:8px;display:flex}.lhero .tx .btns a{text-align:center;border-radius:12px;flex:1;padding:12px 10px;font-size:14px;font-weight:800}.lhero .tx .btns a.p{color:var(--ink);background:#fff}.lhero .tx .btns a.s{color:#fff;background:#ffffff2e;border:1px solid #ffffff73}.rowh{justify-content:space-between;align-items:baseline;padding:26px 20px 10px;display:flex}.rowh h3{font-family:var(--serif);font-size:22px;font-weight:500}.rowh a{white-space:nowrap;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 20px 6px;scroll-padding-left:20px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.cv{scroll-snap-align:start;flex:none;width:124px}.cv .im{background:var(--soft);width:124px;height:176px;box-shadow:0 6px 18px rgba(var(--shade),.12);border-radius:14px;position:relative;overflow:hidden}.cv .im img{object-fit:cover;filter:saturate(1.2)contrast(1.03);width:100%;height:100%;display:block}.cv .im .ov{color:#fff;z-index:2;padding:40px 10px 10px;position:absolute;bottom:0;left:0;right:0}.cv .im:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(to top,rgb(var(--wash)) 0%,rgb(var(--wash)) 42%,rgba(var(--wash),0) 100%);height:64%;position:absolute;bottom:0;left:0;right:0}.cv .im.baked:after{display:none}.cv .im.baked img{filter:none}.cv .im .lbl{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fffc;background:0 0;border:0;align-items:center;gap:4px;margin-bottom:4px;padding:0;font-size:7.5px;font-weight:800;display:flex}.cv .im .lbl b{color:var(--on-dark);font-size:9px}.cv .im .arv{font-family:var(--ar);color:#ffffffe0;white-space:nowrap;direction:ltr;unicode-bidi:plaintext;margin-bottom:3px;font-size:15px;line-height:1;display:block;overflow:hidden}.cv .im .tt{-webkit-line-clamp:2;font-family:var(--serif);letter-spacing:-.01em;text-shadow:0 1px 2px #00000059;-webkit-box-orient:vertical;font-size:15px;line-height:1.08;display:-webkit-box;overflow:hidden}.cv .im .soon{z-index:3;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#ffffffeb;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;top:8px;right:8px}.cv .im .pr{z-index:3;background:#ffffff4d;height:4px;position:absolute;bottom:0;left:0;right:0}.cv .im .pr i{background:var(--accent);height:100%;display:block}.cv .m{color:var(--muted);margin-top:7px;padding-left:2px;font-size:11px;font-weight:600}.cv .m b{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.cv.big{width:168px}.cv.big .im{width:168px;height:238px}.cv.big .im .tt{font-size:19px}.cv.big .im .arv{font-size:18px}.cv.num{width:190px;padding-left:66px;position:relative}.cv.num .n{z-index:0;font-family:var(--sans);letter-spacing:-.07em;color:var(--primary);pointer-events:none;font-size:120px;font-weight:800;line-height:.78;position:absolute;bottom:22px;left:0}.top5{--band:#6e000f12;--rank:#6e000f33;position:relative}.top5:before{content:"";background:var(--band);z-index:0;height:62%;position:absolute;bottom:0;left:0;right:0}.top5>*{z-index:1;position:relative}.top5 .rail{padding-bottom:18px}.top5 .cv.num .n{color:var(--rank)}.cv.num .im{z-index:1;box-shadow:-8px 10px 22px rgba(var(--shade),.18);position:relative}.mosaic{width:100%;position:relative;overflow:hidden}.mosaic .grid{flex-direction:column;gap:14px;width:1800px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}.mosaic .mrow{gap:14px;display:flex}.mosaic .tile{background:var(--soft);width:214px;height:120px;box-shadow:0 10px 30px rgba(var(--shade),.22);border-radius:8px;flex:none;position:relative;overflow:hidden}.mosaic .tile img{object-fit:cover;filter:saturate(1.3)contrast(1.04);width:100%;height:100%;display:block}.mosaic .tile:after{content:"";mix-blend-mode:multiply;background:linear-gradient(to top,rgb(var(--wash)),rgba(var(--wash),0) 62%);position:absolute;inset:0}.mosaic .badge{z-index:2;background:var(--primary);color:#fff;width:16px;height:20px;font-family:var(--serif);text-align:center;border-radius:3px;font-size:14px;font-weight:700;line-height:20px;position:absolute;top:8px;left:8px}.mosaic .ttl{z-index:2;color:#fff;font-family:var(--serif);letter-spacing:-.01em;text-shadow:0 1px 3px #0009;white-space:nowrap;text-overflow:ellipsis;font-size:19px;line-height:1;position:absolute;bottom:9px;left:10px;right:10px;overflow:hidden}.mosaic .tar{z-index:2;color:var(--on-dark);font-family:var(--ar);text-shadow:0 1px 3px #0009;direction:ltr;unicode-bidi:plaintext;font-size:16px;position:absolute;top:8px;right:10px}.mosaic .fade{pointer-events:none;position:absolute;inset:0}.home{background:var(--page)}.hsec{padding:30px 24px 0}.hsec h2.serif{margin:6px 0 10px;font-size:30px}.steps3{flex-direction:column;gap:12px;margin-top:14px;display:flex}.st{border:1.5px solid var(--rule);background:var(--soft);border-radius:18px;padding:18px 18px 16px;position:relative}.st .ar{color:var(--primary);opacity:.9;font-size:26px;position:absolute;top:12px;right:16px}.st .num{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.st b{font-family:var(--serif);margin-bottom:4px;font-size:22px;font-weight:500;display:block}.st p{color:var(--ink2);font-size:15px}.card-prev{scroll-snap-align:start;flex:none;width:150px}.card-prev img{object-fit:cover;width:150px;height:267px;box-shadow:0 10px 26px rgba(var(--shade),.16);border:1px solid var(--rule);border-radius:16px;display:block}.hsec.dark{background:var(--primary);color:var(--on-deep);margin:30px 0 0;padding:30px 24px}.hsec.dark h2.serif{color:#fff}.hsec.dark p{opacity:.92;font-size:16px;line-height:1.5}.proof{flex-direction:column;gap:8px;margin-top:16px;display:flex}.proof div{border:1px solid #ffffff38;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.proof div b{font-family:var(--serif);color:var(--on-dark);font-size:17px}.proof div span{opacity:.9;text-align:right}.price2{gap:10px;margin-top:14px;display:flex}.pl{border:1.5px solid var(--rule);border-radius:16px;flex-direction:column;flex:1;gap:4px;padding:16px 14px;display:flex}.pl.on{border-color:var(--primary);background:var(--soft)}.pl b{font-family:var(--serif);font-size:30px;font-weight:500}.pl span{color:var(--muted);font-size:12px}.pl .pill{color:var(--ink);align-self:flex-start;margin-bottom:4px;font-size:11px}.hfoot{border-top:1px solid var(--rule);margin-top:30px;padding:30px 24px 40px}.flinks{color:var(--primary);gap:16px;margin-top:14px;font-size:13px;font-weight:700;display:flex}.lhero img{filter:saturate(1.2)contrast(1.03)}.hl{color:var(--primary);font-style:italic}body:has(.reader) .grain{opacity:.07}.reader .slide{z-index:3;background:var(--bg,var(--white));color:var(--fg,var(--ink));pointer-events:none;--ease:cubic-bezier(.16,1,.3,1);--dx:14px;--k:1;position:absolute;inset:0}.reader .slide.back{--dx:-14px;--k:.5}.reader .slide button{pointer-events:auto}.reader .slide.out button{pointer-events:none}.reader .slide.in{animation:.42s ease-out both slideIn}.reader .slide.out .body,.reader .slide.out .quran,.reader .slide.out>.foot,.reader .slide.out .lab{opacity:0;transition:opacity .14s ease-out}.reader .slide .hero img{will-change:transform;animation:10s both heroDrift}.reader .slide .arw{align-self:flex-start;width:fit-content}.reader .slide.title .arw{align-self:flex-end}.reader .slide.in .body>*,.reader .slide.in>.foot{animation:rise .68s var(--ease) both;animation-delay:calc(var(--d,.2s) * var(--k))}.reader .slide.in .body>.arw{--d:.1s;animation:.85s cubic-bezier(.3,.7,.2,1) both inkRtl;animation-delay:calc(var(--d) * var(--k))}.reader .slide.in .body>.sub{--d:.2s}.reader .slide.in .body>h1{--d:.26s}.reader .slide.in .body>p{--d:.34s}.reader .slide.in .body>.foot,.reader .slide.in>.foot{--d:.5s}.reader .slide.in .quran{--d:80ms;animation:1.1s cubic-bezier(.3,.7,.2,1) both inkRtl;animation-delay:calc(var(--d) * var(--k))}.reader .slide.in .body>.opt{animation:none}.reader .slide.in .opt button{animation:rise .6s var(--ease) both;animation-delay:calc((.36s + var(--o,0) * 70ms) * var(--k))}.reader .slide.in .opt button:nth-child(2){--o:1}.reader .slide.in .opt button:nth-child(3){--o:2}.reader .slide.in .opt button:nth-child(4){--o:3}.reader .slide.in .body>.cont{--d:0s;animation:popIn .42s var(--ease) both}.reader .slide.in p b{animation:.55s ease-out both hlOn;animation-delay:calc(.62s * var(--k))}.reader .slide.in .lab{animation:labIn .55s var(--ease) both;animation-delay:calc((.42s + var(--l,0) * 90ms) * var(--k))}.reader .slide.in .lab:nth-of-type(2){--l:1}.reader .slide.in .lab:nth-of-type(3){--l:2}.reader .slide.in .lab:nth-of-type(4){--l:3}.reader .coach{animation:.3s ease-out both slideIn}.reader .end.in{--ease:cubic-bezier(.16,1,.3,1);--dx:0px;animation:.45s ease-out both slideIn}.reader .end.in>*{animation:rise .68s var(--ease) both;animation-delay:calc(.14s + var(--e,0) * 80ms)}.reader .end.in>.arw{align-self:center;width:fit-content;animation:.85s cubic-bezier(.3,.7,.2,1) both inkRtl}.reader .end.in>:nth-child(2){--e:1}.reader .end.in>:nth-child(3){--e:2}.reader .end.in>:nth-child(4){--e:3}.reader .end.in>:nth-child(5){--e:4}@keyframes slideIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translate3d(var(--dx),10px,0);filter:blur(3px)}to{opacity:1;filter:blur();transform:none}}@keyframes inkRtl{0%{opacity:.3;clip-path:inset(-30% -10% -30% 100%)}to{opacity:1;clip-path:inset(-30% -10%)}}@keyframes hlOn{0%{color:var(--fg)}to{color:var(--acc)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes labIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.84)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes heroDrift{0%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1.07)}13%{animation-timing-function:linear;transform:scale(1.014)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.reader .slide *,.reader .end *{transition:none!important;animation:none!important}}.bm{vertical-align:-2px;flex:none;display:inline-block}.bm.on{animation:.32s cubic-bezier(.34,1.56,.64,1) bmPop}@keyframes bmPop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}.reader .end .btn.secondary{background:0 0}.proof b,.price2 b{white-space:nowrap}.rv-banner{color:var(--ink);background:#6e000f0f;border:1px solid #6e000f1f;border-radius:16px;align-items:center;gap:12px;margin:18px 20px 26px;padding:14px 16px;display:flex}.rv-dot{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.rv-tx{flex-direction:column;flex:1;line-height:1.25;display:flex}.rv-tx b{font-size:15px}.rv-tx span{color:var(--muted);font-size:13px}.rv-go{color:var(--primary);font-size:13px;font-weight:800}.rv-lead{color:var(--muted);margin:0 0 22px;font-size:15px}.rv-card{padding-bottom:110px}.rv-steps{gap:4px;margin-bottom:18px;display:flex}.rv-steps i{background:var(--rule);border-radius:2px;flex:1;height:4px}.rv-steps i.on{background:var(--primary)}.rv-steps i.cur{background:color-mix(in srgb,var(--primary) 45%,transparent)}.rv-from{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;font-size:11px;font-weight:800}.rv-q{font-family:var(--serif);margin:0 0 18px;font-size:26px;font-weight:500;line-height:1.15}.rv-opts{flex-direction:column;gap:10px;display:flex}.rv-opts button{text-align:left;border:1.5px solid var(--rule);background:var(--surface);font:inherit;color:var(--ink);cursor:pointer;border-radius:14px;padding:15px 16px;font-size:15px;font-weight:600}.rv-opts button.ok{background:#2e7d4f1a;border-color:#2e7d4f}.rv-opts button.ko{border-color:var(--primary);background:var(--tint)}.rv-opts button.dim{opacity:.5}.rv-fb{border-radius:14px;margin-top:16px;padding:14px 16px;font-size:14px;line-height:1.45}.rv-fb.ok{background:#2e7d4f14}.rv-fb.ko{background:var(--tint)}.rv-re{color:var(--muted);margin-top:8px}.rv-re a{color:var(--primary);font-weight:700}.rv-empty{text-align:center;padding:40px 10px 120px}.rv-empty h2{margin:12px 0 8px;font-size:26px}.rv-empty p{color:var(--muted);margin:4px 0;font-size:15px}.rv-badge{width:64px;height:64px;color:var(--primary);background:#6e000f12;border-radius:50%;place-items:center;margin:0 auto;font-size:28px;display:grid}.pcs{flex-direction:column;gap:12px;margin-top:18px;display:flex}.pc{appearance:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-align:left;width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--rule);cursor:pointer;border-radius:20px;align-items:center;gap:14px;padding:18px 16px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.pc:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pc.on{border-color:var(--primary);background:#6e000f0b;box-shadow:0 10px 26px #6e000f1a}.pc.best{padding-top:26px}.pc-badge{white-space:nowrap;text-overflow:ellipsis;background:var(--deep);max-width:calc(100% - 32px);color:var(--on-deep);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:800;position:absolute;top:-11px;left:16px;overflow:hidden}.pc-radio{border:2px solid var(--rule);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.pc.on .pc-radio{border-color:var(--primary)}.pc.on .pc-radio:after{content:"";background:var(--primary);border-radius:50%;width:12px;height:12px}.pc-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pc-name{font-size:16px;font-weight:800}.pc-desc{color:var(--muted);font-size:13px;line-height:1.4}.pc-desc b{color:var(--ink)}.pc-price{text-align:right;flex-direction:column;flex:none;align-items:flex-end;display:flex}.pc-price b{font-family:var(--serif);white-space:nowrap;font-size:26px;font-weight:500;line-height:1}.pc-price small{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:11px}.pr-h{margin:8px 0 18px;font-size:34px;line-height:1.1}.pr-list{flex-direction:column;gap:10px;margin:0 0 6px;display:flex}.pr-list .check{padding:0;font-size:14.5px;line-height:1.4}.pc-name{line-height:1.25}.pc-desc{line-height:1.4}.rv-lead{margin:0 0 26px;line-height:1.5}.rv-q{line-height:1.2}.pc-price b{font-family:var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.pc.best .pc-price b{color:var(--deep)}.pl b{font-family:var(--sans);letter-spacing:-.02em;font-size:24px;font-weight:700}.pmode{background:#6e000f0f;border-radius:999px;gap:6px;margin:4px 0 20px;padding:5px;display:flex;position:relative}.pmode-pill{background:var(--surface);border-radius:999px;width:calc(50% - 8px);transition:transform .42s cubic-bezier(.32,.72,0,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 4px 14px #6e000f1f}.pmode-pill.r{transform:translate(calc(100% + 6px))}.pmode-view{animation:.46s cubic-bezier(.32,.72,0,1) both pmIn}.pmode-view.from-r{--dx:22px}.pmode-view.from-l{--dx:-22px}@keyframes pmIn{0%{opacity:0;transform:translateX(var(--dx,0)) translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pmode-pill{transition:none}.pmode-view{animation:none}}.pmode button{z-index:1;font:inherit;color:var(--ink2);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:11px 10px;font-size:14px;font-weight:800;transition:color .3s;position:relative}.pmode button.on{color:var(--deep)}.pfine{text-align:center;margin-top:10px;font-size:12px;line-height:1.45}.pmsg{color:var(--primary);text-align:center;margin-top:10px;font-size:13px;font-weight:700}.gift-teaser{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:#6e000f09;border:1.5px dashed #6e000f59;border-radius:18px;align-items:center;gap:14px;margin-top:22px;padding:16px;display:flex}.gift-teaser>span:nth-child(2){flex-direction:column;flex:1;gap:2px;line-height:1.35;display:flex}.gift-teaser b{font-size:15px}.gift-teaser>span:nth-child(2) span{color:var(--muted);font-size:13px}.gift-ico{width:46px;height:46px;color:var(--primary);background:#b80f3514;border-radius:14px;place-items:center;display:grid}.gift-arrow{color:var(--primary);font-weight:800}.gift-lead{color:var(--ink2);margin:0 0 8px;font-size:15px;line-height:1.5}.gift-form{flex-direction:column;gap:12px;margin-top:8px;display:flex}.gift-form label{flex-direction:column;gap:6px;display:flex}.gift-form label span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.gift-form input,.gift-form textarea{font:inherit;border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);resize:none;border-radius:14px;padding:13px 14px;font-size:16px}.gift-hint{color:var(--muted);font-size:12.5px;line-height:1.4}.gift-form input:focus,.gift-form textarea:focus{border-color:var(--primary);outline:none}.gift-preview-l{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;font-size:12px;font-weight:800}.gc-stage{perspective:1100px;padding:10px 6px 22px}.gc{aspect-ratio:1545/899;color:#fff;transform-style:preserve-3d;will-change:transform;background:url(/img/gift-card-rose.webp) 50%/cover no-repeat;border-radius:20px;padding:20px 20px 22px;animation:7s ease-in-out infinite gcFloat;position:relative;overflow:hidden;transform:rotateX(9deg)rotateY(-13deg)rotate(1.5deg);box-shadow:-14px 26px 38px -10px #5a002873,-2px 6px 12px #5a00282e,inset 0 1px #ffdcf04d}.gc:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff24 0%,#fff0 30% 70%,#ffffff14 100%);position:absolute;inset:0}.gc>*{z-index:1;position:relative}.btn:disabled{opacity:.55;cursor:not-allowed}@keyframes gcFloat{0%,to{transform:rotateX(9deg)rotateY(-13deg)rotate(1.5deg)translateY(0)}50%{transform:rotateX(7deg)rotateY(-9deg)rotate(1deg)translateY(-5px)}}@media (prefers-reduced-motion:reduce){.gc{animation:none}}.gc-top{justify-content:flex-start;align-items:center;gap:12px;margin-bottom:14px;display:flex}.gc-brand{letter-spacing:.22em;text-transform:uppercase;color:#ffd9ec;text-shadow:0 1px 6px #5a002859;font-size:11.5px;font-weight:800}.gc-ar{font-family:var(--ar);color:#ffd9ec;text-shadow:0 1px 6px #5a002859;font-size:24px;line-height:1}.gc-what{font-family:var(--serif);color:#fff;text-shadow:0 1px 10px #5a002866;max-width:66%;margin-bottom:8px;font-size:27px;line-height:1.12}.gc-to{text-shadow:0 1px 6px #5a002866;font-size:14px}.gc-to b{font-weight:800}.gc-msg{font-family:var(--serif);color:#fff;text-shadow:0 1px 8px #5a002866;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:66%;margin:10px 0 0;font-size:16.5px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.gc-from{color:#ffd9ec;text-shadow:0 1px 6px #5a002866;margin-top:10px;font-size:13px;font-weight:700}.gift-page .gc-stage{margin-top:2px}.gift-from{text-align:center;font-family:var(--serif);color:var(--ink);margin:14px 0;font-size:clamp(36px,10.5vw,48px);line-height:1.08;animation:.8s cubic-bezier(.16,1,.3,1) both gfIn}.gift-from b{background:linear-gradient(90deg,var(--primary),var(--primary2) 55%,var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:600}@keyframes gfIn{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.97)}to{opacity:1;filter:none;transform:none}}.gift-page>h1.pr-h{text-align:center}.gift-about{border-top:1px solid #2a14181a;margin-top:34px;padding-top:26px}.gift-about h2{margin:6px 0 16px;font-size:26px;line-height:1.15}.ga-covers{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -24px 18px;padding:4px 24px 10px;display:flex;overflow-x:auto}.ga-covers::-webkit-scrollbar{display:none}.ga-covers img{aspect-ratio:4/5;object-fit:cover;scroll-snap-align:start;border-radius:12px;flex:0 0 112px;width:112px;box-shadow:0 8px 20px #38061629}.ga-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.ga-list li{align-items:flex-start;gap:14px;display:flex}.ga-n{background:var(--primary);color:#fff;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;height:30px;font-size:14px;font-weight:800;display:flex}.ga-list b{margin-bottom:2px;font-size:16px;font-weight:800;display:block}.ga-list div>span{color:var(--muted);font-size:14.5px;line-height:1.45}.claim{--dx:0px;margin-top:8px;animation:.46s cubic-bezier(.32,.72,0,1) both pmIn}.claim-h{margin:0 0 6px;font-size:24px;line-height:1.2}.claim-sub{margin:0 0 14px;font-size:14.5px;line-height:1.45}.claim-err{color:var(--deep)}.pw{display:block;position:relative}.pw input{width:100%;padding-right:84px}.pw-eye{font:inherit;color:var(--primary);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:0;padding:8px;font-size:13px;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.gift-share{flex-direction:column;gap:10px;margin-top:20px;display:flex}.gift-row{gap:10px;display:flex}.gift-row>*{flex:1}.gift-note{text-align:center;margin-top:14px;font-size:12px;line-height:1.45}.gift-sec{padding-bottom:30px}:root{--im:cubic-bezier(.32,.72,.24,1);--im-in:cubic-bezier(.5,0,.75,0)}.vt-mark{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}::view-transition-old(root){mix-blend-mode:normal}::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:.18s ease-out both vtFadeOut}::view-transition-new(root){animation:.3s ease-out 60ms both vtFadeIn}html[data-nav=push]::view-transition-new(root){animation:vtFromRight .5s var(--im) both}html[data-nav=push]::view-transition-old(root){animation:vtToLeft32 .5s var(--im) both}html[data-nav=pop]::view-transition-old(root){animation:vtToRight .42s var(--im) both;z-index:2}html[data-nav=pop]::view-transition-new(root){animation:vtFromLeft32 .42s var(--im) both}html[data-nav=sheet]::view-transition{background:#1b0b0f}html[data-nav=unsheet]::view-transition{background:#1b0b0f}html[data-nav=sheet]::view-transition-new(root){animation:vtSheetUp .55s var(--im) both;border-radius:22px 22px 0 0;overflow:hidden}html[data-nav=sheet]::view-transition-old(root){animation:vtRecede .55s var(--im) both;overflow:hidden}html[data-nav=unsheet]::view-transition-old(root){animation:vtSheetDown .42s var(--im) both;z-index:2;border-radius:22px 22px 0 0;overflow:hidden}html[data-nav=unsheet]::view-transition-new(root){animation:vtComeBack .42s var(--im) both;overflow:hidden}html[data-nav=sheet] .bk-top img{view-transition-name:book-cover}::view-transition-group(book-cover){animation-duration:.55s;animation-timing-function:var(--im);z-index:3}::view-transition-old(book-cover){object-fit:cover;height:100%;animation-duration:.55s}::view-transition-new(book-cover){object-fit:cover;height:100%;animation-duration:.55s}html[data-nav=open]::view-transition-new(root){animation:vtZoomIn .52s var(--im) both;overflow:hidden}html[data-nav=open]::view-transition-old(root){animation:vtZoomPast .4s var(--im) both}html[data-nav=close]::view-transition-old(root){animation:vtZoomAway .38s var(--im) both;z-index:2;overflow:hidden}html[data-nav=close]::view-transition-new(root){animation:vtSettle .5s var(--im) 50ms both}html[data-nav=next]::view-transition-new(root){animation:vtFromBottom .55s var(--im) both}html[data-nav=next]::view-transition-old(root){animation:vtToTop .55s var(--im) both}html[data-nav^=tab] .nav,html[data-nav^=filter] .nav{view-transition-name:site-nav}::view-transition-group(site-nav){z-index:4;animation-duration:.3s}html[data-nav=tab-l]::view-transition-old(root){animation:vtTabOutL .2s var(--im-in) both}html[data-nav=tab-l]::view-transition-new(root){animation:vtTabInR .36s var(--im) 80ms both}html[data-nav=tab-r]::view-transition-old(root){animation:vtTabOutR .2s var(--im-in) both}html[data-nav=tab-r]::view-transition-new(root){animation:vtTabInL .36s var(--im) 80ms both}html[data-nav^=filter] .lib .bar{view-transition-name:lib-bar}::view-transition-group(lib-bar){z-index:3;animation-duration:.3s}html[data-nav=filter-l]::view-transition-old(root){animation:vtFilterOutL .22s var(--im-in) both}html[data-nav=filter-l]::view-transition-new(root){animation:vtFilterInR .42s var(--im) 60ms both}html[data-nav=filter-r]::view-transition-old(root){animation:vtFilterOutR .22s var(--im-in) both}html[data-nav=filter-r]::view-transition-new(root){animation:vtFilterInL .42s var(--im) 60ms both}@media (min-width:700px){html[data-nav=sheet]::view-transition{background:0 0}html[data-nav=unsheet]::view-transition{background:0 0}html[data-nav=push]::view-transition-old(root){animation:vtFilterOutL .2s var(--im-in) both}html[data-nav=push]::view-transition-new(root){animation:vtFilterInR .42s var(--im) 60ms both}html[data-nav=pop]::view-transition-old(root){animation:vtFilterOutR .2s var(--im-in) both}html[data-nav=pop]::view-transition-new(root){animation:vtFilterInL .42s var(--im) 60ms both}html[data-nav=sheet]::view-transition-old(root){border-radius:0;animation:.2s ease-out both vtFadeOut}html[data-nav=next]::view-transition-old(root){border-radius:0;animation:.2s ease-out both vtFadeOut}html[data-nav=sheet]::view-transition-new(root){animation:vtRiseIn .45s var(--im) 60ms both;border-radius:0}html[data-nav=next]::view-transition-new(root){animation:vtRiseIn .45s var(--im) 60ms both;border-radius:0}html[data-nav=unsheet]::view-transition-old(root){animation:vtDropOut .24s var(--im-in) both;border-radius:0}html[data-nav=unsheet]::view-transition-new(root){animation:.34s ease-out .17s both vtFadeIn}}@keyframes vtFadeOut{to{opacity:0}}@keyframes vtFadeIn{0%{opacity:0}}@keyframes vtRiseIn{0%{opacity:0;transform:translateY(36px)}}@keyframes vtDropOut{to{opacity:0;transform:translateY(36px)}}@keyframes vtFromRight{0%{transform:translate(100%)}}@keyframes vtToLeft32{to{transform:translate(-32%)}}@keyframes vtToRight{to{transform:translate(100%)}}@keyframes vtFromLeft32{0%{transform:translate(-32%)}}@keyframes vtSheetUp{0%{transform:translateY(100%)}}@keyframes vtRecede{to{filter:brightness(.62);border-radius:22px;transform:scale(.92)translateY(14px)}}@keyframes vtSheetDown{to{transform:translateY(100%)}}@keyframes vtComeBack{0%{filter:brightness(.62);border-radius:22px;transform:scale(.92)translateY(14px)}}@keyframes vtZoomIn{0%{opacity:0;border-radius:28px;transform:scale(.86)}30%{opacity:0}80%{opacity:1}to{border-radius:0}}@keyframes vtZoomPast{45%{opacity:0}to{opacity:0;transform:scale(1.08)}}@keyframes vtZoomAway{50%{opacity:0}to{opacity:0;border-radius:28px;transform:scale(.86)}}@keyframes vtSettle{0%{opacity:0;transform:scale(1.05)}25%{opacity:0}}@keyframes vtFromBottom{0%{transform:translateY(100%)}}@keyframes vtToTop{to{opacity:0;transform:translateY(-22%)}}@keyframes vtTabOutL{to{opacity:0;transform:translate(-26px)}}@keyframes vtTabInR{0%{opacity:0;transform:translate(26px)}}@keyframes vtTabOutR{to{opacity:0;transform:translate(26px)}}@keyframes vtTabInL{0%{opacity:0;transform:translate(-26px)}}@keyframes vtFilterOutL{to{opacity:0;transform:translate(-48px)}}@keyframes vtFilterInR{0%{opacity:0;transform:translate(48px)}}@keyframes vtFilterOutR{to{opacity:0;transform:translate(48px)}}@keyframes vtFilterInL{0%{opacity:0;transform:translate(-48px)}}html[data-nav=push] main.wrap:not([data-old])>:not(.nav),html[data-nav=sheet] main.wrap:not([data-old])>:not(.nav):not(.bk-top),html[data-nav^=tab] main.wrap:not([data-old])>:not(.nav){animation-name:imFadeUp;animation-duration:.5s;animation-timing-function:var(--im);animation-fill-mode:both}main.wrap>:nth-child(2){animation-delay:60ms}main.wrap>:nth-child(3){animation-delay:.14s}main.wrap>:nth-child(4){animation-delay:.22s}main.wrap>:nth-child(5){animation-delay:.3s}main.wrap>:nth-child(6){animation-delay:.38s}main.wrap>:nth-child(7){animation-delay:.44s}main.wrap>:nth-child(n+8){animation-delay:.5s}html[data-nav=pop] main.wrap:not([data-old])>:not(.nav){animation:.32s ease-out both vtFadeIn}html[data-nav^=filter] .lib>.rail:not([data-old]),html[data-nav^=filter] .lib>section:not([data-old]){animation:imFadeUp .5s var(--im) both}@keyframes imFadeUp{0%{opacity:0;transform:translateY(8px)}}.nav a{transition:color .3s}.nav a.on svg{animation:.6s cubic-bezier(.32,.72,.24,1.5) both navPop}.nav a.on{position:relative}.nav a.on:after{content:"";background:var(--primary);border-radius:3px;width:18px;height:3px;margin-left:-9px;animation:.45s cubic-bezier(.16,1,.3,1) both navBar;position:absolute;bottom:-2px;left:50%}@keyframes navPop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:none}}@keyframes navBar{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){main.wrap>*{animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.nav a.on svg,.nav a.on:after{animation:none}}.q.qa>*{animation:qaIn .5s var(--im) both}.q.qa>:nth-child(2){animation-delay:40ms}.q.qa>:nth-child(3){animation-delay:90ms}.q.qa>:nth-child(4){animation-delay:.14s}.q.qa>:nth-child(5){animation-delay:.2s}.q.qa>:nth-child(6){animation-delay:.26s}.q.qa>.steps{animation:none}.q .opts button{transition:border-color .15s,background .15s,box-shadow .25s var(--im),color .15s}.q .opts button.on{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent);animation:optOn .25s var(--im)}.q .steps i,.rv-steps i{transition:background .5s cubic-bezier(.16,1,.3,1)}@keyframes qaIn{0%{opacity:0;transform:translateY(8px)}}@keyframes optOn{0%{transform:scale(.985)}to{transform:none}}.rv-card>*{animation:qaIn .5s var(--im) both}.rv-card>:nth-child(2){animation-delay:50ms}.rv-card>:nth-child(3){animation-delay:.1s}.rv-card>:nth-child(4){animation-delay:.16s}.rv-card>.rv-steps{animation:none}.rv-opts button{transition:border-color .15s,background .15s,opacity .2s}.rv-opts button.ok{animation:.5s cubic-bezier(.32,.72,.24,1.5) imPop}.rv-opts button.ko{animation:.45s nudge2}@keyframes nudge2{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}.rv-fb,.rv-card>.btn{animation:qaIn .4s var(--im) both!important}.chips a{transition:background .15s,color .15s,border-color .15s}.chips a.on{animation:.45s cubic-bezier(.32,.72,.24,1.5) imPop}@keyframes imPop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:none}}.btn,.savebtn{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.toast{animation:up .4s var(--im) both}@media (prefers-reduced-motion:reduce){.q.qa>*,.rv-card>*,.rv-fb,.rv-opts button,.chips a.on,.q .opts button.on{animation:none!important}}.theme{display:contents}.pmode button.gift{justify-content:center;align-items:center;gap:7px;display:inline-flex}.gico{color:var(--primary);flex:none}.gico-lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.pmode button.gift.on .gico-lid{transform:translateY(-1.6px)rotate(-7deg)}.pmode-tag{background:linear-gradient(135deg,var(--primary2),var(--primary));color:#fff;letter-spacing:.02em;white-space:nowrap;transform-origin:12px;pointer-events:none;border-radius:7px 999px 999px 7px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:10.5px;font-weight:800;line-height:1.2;animation:.7s cubic-bezier(.34,1.56,.64,1) .25s both tagIn;display:inline-flex;position:absolute;top:-15px;right:12px;transform:rotate(3deg);box-shadow:0 6px 14px #b80f3547,inset 0 1px #ffffff38}.pmode-tag i{background:var(--surface);border-radius:50%;width:5px;height:5px;box-shadow:inset 0 0 0 1px #6e000f40}.pmode-tag:before{content:"";transform-origin:100%;background:#6e000f59;width:10px;height:1.5px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(-24deg)}.pmode button.gift.on .pmode-tag{animation:.7s cubic-bezier(.34,1.56,.64,1) both tagSwing}@keyframes tagIn{0%{opacity:0;transform:translateY(-6px)rotate(-10deg)scale(.85)}to{opacity:1;transform:rotate(3deg)}}@keyframes tagSwing{0%{transform:rotate(3deg)}35%{transform:rotate(-6deg)}70%{transform:rotate(5deg)}to{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.pmode-tag,.pmode button.gift.on .pmode-tag{animation:none}.gico-lid{transition:none}}.mosaic.book .grid{gap:16px;width:1700px;transform:translate(-50%,-50%)rotate(-9deg)}.mosaic.book .mrow{gap:16px}.mosaic.book .tile{width:136px;height:170px;box-shadow:0 14px 28px rgba(var(--shade),.24),0 2px 4px rgba(var(--shade),.14);border-radius:4px 7px 7px 4px}.mosaic.book .tile:after{mix-blend-mode:normal;background:linear-gradient(90deg,#00000038,#ffffff24 4%,#0000 9%)}.mosaic.book .tile img{filter:none}.mosaic.book .grid,.mosaic.book .mrow{gap:4px}.mosaic.book .tile{box-shadow:none;background:0 0;border-radius:2px}.mosaic.book .tile img{border-radius:0}.mosaic.book .tile:after{display:none}.mosaic.book .mrow{will-change:transform;gap:0;width:max-content;animation:70s linear infinite mzL}.mosaic.book .mrow .tile{margin-right:4px}.mosaic.book .mrow.to-r{animation-name:mzR}@keyframes mzL{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes mzR{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.mosaic.book .mrow{animation:none}}.lgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;padding:0 20px 6px;display:grid}.lgrid .cv{width:auto;min-width:0}.lgrid .cv .im{aspect-ratio:124/176;width:100%;height:auto}.rowh .cnt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700}.gc.gold{color:#4a2c06;background:url(/img/gift-card-gold.webp) 50%/cover no-repeat;box-shadow:-14px 26px 38px -10px #78500073,-2px 6px 12px #78500033,inset 0 1px #fffadc99}.gc.gold:before{background:linear-gradient(115deg,#ffffff4d 0%,#fff0 30% 65%,#ffffff2e 100%)}.gc.gold .gc-brand,.gc.gold .gc-ar,.gc.gold .gc-from{color:#6b3e00;text-shadow:0 1px #fff5c899}.gc.gold .gc-what,.gc.gold .gc-msg{color:#3b2203;text-shadow:0 1px #fff5c899}.gc.gold .gc-to{color:#4a2c06;text-shadow:0 1px #fff5c899}.gpick{margin:4px -24px 0;position:relative}.gpick-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;outline:none;gap:10px;padding:4px 9% 2px;scroll-padding:0 9%;display:flex;overflow-x:auto}.gpick-track::-webkit-scrollbar{display:none}.gpick-item{scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;transition:opacity .35s var(--im),transform .45s var(--im);-webkit-tap-highlight-color:transparent;flex:0 0 82%}.gpick-item:not(.on){opacity:.45;transform:scale(.94)}.gpick-item .gc-stage{padding:10px 8px 18px}.gpick-meta{justify-content:space-between;align-items:flex-start;gap:12px;padding:0 6px;display:flex}.gpick-t{flex-direction:column;gap:2px;min-width:0;display:flex}.gpick-t b{font-size:16px;font-weight:800;line-height:1.25}.gpick-t span{color:var(--muted);font-size:13px;line-height:1.4}.gpick-p{flex-direction:column;flex:none;align-items:flex-end;display:flex}.gpick-p b{font-family:var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px;font-weight:700}.gpick-p small{color:var(--muted);margin-top:2px;font-size:11px}.gpick-item.on .gpick-p b{color:var(--deep)}.gpick-dots{justify-content:center;gap:6px;margin-top:14px;display:flex}.gpick-dots button{cursor:pointer;width:7px;height:7px;transition:width .3s var(--im),background .3s;background:#6e000f2e;border:0;border-radius:999px;padding:0}.gpick-dots button.on{background:var(--primary);width:22px}.gpick-hint{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin:8px 0 0;font-size:12px;font-weight:700;transition:opacity .4s;animation:1.6s ease-in-out 3 gpHint;display:flex}.gpick-hint span{color:var(--primary);font-size:18px;line-height:1}.gpick-hint.off{opacity:0}@keyframes gpHint{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.gpick-hint{animation:none}.gpick-item{transition:none}}.gpick-item .gc-what{max-width:76%;margin-bottom:4px;font-size:22px}.gpick-item .gc{padding:15px 16px 14px}.gpick-item .gc-top{margin-bottom:8px}.gpick-item .gc-to{font-size:13px}.gpick-item .gc-msg{-webkit-line-clamp:1;max-width:72%;margin-top:4px;font-size:13.5px;line-height:1.3}.gpick-item .gc-from{margin-top:6px;font-size:12px}
.lesson{--spr:cubic-bezier(.3,1.4,.5,1);--pan:cubic-bezier(.65,0,.2,1);--out:cubic-bezier(.16,1,.3,1);--p:min(100vw - 16px,464px,48dvh);background:var(--page);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}@supports (transition-timing-function:linear(0,1)){.lesson{--spr:linear(0,.012,.05 3%,.2 6.5%,.72 15%,.92 19%,1.02 22%,1.07 25.5%,1.09 29%,1.075 34%,1.02 44%,.995 54%,.99 62%,1)}}.lesson.boot *{transition:none!important}.ls-text{touch-action:manipulation}.ls-stage{max-width:480px;height:100%;margin:0 auto;position:relative}.ls-top{top:calc(8px + env(safe-area-inset-top));z-index:6;align-items:center;gap:8px;height:40px;display:flex;position:absolute;left:8px;right:16px}.ls-x{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ls-x svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.ls-bar{background:#2a141817;border-radius:99px;flex:1;height:5px;overflow:hidden}.ls-bar i{background:linear-gradient(90deg,var(--primary),var(--primary2));height:100%;transition:width .55s var(--out);border-radius:99px;display:block}.ls-panel{top:calc(56px + env(safe-area-inset-top));width:var(--p);height:var(--p);margin-left:calc(var(--p) / -2);z-index:1;background:var(--soft);transition:transform .5s var(--spr),opacity .22s ease,border-radius .4s;border-radius:16px;position:absolute;left:50%;overflow:hidden;transform:translateZ(0)}.ls-panel.off{opacity:0;transition:transform .34s cubic-bezier(.5,0,.8,.4),opacity .26s;transform:scale(.34)}.ls-panel.mini{transform:translateY(calc(92px - var(--p) * .22)) scale(.56);border-radius:22px}.ls-svg{width:100%;height:100%;display:block}.cam{transition:transform .7s var(--pan)}.e{opacity:0;transition:opacity .18s ease,transform .5s var(--spr);transform-box:fill-box;transform-origin:50%}.e.pop{transform:scale(.15)}.e.rise{transform:translateY(150px)}.e.drop{transform:translateY(-120px)}.e.right{transform:translate(300px)}.e.left{transform:translate(-90px)}.e.grow{transform-origin:50% 100%;transform:scale(.2,0)}.e.spin{transform:rotate(-120deg)scale(.2)}.e.swing{transform-origin:50% 100%;transform:rotate(24deg)translateY(40px)}.e.zoom{transform:scale(1.7)}.e.tilt{transform:translateY(90px)rotate(-14deg)}.e.on{opacity:1;transition-delay:var(--d,0s);transform:none}.dr{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .3s,opacity .15s}.dr.on{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset var(--dur,.7s) cubic-bezier(.6,0,.2,1) var(--d,0s),opacity 10ms linear var(--d,0s)}.ants{opacity:0;transition:opacity .3s;animation:1.1s linear infinite march}.ants.on{opacity:.95;transition-delay:.9s}@keyframes march{to{stroke-dashoffset:-12px}}.bob{animation:3.6s ease-in-out infinite bob}.bob.b2{animation-delay:-1.2s}.bob.b3{animation-delay:-2.4s}@keyframes bob{50%{transform:translateY(-3.5px)}}.halo{transform-box:fill-box;transform-origin:50%;animation:1.7s ease-out 2 both halo}@keyframes halo{0%{opacity:.9;transform:scale(.72)}to{opacity:0;transform:scale(1.3)}}.ls-verse{text-align:center;opacity:0;pointer-events:none;direction:rtl;flex-direction:column;justify-content:center;gap:2px;padding:0 20px;transition:opacity .25s;display:flex;position:absolute;inset:0}.ls-verse.on{opacity:1;transition:opacity .4s .5s}.vl{font-family:var(--quran);color:var(--on-deep);opacity:0;transition:opacity .4s ease,transform .6s var(--out);font-size:clamp(19px,5.6vw,25px);line-height:2;transform:translateY(8px)}.vl.on{opacity:1;transition-delay:.55s;transform:none}.vl:nth-child(2).on,.vl:nth-child(4).on{transition-delay:.72s}.vs{letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark);direction:ltr;margin-top:10px;font-size:11px;font-weight:700}.sc-story .ls-verse{z-index:3;background:linear-gradient(160deg,color-mix(in srgb,var(--k-night,#340610) 40%,transparent),color-mix(in srgb,var(--k-night,#340610) 56%,transparent));-webkit-backdrop-filter:blur(34px)saturate(1.9)brightness(1.06);backdrop-filter:blur(34px)saturate(1.9)brightness(1.06);border:1px solid #ffffff61;border-radius:24px;padding:18px 22px 16px;transition:opacity .25s,transform .3s;inset:12px 12px auto;transform:translateY(-14px)scale(.97);box-shadow:inset 0 1px #ffffff8c,inset 1px 0 #ffffff4d,inset 0 -1px #ffffff1a,inset -1px 0 #ffffff24,0 8px 24px #140a0a1a}.sc-story .ls-verse:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 16% -8%,#ffffff4d,#0000 55%),radial-gradient(90% 60% at 100% 110%,#ffffff1f,#0000 60%);position:absolute;inset:0}.sc-story .ls-verse.on{transition:opacity .45s ease .35s,transform .7s var(--out) .35s;transform:none}.sc-story .vl{color:#fff;-webkit-text-stroke:.45px #fff;paint-order:stroke fill;text-shadow:0 1px 3px #00000059,0 0 1px #0003;font-size:clamp(17px,4.9vw,22px);line-height:1.95;position:relative}.sc-story .vs{position:relative}.sc-story .vl{max-height:0;transition:opacity .4s ease,transform .6s var(--out),max-height .55s var(--out)}.sc-story .vl.on{max-height:7em;transition-delay:.55s}.sc-story .ls-verse{padding:14px 20px 13px}.sc-story .vs{color:#ffffffeb;letter-spacing:.16em;text-shadow:0 1px 2px #0000004d;margin-top:4px;font-size:9.5px;font-weight:800}.pg{will-change:transform;position:absolute;inset:0}.pg.ghost *{transition:none!important}.pg.ghost.fwd{animation:pgOutF .62s var(--im) forwards}.pg.ghost.back{animation:pgOutB .62s var(--im) forwards}.pg.cur.in-fwd{animation:pgInF .62s var(--im) both}.pg.cur.in-back{animation:pgInB .62s var(--im) both}@keyframes pgInF{0%{transform:translate(100%)}to{transform:none}}@keyframes pgInB{0%{transform:translate(-100%)}to{transform:none}}@keyframes pgOutF{to{transform:translate(-28%)}}@keyframes pgOutB{to{transform:translate(28%)}}.mp{opacity:0;animation:mpIn .6s var(--out) var(--d,0s) forwards}@keyframes mpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ls-text{left:24px;right:24px;top:calc(56px + env(safe-area-inset-top) + var(--p) + 22px);z-index:2;pointer-events:none;transition:transform .6s var(--out);position:absolute;bottom:96px}.ls-text.center{transform:translateY(calc(var(--p) * -.58))}.ls-text .tx{opacity:0;transition:opacity .18s,transform .22s;position:absolute;inset:0 0 auto;transform:translateY(-10px)}.ls-text .tx.on{opacity:1;transition:opacity .12s ease,transform .3s var(--im);transform:none}.ls-text .tx:not(.on){transform:translateY(-10px)}.ls-text .tx p{letter-spacing:-.005em;font-size:19px;font-weight:500;line-height:1.42}.ls-text .tx p b{color:var(--primary);font-weight:800}.ls-text .tx.it p{font-family:var(--serif);font-size:27px;font-style:italic;line-height:1.2}.ls-text .tx.verse p{font-family:var(--serif);font-size:21px;font-style:italic;line-height:1.3}.ls-text .tx.lines p{letter-spacing:-.01em;font-size:23px;font-weight:600;line-height:1.32}.ln{opacity:0;transition:opacity .35s ease,transform .5s var(--out);transform:translateY(5px)}.ln.on{opacity:1;transform:none}.ln+.ln{margin-top:14px}.kl{border-bottom:2px solid var(--primary);color:var(--primary);margin-bottom:12px;padding-bottom:3px;font-size:13px;font-weight:800;display:inline-block}.kt{letter-spacing:-.015em;text-transform:uppercase;font-size:26px;font-weight:800;line-height:1.14}.ls-tap{z-index:3;grid-template-columns:1fr 2fr;display:grid;position:fixed;inset:0}.ls-tap button{opacity:0}.ls-intro{left:20px;right:20px;top:calc(72px + env(safe-area-inset-top));border:1.5px solid var(--primary);background:var(--soft);text-align:center;opacity:0;z-index:1;pointer-events:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:26px;transition:opacity .22s,transform .3s;display:flex;position:absolute;bottom:44px;transform:scale(.92)}.ls-intro.on{opacity:1;transition:opacity .4s ease .1s,transform .7s var(--spr) .1s;transform:none}.ls-kick{letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:800}.ls-ring{aspect-ratio:1;justify-content:center;align-items:center;width:min(60vw,220px);margin:8px 0;display:flex;position:relative}.ls-ring svg{width:100%;height:100%;fill:var(--primary);animation:ringIn .9s var(--spr) both,ringSpin 40s linear infinite;position:absolute;inset:0}@keyframes ringIn{0%{scale:.5}to{scale:1}}@keyframes ringSpin{to{rotate:360deg}}.ls-ring span{font-family:var(--ar);color:var(--on-deep);text-align:center;direction:rtl;max-width:72%;font-size:clamp(44px,13vw,58px);line-height:1.15;position:relative}.ls-ring span.m{font-size:clamp(30px,9vw,40px)}.ls-ring span.l{font-size:clamp(24px,7vw,32px)}.ls-ct{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.ls-intro h1{font-family:var(--serif);font-size:38px;font-weight:500;line-height:1.04}.ls-srcs{color:var(--ink2);max-width:250px;margin-top:8px;font-size:13px;line-height:1.35}.ls-tools{left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));z-index:5;transition:transform .42s var(--out),opacity .2s ease;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute}.ls-tools.away{opacity:0;pointer-events:none;transform:translateY(90px)}.ls-tools .pill{-webkit-backdrop-filter:blur(14px);background:#ffffffdb;border-radius:99px;gap:2px;padding:5px;display:flex;box-shadow:0 8px 26px #2a141824,inset 0 0 0 1px #2a14180f}.ls-tools .pill button{width:46px;height:46px;color:var(--ink);transition:transform .2s var(--spr);border-radius:50%;justify-content:center;align-items:center;display:flex}.ls-tools .pill button:active{transform:scale(.86)}.ls-tools .pill button.has{color:var(--primary)}.ls-tools .pill svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.ls-tools .pill button.vo{transition:transform .45s var(--spr),background .3s ease,color .3s ease,box-shadow .35s ease;position:relative}.ls-tools .pill button.vo .sp{fill:currentColor;stroke:none}.ls-tools .pill button.vo .wv path,.ls-tools .pill button.vo .mt path{transition:opacity .25s ease,transform .45s var(--spr);transform-origin:12px 12px}.ls-tools .pill button.vo .wv path{opacity:0;transform:scale(.6)}.ls-tools .pill button.vo .mt path{opacity:.9}.ls-tools .pill button.vo.on{color:#fff;background:linear-gradient(145deg,var(--primary2),var(--primary));box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 45%,transparent),inset 0 1px 0 #ffffff59;transform:translateY(-5px)scale(1.08)}.ls-tools .pill button.vo.on:active{transform:translateY(-3px)scale(.96)}.ls-tools .pill button.vo.on .mt path{opacity:0;transform:scale(.4)rotate(45deg)}.ls-tools .pill button.vo.on .wv path{opacity:1;animation:1.3s ease-in-out infinite voWave;transform:none}.ls-tools .pill button.vo.on .wv path.b{animation-delay:.2s}.ls-tools .pill button.vo.on:after{content:"";box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 55%,transparent);border-radius:50%;animation:.7s ease-out voRing;position:absolute;inset:0}@keyframes voWave{50%{opacity:.35}}@keyframes voRing{to{box-shadow:0 0 0 14px #0000}}.ls-vpick{background:var(--ink);opacity:0;pointer-events:none;transition:transform .45s var(--spr),opacity .2s ease;border-radius:99px;gap:3px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,10px)scale(.92);box-shadow:0 10px 24px #2a141838}.ls-vpick.on{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.ls-vpick button{color:#ffffffb3;height:32px;transition:background .3s ease,color .3s ease,transform .2s var(--spr);border-radius:99px;padding:0 15px;font-size:13px;font-weight:800}.ls-vpick button:active{transform:scale(.9)}.ls-vpick button.on{color:var(--ink);background:#fff}@media (prefers-reduced-motion:reduce){.ls-tools .pill button.vo.on .wv path,.ls-tools .pill button.vo.on:after{animation:none}}.ls-src{background:linear-gradient(145deg,var(--primary2),var(--primary));color:#fff;width:58px;height:58px;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 40%,transparent);transition:transform .2s var(--spr);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.ls-src:active{transform:scale(.9)}.ls-src span{font-family:var(--ar);direction:rtl;font-size:20px;line-height:1.05}.ls-src small{letter-spacing:.04em;font-size:9px;font-weight:800}.ls-remember{left:50%;bottom:calc(26px + env(safe-area-inset-bottom));z-index:5;white-space:nowrap;color:#fff;background:linear-gradient(145deg,var(--primary2),var(--primary));box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 40%,transparent);opacity:0;pointer-events:none;transition:transform .5s var(--spr),opacity .2s ease,background .3s;border-radius:99px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:800;display:flex;position:absolute;transform:translate(-50%,90px)}.ls-remember.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.ls-remember.done{background:var(--ink)}.ls-quiz{z-index:4;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s;position:absolute;inset:0}.ls-quiz.on{opacity:1;visibility:visible;transition:opacity .3s .12s,visibility}.ls-q{left:24px;right:24px;top:calc(58px + env(safe-area-inset-top));text-align:center;position:absolute}.ls-q .tg{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:6px;font-size:12px;font-weight:800}.ls-q h2{letter-spacing:-.01em;font-size:20px;font-weight:800;line-height:1.2}.ls-opts{left:24px;right:24px;top:calc(56px + env(safe-area-inset-top) + 92px + var(--p) * .56 + 14px);flex-direction:column;gap:9px;display:flex;position:absolute}.ls-quiz.on .ls-opts button{pointer-events:auto}.ls-opts button{background:var(--soft);color:var(--ink);transition:background .2s,color .2s,box-shadow .2s,transform .25s var(--spr);border-radius:99px;padding:13px 18px;font-size:15px;font-weight:700;line-height:1.25;box-shadow:inset 0 0 0 1.5px #0000}.ls-opts button:active{transform:scale(.97)}.ls-opts button.sel{color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary);background:#fff}.ls-opts button.ok{color:#fff;background:#157a55}.ls-opts button.ko{background:var(--primary);color:#fff}.ls-check{left:24px;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));color:#2a141873;pointer-events:none;background:#2a14181a;border-radius:99px;padding:16px;font-size:15px;font-weight:800;transition:background .2s,color .2s;position:absolute}.ls-quiz.on .ls-check.on{pointer-events:auto}.ls-check.on{background:var(--ink);color:#fff}.ls-check.nudge{animation:.45s nudge}@keyframes nudge{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}.ls-fb{z-index:7;padding:20px 24px calc(22px + env(safe-area-inset-bottom));transition:transform .5s var(--out);border-radius:22px 22px 0 0;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -10px 30px #2a14181a}.ls-fb.on{transform:none}.ls-fb.ok{color:#0f5f42;background:#e6f6ee}.ls-fb.ko{background:color-mix(in srgb,var(--primary) 9%,#fff);color:var(--primary)}.ls-fb .fh{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:20px;display:flex}.ls-fb .fh b{font-weight:800}.ls-fb .xp{color:#fff;animation:xpIn .5s var(--spr) .25s both;background:#157a55;border-radius:99px;padding:5px 11px;font-size:13px;font-weight:800}@keyframes xpIn{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.ls-fb p{color:var(--ink);margin-bottom:14px;font-size:15px;line-height:1.35}.ls-fb button{background:var(--ink);color:#fff;border-radius:99px;width:100%;padding:15px;font-size:15px;font-weight:800}.ls-back{z-index:8;opacity:0;pointer-events:none;background:#2a141852;transition:opacity .25s;position:absolute;inset:0}.ls-back.on{opacity:1;pointer-events:auto}.ls-sheet{z-index:9;padding:22px 24px calc(22px + env(safe-area-inset-bottom));transition:transform .45s var(--out);background:#fff;border-radius:22px 22px 0 0;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.ls-sheet.on{transform:none}.ls-sheet .sh{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:800}.ls-sheet .sa{font-family:var(--quran);text-align:right;direction:rtl;font-size:23px;line-height:2}.ls-sheet .se{font-family:var(--serif);font-size:20px;font-style:italic;line-height:1.25}.ls-sheet .sr{color:var(--ink2);font-size:14px}.ls-sheet textarea{border:1.5px solid var(--rule);width:100%;min-height:130px;font:inherit;color:var(--ink);resize:none;-webkit-user-select:text;user-select:text;border-radius:14px;outline:none;padding:12px 14px;font-size:16px}.ls-sheet textarea:focus{border-color:var(--primary)}.ls-sheet .sc{background:var(--ink);color:#fff;border-radius:99px;padding:15px;font-size:15px;font-weight:800}.ls-coach{z-index:10;cursor:pointer;background:#fff;grid-template-columns:1fr 2fr;align-items:center;animation:.3s both cFade;display:grid;position:absolute;inset:0}@keyframes cFade{0%{opacity:0}to{opacity:1}}.ls-coach>.ln{background:var(--primary);opacity:1;width:2px;height:0;animation:cLine .8s var(--out) .1s forwards;position:absolute;top:50%;left:33.33%;transform:translateY(-50%)}@keyframes cLine{to{height:64%}}.ls-coach>div{text-align:center;justify-content:center;align-items:center;height:60px;font-size:17px;font-weight:800;line-height:1.25;display:flex;position:relative}.ls-coach span{transition:opacity .4s ease,filter .4s ease,transform .5s var(--out);position:absolute;left:0;right:0}.ls-coach .a{color:var(--muted);font-weight:600}.ls-coach .b{opacity:0;filter:blur(5px);color:var(--primary);transform:translateY(5px)}.ls-coach.s2 .a{opacity:0;filter:blur(5px);transform:translateY(-5px)}.ls-coach.s2 .b{opacity:1;filter:none;transform:none}.lesson.rw{background:var(--deep);color:var(--on-deep);justify-content:center;display:flex}.rw-in{width:100%;max-width:480px;height:100%;position:relative}.rw-pane{text-align:center;padding:24px 28px calc(24px + env(safe-area-inset-bottom));color:inherit;flex-direction:column;justify-content:center;align-items:center;width:100%;animation:.35s both cFade;display:flex;position:absolute;inset:0}.rw-coin{width:116px;height:116px;animation:coinIn .8s var(--spr) both;margin-bottom:18px;position:relative}@keyframes coinIn{0%{opacity:0;rotate:-40deg;scale:.2}to{opacity:1;rotate:0deg;scale:1}}.rw-coin svg{width:100%;height:100%;position:relative}.rw-coin .c{fill:var(--primary2);transition:fill .45s}.rw-coin .s{fill:var(--on-deep);transition:fill .45s}.rw-coin.won .c{fill:var(--accent)}.rw-coin.won .s{fill:var(--deep)}.rw-coin.won svg{animation:coinWon .6s var(--spr)}@keyframes coinWon{40%{scale:1.14}}.rw-sparks{width:0;height:0;position:absolute;top:50%;left:50%}.rw-sparks i{width:8px;height:8px;animation:spark .9s var(--out) var(--dl) both;background:#ffc95c;border-radius:50%;margin:-4px;position:absolute}.rw-sparks i:nth-child(2n){background:var(--on-dark);width:5px;height:5px;margin:-2.5px}@keyframes spark{0%{transform:rotate(var(--a)) translateX(20px) scale(.2);opacity:0}30%{opacity:1}to{transform:rotate(var(--a)) translateX(var(--r)) scale(1);opacity:0}}.rw-t{font-family:var(--serif);color:var(--on-deep);font-size:36px;font-weight:500;line-height:1.06}.rw-sub{opacity:.78;margin-top:6px;font-size:15px}.rw-lab{letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark);margin-top:24px;font-size:11px;font-weight:800}.rw-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:68px;font-weight:800;line-height:1.1;transition:color .4s}.rw-num.won{color:var(--accent)}.rw-chips{flex-direction:column;gap:7px;width:100%;min-height:128px;margin-top:12px;display:flex}.rw-chip{opacity:0;transition:opacity .25s ease,transform .5s var(--spr);background:#ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;padding:11px 16px;font-size:14px;font-weight:600;display:flex;transform:translateY(12px)scale(.96)}.rw-chip.on{opacity:1;transform:none}.rw-chip b{color:var(--accent);font-weight:800}.rw-btn{background:var(--on-deep);width:100%;color:var(--deep);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .5s var(--out);border-radius:99px;margin-top:22px;padding:17px;font-size:16px;font-weight:800;transform:translateY(14px)}.rw-btn.on{opacity:1;pointer-events:auto;transform:none}.rw-link{color:var(--on-dark);margin-top:14px;font-size:14px;font-weight:700}.rw-tap{cursor:pointer;gap:14px}.rw-hand{width:74px;height:74px;color:var(--accent);animation:1.1s ease-in-out infinite hand}@keyframes hand{50%{transform:translateY(7px)scale(.93)}}.rw-flame{width:122px;height:152px;margin-bottom:22px;position:relative}.rw-flame svg{transform-origin:50% 90%;width:100%;height:100%;animation:flIn .85s var(--spr) both,flame 1.5s ease-in-out .9s infinite;position:relative}@keyframes flIn{0%{transform:scale(.1)}to{transform:scale(1)}}@keyframes flame{50%{transform:scale(1.04,.96)}}.rw-flame .rw-sparks{top:48%}.lesson.rc{background:var(--page);color:var(--ink);justify-content:center;display:flex;overflow-y:auto}.rc-in{width:100%;max-width:480px;min-height:100%;padding:calc(28px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;animation:.35s both cFade;display:flex}.rc-kick{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:800}.rc-t{font-family:var(--serif);margin-top:8px;font-size:34px;font-weight:500;line-height:1.06}.rc-sub{color:var(--muted);min-height:20px;margin-top:8px;font-size:15px}.rc-list{flex-direction:column;gap:12px;margin-top:22px;list-style:none;display:flex}.rc-item{background:var(--soft);opacity:0;animation:rcIn .5s var(--out) both;border-radius:20px;align-items:flex-start;gap:14px;padding:18px 18px 18px 16px;display:flex;transform:translateY(14px)}@keyframes rcIn{to{opacity:1;transform:none}}.rc-n{color:#fff;background:var(--primary);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:12px;font-weight:800;display:flex}.rc-item p{letter-spacing:-.005em;font-size:19px;font-weight:600;line-height:1.42}.rc-gap{vertical-align:baseline;color:#fff;background:var(--primary);min-width:56px;height:30px;box-shadow:0 4px 0 var(--deep);transition:transform .15s var(--out),box-shadow .15s;border-radius:99px;justify-content:center;align-items:center;margin:0 1px;padding:0 12px;font-size:16px;font-weight:800;animation:1.8s ease-in-out .8s infinite gapPulse;display:inline-flex;transform:translateY(-1px)}.rc-gap:active{box-shadow:0 1px 0 var(--deep);animation:none;transform:translateY(3px)}@keyframes gapPulse{50%{box-shadow:0 4px 0 var(--deep),0 0 0 6px color-mix(in srgb,var(--primary) 14%,transparent)}}.rc-word{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);animation:wordIn .5s var(--spr) both;border-radius:8px;margin:0;padding:0 4px;font-weight:800;display:inline-block}@keyframes wordIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.rc-btn{color:#fff;background:linear-gradient(145deg,var(--primary2),var(--primary));opacity:.35;width:100%;transition:opacity .3s ease,transform .3s var(--out);border-radius:99px;margin-top:24px;padding:17px;font-size:16px;font-weight:800;transform:translateY(0)}.rc-btn.on{opacity:1;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 30%,transparent)}.rc-btn:disabled{cursor:default}.rc-skip{color:var(--muted);align-self:center;margin-top:14px;padding:6px 12px;font-size:14px;font-weight:700}.cm{padding:8px 24px 40px;scroll-margin-top:16px;overflow-x:clip}.cm-h{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cm-h h2{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.1}.cm-st{gap:7px;display:flex}.cm-st span{background:var(--soft);border-radius:99px;align-items:center;gap:5px;padding:6px 11px;font-size:13px;font-weight:800;display:inline-flex}.cm-st svg{width:14px;height:14px}.cm-st .fl svg{fill:var(--accent)}.cm-st .xp svg{fill:var(--primary)}.cm-u{margin-bottom:12px}.cm-ban{background:linear-gradient(135deg,var(--primary2),var(--primary));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 26%,transparent);border-radius:18px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cm-ban small{letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark);font-size:11px;font-weight:800;display:block}.cm-ban b{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.1}.cm-ban>span{font-family:var(--ar);color:var(--on-dark);direction:rtl;font-size:32px;line-height:1}.cm-nodes{flex-direction:column;align-items:center;gap:20px;padding:30px 0 22px;display:flex}.cm-n{width:100%;transform:translateX(var(--x));flex-direction:column;align-items:center;display:flex;position:relative}.dot{touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:68px;height:68px;transition:transform .25s var(--spr,ease);background:var(--soft);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 6px #2a141817}.dot:active{transform:translateY(4px)}.dot b{font-size:22px;font-weight:800}.dot svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.dot.now{background:linear-gradient(145deg,var(--primary2),var(--primary));color:#fff;box-shadow:0 6px 0 var(--deep)}.dot.now:before{content:"";border:3px solid var(--primary);opacity:.45;border-radius:50%;animation:1.7s ease-out infinite nodeRing;position:absolute;inset:-9px}@keyframes nodeRing{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.2)}}.dot.done{color:var(--ink);background:#ffc95c;box-shadow:0 6px #d99e2d}.dot.next{background:var(--c1);color:var(--primary);box-shadow:0 6px 0 var(--c4)}.dot em{background:var(--ink);color:#fff;white-space:nowrap;border-radius:10px;padding:6px 11px;font-size:12px;font-style:normal;font-weight:800;animation:1.6s ease-in-out infinite emBob;position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%)}.dot em:after{content:"";border:5px solid #0000;border-top-color:var(--ink);margin-left:-5px;position:absolute;top:100%;left:50%}@keyframes emBob{50%{translate:0 -4px}}.cm-pop{z-index:5;text-align:left;width:min(290px,100vw - 48px);transform:translateX(calc(var(--x) * -1));transform-origin:50% 0;background:#fff;border-radius:18px;margin-top:16px;padding:16px;animation:.45s cubic-bezier(.32,.72,.24,1.5) both popIn2;position:relative;box-shadow:0 18px 44px #2a141833,inset 0 0 0 1px #2a14180d}@keyframes popIn2{0%{opacity:0;translate:0 -10px;scale:.6}to{opacity:1;translate:0;scale:1}}.cm-pop small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.cm-pop h3{font-family:var(--serif);margin:3px 0 12px;font-size:23px;font-weight:500;line-height:1.12}.cm-pop .go{text-align:center;color:#fff;background:linear-gradient(145deg,var(--primary2),var(--primary));border-radius:99px;padding:13px;font-size:15px;font-weight:800;display:block}.cm-pop .soon{text-align:center;color:var(--muted);background:var(--soft);border-radius:99px;padding:12px;font-size:14px;font-weight:700}.bk-top{justify-content:center;align-items:flex-end;height:300px;padding-bottom:6px;display:flex;position:relative;overflow:hidden}.bk-top:before{content:"";background:var(--c1);border-radius:50%;width:520px;height:440px;margin-left:-260px;position:absolute;bottom:-140px;left:50%}.bk-top img{object-fit:cover;border-radius:12px;width:166px;height:236px;position:relative;box-shadow:0 22px 44px #38061652}.bk-top .bk-ar{left:0;right:0;top:calc(14px + env(safe-area-inset-top));text-align:center;font-family:var(--ar);color:var(--primary);direction:rtl;font-size:40px;line-height:1.1;position:absolute}.bk-head{text-align:center;padding:18px 24px 6px}.bk-head h1{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.05}.bk-head p{color:var(--ink2);margin-top:6px;font-size:15px;line-height:1.35}.bk-head .kicker{margin-top:10px;font-size:11px}.bk-acts{justify-content:center;gap:10px;margin-top:14px;display:flex}.bk-learn{background:var(--soft);border-radius:18px;margin:20px 24px 22px;padding:16px 18px}.bk-learn h3{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:9px;font-size:12px;font-weight:800}.bk-learn li{margin-top:7px;padding:0 0 0 20px;font-size:15px;line-height:1.3;list-style:none;position:relative}.bk-learn li:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:2px}.bk-path{padding:0 0 110px}@media (prefers-reduced-motion:reduce){.e,.e.on,.cam,.ls-panel,.ls-panel.off,.ls-text,.ls-text .tx,.ln,.dr,.dr.on{transition-duration:10ms!important;transition-delay:0s!important}.rc-item,.rc-word,.rc-in{animation-duration:10ms!important;animation-delay:0s!important}.rc-gap{animation:none}.bob,.halo,.ants,.ls-ring svg,.dot.now:before,.dot em,.rw-flame svg,.rw-hand{animation:none!important}}@media (max-height:720px){.lesson{--p:min(100vw - 16px,464px,46dvh)}.ls-text .tx p{font-size:17.5px;line-height:1.38}.ls-text .tx.it p{font-size:24px}.ls-text .tx.verse p{font-size:19px}.ls-text .tx.lines p{font-size:20.5px}.kl{margin-bottom:8px}.rc-t{font-size:29px}.rc-item p{font-size:17.5px}.rc-item{padding:15px 15px 15px 13px}.kt{font-size:21.5px}}.lesson{--im:cubic-bezier(.32,.72,.24,1);--pop:cubic-bezier(.32,.72,.24,1.5)}.ls-text .w{white-space:pre-wrap;display:inline-block}.ls-text .tx.on .w{animation-duration:.5s;animation-timing-function:var(--im);animation-fill-mode:both;animation-delay:calc(70ms + min(var(--w) * 26ms, .76s))}.tx.on.fx0 .w{animation-name:wRise}.tx.on.fx1 .w{animation-name:wPop;animation-timing-function:var(--pop);animation-duration:.46s}.tx.on.fx2 .w{animation-name:wSlide}.tx.on.fx3 .w{animation-name:wDrop;animation-timing-function:var(--spr);animation-duration:.62s}.tx.on.fx4 p,.tx.on.fx4 .kt{perspective:500px}.tx.on.fx4 .w{transform-origin:50% 100%;animation-name:wFlip;animation-duration:.55s}.tx.on.fx5 .w{animation-name:wInk;animation-duration:.7s;animation-timing-function:ease-out;animation-delay:calc(60ms + min(var(--w) * 38ms, .9s))}.tx.on.fx6 .w{transform-origin:0 100%;animation-name:wSwing;animation-timing-function:var(--spr);animation-duration:.6s}.tx.on.fx7 .w{animation-name:wZoom;animation-duration:.42s}@keyframes wRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes wPop{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:none}}@keyframes wSlide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes wDrop{0%{opacity:0;transform:translateY(-20px)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes wFlip{0%{opacity:0;transform:rotateX(88deg)}to{opacity:1;transform:none}}@keyframes wInk{0%{opacity:0;color:var(--primary2)}18%{opacity:1;color:var(--primary2)}to{opacity:1}}@keyframes wSwing{0%{opacity:0;transform:rotate(16deg)translateY(8px)}to{opacity:1;transform:none}}@keyframes wZoom{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:none}}.ls-text .tx p b{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat}.ls-text .tx p b.h0{background-image:linear-gradient(color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--accent) 45%,transparent));background-position:0 88%;background-size:0 38%;margin:0 -2px;padding:0 2px}.ls-text .tx.on p b.h0{animation:hlSweep .55s var(--im) calc(.26s + min(var(--hw) * 26ms, .76s)) both}.ls-text .tx p b.h1{background-image:linear-gradient(var(--primary),var(--primary));background-position:0 100%;background-size:0 2.5px}.ls-text .tx.on p b.h1{animation:hlLine .5s var(--im) calc(.26s + min(var(--hw) * 26ms, .76s)) both}.ls-text .tx.on p b.h2{animation:hlInk .5s ease calc(.22s + min(var(--hw) * 26ms, .76s)) both}@keyframes hlSweep{to{background-size:100% 38%}}@keyframes hlLine{to{background-size:100% 2.5px}}@keyframes hlInk{0%{color:var(--ink)}to{color:var(--primary)}}.tx.key.on .kl{animation:klIn .45s var(--pop) both}@keyframes klIn{0%{opacity:0;transform:translateY(6px)scale(.8)}to{opacity:1;transform:none}}.ln.nx{opacity:.2;transform:none}.ln.on.lx0{animation:wRise .5s var(--im) both}.ln.on.lx1{animation:wSlide .5s var(--im) both}.ln.on.lx2{animation:lnPop .5s var(--pop) both;transform-origin:0}.ln.on.lx3{animation:lnSweep .75s var(--im) both;-webkit-mask-image:linear-gradient(90deg,#000 50%,#0003 50%);mask-image:linear-gradient(90deg,#000 50%,#0003 50%);-webkit-mask-size:200% 100%;mask-size:200% 100%}@keyframes lnPop{0%{opacity:.2;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes lnSweep{0%{opacity:1;-webkit-mask-position:100% 0;mask-position:100% 0}to{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}}.ls-quiz.on .ls-q h2{animation:wRise .5s var(--im) .1s both}.ls-quiz.on .ls-q .tg{animation:klIn .45s var(--pop) both}.ls-quiz.on .ls-opts button{animation:.5s var(--im) calc(.16s + var(--o) * 70ms) both}.ls-quiz.qz0.on .ls-opts button{animation-name:wRise}.ls-quiz.qz1.on .ls-opts button:nth-child(odd){animation-name:optL}.ls-quiz.qz1.on .ls-opts button:nth-child(2n){animation-name:wSlide}.ls-quiz.qz2.on .ls-opts button{animation-name:wPop;animation-timing-function:var(--pop)}@keyframes optL{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.ls-quiz.on .ls-opts button.sel{animation:optSel .36s var(--pop) both}.ls-quiz.on .ls-opts button.ok{animation:optOk .6s var(--pop) both}.ls-quiz.on .ls-opts button.ko{animation:.45s both optKo}@keyframes optSel{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:none}}@keyframes optOk{0%{transform:scale(.95)}45%{transform:scale(1.06)}to{transform:none}}@keyframes optKo{0%,to{transform:none}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.ls-check.on{animation:klIn .4s var(--pop) both}.ls-fb.on .fh b{animation:wPop .45s var(--pop) .15s both;display:inline-block}.ls-fb.ko.on .fh b{animation:.45s .2s both optKo}.tapfx{z-index:6;pointer-events:none;width:0;height:0;position:fixed}.tapfx:before,.tapfx:after,.tapfx b{content:"";position:absolute;top:0;left:0}.tapfx.ring:before{border:2.5px solid var(--primary);width:56px;height:56px;animation:tfRing .5s var(--im) both;border-radius:50%;margin:-28px}.tapfx.wave:before,.tapfx.wave:after{background:color-mix(in srgb,var(--primary) 22%,transparent);width:40px;height:40px;animation:tfWave .55s var(--im) both;border-radius:50%;margin:-20px}.tapfx.wave:after{animation-delay:90ms}.tapfx.burst b,.tapfx.spark b{background:var(--primary);width:6px;height:6px;animation:tfBurst .5s var(--im) both;border-radius:50%;margin:-3px}.tapfx.spark b{background:var(--accent);border-radius:2px;width:3px;height:14px;margin:-7px -1.5px}.tapfx.chev:before{border:solid var(--primary);width:16px;height:16px;animation:tfChev .5s var(--im) both;border-width:3px 3px 0 0;margin:-8px;transform:rotate(45deg)}.tapfx.chev.back:before{animation-name:tfChevB;transform:rotate(-135deg)}@keyframes tfRing{0%{opacity:.5;transform:scale(.3)}to{opacity:0;transform:scale(1.25)}}@keyframes tfWave{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.7)}}@keyframes tfBurst{0%{opacity:.9;transform:rotate(var(--a)) translateY(-6px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-30px) scale(.4)}}@keyframes tfChev{0%{opacity:.7;transform:translate(-10px)rotate(45deg)}to{opacity:0;transform:translate(14px)rotate(45deg)}}@keyframes tfChevB{0%{opacity:.7;transform:translate(10px)rotate(-135deg)}to{opacity:0;transform:translate(-14px)rotate(-135deg)}}@media (prefers-reduced-motion:reduce){.ls-text .tx.on .w,.ls-text .tx.on p b,.ln.on,.ls-quiz.on *,.tx.key.on .kl{animation:none!important}.ls-text .tx p b.h0{background-size:100% 38%}.ls-text .tx p b.h1{background-size:100% 2.5px}.tapfx{display:none}}.orb{transition:opacity .5s}.no-orb .orb{opacity:0}.hub{transition:opacity .5s}.no-hub .hub{opacity:0}.e .b{transform-box:fill-box;transform-origin:50% 100%}.e.on .b{animation:bIn .6s var(--spr) both;animation-delay:calc(var(--d,0s) + .14s + var(--i,0) * .12s)}@keyframes bIn{0%{opacity:0;transform:translateY(-26px)scale(.62)}}.e .dl{stroke-dasharray:1;stroke-dashoffset:1px}.e.on .dl{animation:.9s cubic-bezier(.6,0,.2,1) forwards dlIn;animation-delay:calc(var(--d,0s) + .2s + var(--i,0) * .12s)}@keyframes dlIn{to{stroke-dashoffset:0}}.pg.ghost .b,.pg.ghost .dl,.pg.ghost .ly,.pg.ghost .pc,.pg.ghost .sl,.pg.ghost .fd,.pg.ghost .cz{stroke-dashoffset:0;animation:none!important}.pg.ghost .fo{opacity:0}.sw{transform-box:fill-box;transform-origin:50% 100%;animation:4.4s ease-in-out infinite swy}@keyframes swy{50%{transform:rotate(2.4deg)}}.fl{animation:3.6s ease-in-out infinite flo}@keyframes flo{50%{transform:translateY(-6px)}}.bob2{animation:2.8s ease-in-out infinite flo}.flk{transform-box:fill-box;transform-origin:50% 100%;animation:.8s ease-in-out infinite alternate flk}@keyframes flk{to{transform:scale(.9,1.1)skew(3deg)}}.rot{transform-box:fill-box;transform-origin:50%;animation:50s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}.tw{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite tw}@keyframes tw{50%{opacity:.45;transform:scale(.5)}}.glw{animation:glw var(--dur,2.8s) ease-in-out infinite}@keyframes glw{50%{opacity:.1}}.drift{animation:10s ease-in-out infinite alternate drift}@keyframes drift{to{transform:translate(22px)}}.wvx{animation:wvx var(--dur,4s) linear infinite}@keyframes wvx{to{transform:translateX(var(--wx,-50px))}}.rv{animation-direction:reverse}.flap{transform-box:fill-box;transform-origin:100% 100%;animation:.45s ease-in-out infinite alternate flap}@keyframes flap{to{transform:scaleY(-.35)}}.beat{transform-box:fill-box;transform-origin:50%;animation:1.7s ease-in-out infinite beat}@keyframes beat{12%,32%{transform:scale(1.06)}22%{transform:scale(.98)}}.rock{transform-box:fill-box;transform-origin:50% 0;animation:3.6s ease-in-out infinite rock}@keyframes rock{25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.swg{transform-box:fill-box;transform-origin:50% 0;animation:2.4s ease-in-out infinite swg}@keyframes swg{25%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}}.flag{transform-box:fill-box;transform-origin:0;animation:.9s ease-in-out infinite alternate flag}@keyframes flag{to{transform:scaleX(.8)skewY(6deg)}}.tail{transform-box:fill-box;transform-origin:0;animation:.7s ease-in-out infinite alternate flag}.spk{animation:1.8s ease-out infinite spk}@keyframes spk{0%{opacity:0;transform:translateY(70px)}25%{opacity:1}to{opacity:0;transform:translateY(0)}}.rip{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite rip}@keyframes rip{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.25)}}.bolt{animation:bolt var(--dur,3.2s) steps(1) infinite}@keyframes bolt{0%,8%,14%{opacity:1}4%,10%,18%,to{opacity:0}}.rain{animation:.6s linear infinite rain}@keyframes rain{to{transform:translate(-9px,24px)}}@media (prefers-reduced-motion:reduce){.e.on .b,.e.on .dl{stroke-dashoffset:0;animation:none}.sw,.fl,.bob2,.flk,.rot,.tw,.glw,.drift,.wvx,.flap,.beat,.rock,.swg,.flag,.tail,.spk,.rip,.bolt,.rain{animation:none!important}}.lesson,.ls-svg{--io:cubic-bezier(.45,0,.55,1)}.e.on .ly{animation:lyIn var(--dur,.95s) var(--out) both;animation-delay:calc(var(--d,0s) + var(--i,0) * .11s)}@keyframes lyIn{0%{transform:translateY(var(--y,60px))}}.e .pc{transform-box:fill-box;transform-origin:50%}.e.on .pc{animation:pcIn .65s var(--spr) both;animation-delay:calc(var(--d,0s) + .12s + var(--i,0) * .11s)}@keyframes pcIn{0%{opacity:0;transform:scale(.2)rotate(-40deg)}}.e.on .sl{animation:slIn var(--dur,1.1s) var(--out) both;animation-delay:calc(var(--d,0s) + var(--i,0) * .11s)}@keyframes slIn{0%{opacity:0;transform:translateX(var(--x,-70px))}}.e.on .fd{animation:fdIn var(--dur,.7s) ease both;animation-delay:calc(var(--d,0s) + var(--i,0) * .11s)}@keyframes fdIn{0%{opacity:0}}.e.on .fo{animation:foOut var(--dur,1.8s) ease both;animation-delay:calc(var(--d,0s) + var(--i,0) * .11s)}@keyframes foOut{to{opacity:0}}.e.on .cz{transform-origin:200px 250px;animation:czIn 1.5s var(--out) both;animation-delay:var(--d,0s)}@keyframes czIn{0%{transform:scale(var(--z,1.07))}}.br{transform-box:fill-box;transform-origin:50% 100%;animation:3.8s ease-in-out infinite br}@keyframes br{50%{transform:scaleY(1.022)}}.rn path{stroke-dasharray:16 44;animation:.42s linear infinite rnFall}@keyframes rnFall{to{stroke-dashoffset:-60px}}.fz{animation:fz var(--dur,5.6s) steps(1) infinite}@keyframes fz{0%{opacity:.16}4%{opacity:0}14%{opacity:.12}18%,to{opacity:0}}.ls-svg .e:not(.on) *,.ls-panel.off .ls-svg *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.e.on .ly,.e.on .pc,.e.on .sl,.e.on .fd,.e.on .cz{animation:none}.fo,.fz{display:none}.br,.rn path{animation:none!important}}.lesson,.ls-svg,.gal{--bnc:cubic-bezier(.5,0,.8,.5)}@supports (transition-timing-function:linear(0,1)){.lesson,.ls-svg,.gal{--bnc:linear(0,.06 12%,.25 24%,.56 36%,1 48%,.86 56%,.82 61%,.86 66%,1 75%,.96 81%,.95 84%,.96 87%,1 93%,.99 96%,1)}}.e.k.on{animation:var(--en,none) var(--ed,.6s) var(--et,var(--spr)) both}.e.k.pop{--en:ePop}.e.k.rise{--en:eRise}.e.k.drop{--en:eDrop;--et:var(--bnc);--ed:.7s}.e.k.right{--en:eRight;--et:var(--out);--ed:.8s}.e.k.left{--en:eLeft;--et:var(--out);--ed:.8s}.e.k.grow{--en:eGrow}.e.k.spin{--en:eSpin;--ed:.7s}.e.k.swing{--en:eSwing;--ed:.8s}.e.k.zoom{--en:eZoom;--et:var(--out);--ed:.5s}.e.k.tilt{--en:eTilt}.e.k.arc{--en:eArc;--et:var(--out);--ed:1s}.e.k.roll{--en:eRoll;--et:var(--out);--ed:.9s}.e.k.sink{--en:eSink;--et:var(--out);--ed:1.1s}.e.k.flip{--en:eFlip;--ed:.7s}.e.arc:not(.on){transform:translate(-150px,-70px)rotate(-14deg)}.e.roll:not(.on){transform:translate(-150px)rotate(-200deg)}.e.sink:not(.on){transform:translateY(-50px)}.e.flip:not(.on){transform:scaleX(0)}@keyframes ePop{0%{transform:scale(.15)}}@keyframes eRise{0%{transform:translateY(150px)}}@keyframes eDrop{0%{transform:translateY(-190px)}}@keyframes eRight{0%{opacity:0;transform:translate(170px)}}@keyframes eLeft{0%{opacity:0;transform:translate(-170px)}}@keyframes eGrow{0%{transform:scale(.2,0)}}@keyframes eSpin{0%{transform:rotate(-120deg)scale(.2)}}@keyframes eSwing{0%{transform:rotate(24deg)translateY(40px)}}@keyframes eZoom{0%{opacity:0;transform:scale(1.7)}}@keyframes eTilt{0%{transform:translateY(90px)rotate(-14deg)}}@keyframes eArc{0%{opacity:0;transform:translate(-170px,30px)rotate(-18deg)}55%{transform:translate(-40px,-34px)rotate(6deg)}}@keyframes eRoll{0%{opacity:0;transform:translate(-170px)rotate(-220deg)}}@keyframes eSink{0%{opacity:0;transform:translateY(-70px)}}@keyframes eFlip{0%{transform:scaleX(0)}}.pg.ghost .e{animation:none!important}@keyframes bOp{0%{opacity:0}}.e .b.oc{--o:50% 50%}.e .b.ol{--o:0 50%}.e .b.or{--o:100% 50%}.e .b.ot{--o:50% 0}.e .b.ob{--o:50% 100%}.e.on .b.gr{animation-name:bGr;animation-duration:.7s}@keyframes bGr{0%{transform:scale(.7,0)}}.e .b.ux{transform-origin:50%}.e.on .b.ux{animation-name:bUx;animation-duration:.7s}@keyframes bUx{0%{transform:scaleX(0)}}.e .b.rl{transform-origin:50% 0}.e.on .b.rl{animation-name:bRl;animation-duration:.8s;animation-timing-function:var(--out)}@keyframes bRl{0%{transform:scaleY(0)}}.e.on .b.fa{animation-name:bFa,bOp;animation-duration:.75s,.14s;animation-timing-function:var(--bnc),linear}@keyframes bFa{0%{transform:translateY(-170px)}}.e .b.sg{transform-origin:var(--o,50% 50%)}.e.on .b.sg{animation-name:bSg,bOp;animation-duration:.9s,.14s;animation-timing-function:var(--spr),linear}@keyframes bSg{0%{transform:rotate(-38deg)}}.e .b.hx{transform-origin:var(--o,100% 50%)}.e.on .b.hx{animation-name:bHx;animation-duration:.8s}@keyframes bHx{0%{transform:scaleX(0)}}.e .b.pp{transform-origin:var(--o,50% 50%)}.e.on .b.pp{animation-name:bPp;animation-duration:.55s}@keyframes bPp{0%{transform:scale(0)}}.e .b.sn{transform-origin:var(--o,50% 50%)}.e.on .b.sn{animation-name:bSn,bOp;animation-duration:.85s,.14s;animation-timing-function:var(--spr),linear}@keyframes bSn{0%{transform:rotate(-150deg)scale(.3)}}.e.on .b.st{animation-name:bSt,bOp;animation-duration:.7s,.2s;animation-timing-function:var(--out),linear}@keyframes bSt{0%{transform:translateY(40px)}}.e.on .b.xl,.e.on .b.xr{animation-name:bXl,bOp;animation-duration:.85s,.2s;animation-timing-function:var(--out),linear}.e.on .b.xr{animation-name:bXr,bOp}@keyframes bXl{0%{transform:translate(-110px)}}@keyframes bXr{0%{transform:translate(110px)}}.e.on .b.ig{animation-name:bIg;animation-duration:.55s;animation-timing-function:ease-out}@keyframes bIg{0%{transform:scale(0)}55%{transform:scale(1.2,1.45)}}.e .b.sm{transform-origin:50%}.e.on .b.sm{animation-name:bSm,bOp;animation-duration:.42s,.1s;animation-timing-function:cubic-bezier(.3,0,.3,1.25),linear}@keyframes bSm{0%{transform:scale(2.4)rotate(-20deg)}}.e.on .b.gl{animation-name:bOp;animation-duration:.9s;animation-timing-function:ease}.e.on .tk1 .cz{animation-name:czL}.e.on .tk2 .cz{animation-name:czD}.e.on .tk3 .cz{animation-name:czR}.e.on .tk4 .cz{animation-name:czT}.e.on .tk5 .cz{transform-origin:200px 200px;animation-name:czP}@keyframes czL{0%{transform:translate(-22px)scale(1.12)}}@keyframes czR{0%{transform:translate(22px)scale(1.12)}}@keyframes czD{0%{transform:translateY(-20px)scale(1.11)}}@keyframes czT{0%{transform:rotate(2.2deg)scale(1.14)}}@keyframes czP{0%{transform:scale(.93)}}.e.on .tk1 .ly,.e.on .tk4 .ly{animation-timing-function:var(--spr)}.tk2 .ly:not(.kp),.tk5 .ly:not(.kp){transform-box:fill-box;transform-origin:50% 100%}.e.on .tk2 .ly:not(.kp),.e.on .tk5 .ly:not(.kp){animation-name:lyGr}@keyframes lyGr{0%{transform:scaleY(.25)}}.e.on .tk3 .ly{animation-duration:1.5s}.e.on .tk2 .pc,.e.on .tk5 .pc{animation-name:pcDrop;animation-timing-function:var(--out)}@keyframes pcDrop{0%{opacity:0;transform:translateY(-70px)}}.e.on .tk4 .pc{animation-name:pcGrow}@keyframes pcGrow{0%{transform:scale(0)}}.wd{animation:wd var(--dur,7s) linear infinite}@keyframes wd{0%{opacity:0;transform:translate(-70px)}12%{opacity:.8}80%{opacity:.6}to{opacity:0;transform:translate(470px,-16px)}}.shoot{animation:9s ease-in infinite shoot}@keyframes shoot{0%,84%{opacity:0;transform:none}86%{opacity:1}95%,to{opacity:0;transform:translate(-150px,72px)}}.leaf{transform-box:fill-box;transform-origin:50%;animation:leaf var(--dur,8s) linear infinite}@keyframes leaf{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}50%{transform:translate(26px,120px)rotate(160deg)}90%{opacity:1}to{opacity:0;transform:translate(-8px,260px)rotate(340deg)}}.mote{animation:mote var(--dur,9s) ease-in-out infinite}@keyframes mote{0%{opacity:0;transform:translateY(40px)}30%{opacity:.7}to{opacity:0;transform:translate(14px,-70px)}}.gln{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite gln}@keyframes gln{0%,to{opacity:0;transform:scaleX(.2)}50%{opacity:.9;transform:none}}.e .wr{transform-box:fill-box;transform-origin:0}.e.on .wr{animation:wrOut .7s var(--io) .25s both}@keyframes wrOut{to{transform:scaleX(0)}}.pg.ghost .wr{opacity:0;animation:none!important}.pg.p1.cur.in-fwd{animation-name:pgInU}.pg.p1.ghost.fwd{animation-name:pgOutU}.pg.p1.cur.in-back{animation-name:pgInD}.pg.p1.ghost.back{animation-name:pgOutD}@keyframes pgInU{0%{transform:translateY(100%)}}@keyframes pgOutU{to{transform:translateY(-26%)}}@keyframes pgInD{0%{transform:translateY(-100%)}}@keyframes pgOutD{to{transform:translateY(26%)}}.pg.p2.cur.in-fwd{animation-name:pgInZ}.pg.p2.ghost.fwd{animation-name:pgOutZ}.pg.p2.cur.in-back{animation-name:pgInZb}.pg.p2.ghost.back{animation-name:pgOutZb}@keyframes pgInZ{0%{opacity:0;transform:scale(.8)}}@keyframes pgOutZ{to{opacity:0;transform:scale(1.2)}}@keyframes pgInZb{0%{opacity:0;transform:scale(1.2)}}@keyframes pgOutZb{to{opacity:0;transform:scale(.8)}}.pg.p3{transform-origin:50% 100%}.pg.p3.cur.in-fwd{animation-name:pgInT}.pg.p3.ghost.fwd{animation-name:pgOutT}.pg.p3.cur.in-back{animation-name:pgInTb}.pg.p3.ghost.back{animation-name:pgOutTb}@keyframes pgInT{0%{transform:translate(106%)rotate(11deg)}}@keyframes pgOutT{to{transform:translate(-22%)rotate(-5deg)}}@keyframes pgInTb{0%{transform:translate(-106%)rotate(-11deg)}}@keyframes pgOutTb{to{transform:translate(22%)rotate(5deg)}}.pg.p4.ghost{z-index:2}.pg.p4.cur.in-fwd,.pg.p4.cur.in-back{animation-name:pgInS}.pg.p4.ghost.fwd{animation-name:pgOutS}.pg.p4.ghost.back{animation-name:pgOutSb}@keyframes pgInS{0%{transform:scale(.86)}}@keyframes pgOutS{to{transform:translate(-104%)rotate(-5deg)}}@keyframes pgOutSb{to{transform:translate(104%)rotate(5deg)}}@media (prefers-reduced-motion:reduce){.e.k.on,.e.on .b,.e.on .wr{animation:none!important}.wr{opacity:0}.wd,.shoot,.leaf,.mote,.gln{opacity:0;animation:none!important}.pg.cur,.pg.ghost{animation-duration:10ms!important}}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 1'/%3E%3CfeFuncG type='discrete' tableValues='0 1'/%3E%3CfeFuncB type='discrete' tableValues='0 1'/%3E%3CfeFuncA type='table' tableValues='.7 0 .7'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='180' height='180' filter='url%28%23g%29'/%3E%3C/svg%3E")}.pg:after{content:"";pointer-events:none;background:var(--grain) 0 0/180px 180px;opacity:.26;position:absolute;inset:0}