@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:me-quran;src:url(/fonts/me-quran.ttf)format("truetype");font-display:swap}:root{--night:#0b0f14;--glass:#0e131a94;--glass-strong:#0e131ac7;--edge:#ffffff29;--white:#fff;--soft:#ffffffc7;--dim:#ffffff80;--gold:#ffd479;--gold-deep:#e8ad45;--sky:#8fd0ff;--paper:#fff;--page:#f3f4f6;--ink:#1c2128;--muted:#5d6673;--line:#e3e6ea;--accent:#17452f;--ui:"Figtree Variable", "Avenir Next", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--white);font-family:var(--ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}button:focus-visible,label:focus-within,[tabindex]:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);box-shadow:inset 0 0 0 1px var(--edge), 0 8px 28px #00000047;color:var(--white)}.round{border-radius:50%;flex:none;place-items:center;width:72px;height:72px;transition:transform .15s;display:grid}.round svg{width:38px;height:38px}.round:active,.pill:active{transform:scale(.95)}.pill{cursor:pointer;white-space:nowrap;border-radius:36px;flex:none;align-items:center;gap:12px;min-height:72px;padding:0 26px 0 22px;font-size:21px;font-weight:700;transition:transform .15s;display:inline-flex}.pill svg{flex:none;width:32px;height:32px}.pill--on{background:var(--gold);color:#2a1e05;-webkit-backdrop-filter:none;backdrop-filter:none}.backdrop{background:radial-gradient(120% 90% at 50% 10%, #27384a, var(--night));position:absolute;inset:0;overflow:hidden}.backdrop__one{position:absolute;inset:0}.backdrop__one--in{animation:1s fadein}.layer{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.layer--drift{will-change:transform;animation:34s ease-in-out infinite alternate drift}.layer--d1{animation-name:drift1}.layer--d2{animation-name:drift2}.layer--d3{animation-name:drift3}@keyframes drift{0%{transform:scale(1.04)}to{transform:scale(1.18)translate(-1.5%,-1%)}}@keyframes drift1{0%{transform:scale(1.16)translate(1.5%)}to{transform:scale(1.04)}}@keyframes drift2{0%{transform:scale(1.05)translate(-1%,1%)}to{transform:scale(1.17)translate(1.5%,-1%)}}@keyframes drift3{0%{transform:scale(1.16)translateY(-1.5%)}to{transform:scale(1.05)translateY(1%)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.home{background:var(--night);position:fixed;inset:0}.home__scroll{height:100%;padding:max(14px, env(safe-area-inset-top)) clamp(14px, 3vw, 32px) max(28px, env(safe-area-inset-bottom));overflow-y:auto}.home__bar{align-items:center;gap:14px;min-height:76px;margin-bottom:10px;display:flex}.home__hello{letter-spacing:-.02em;font-size:clamp(28px,4vw,42px);font-weight:800}.grownups{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:15px}.gear{width:64px;height:64px;color:var(--dim);touch-action:none;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.gear svg{width:34px;height:34px}.gear--holding{color:var(--gold)}.gear__ring{border:3px solid var(--gold);opacity:0;border-radius:50%;position:absolute;inset:2px}.gear--holding .gear__ring{opacity:1;animation:3s linear forwards fill}@keyframes fill{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.hero{text-align:left;isolation:isolate;border-radius:32px;align-items:flex-end;gap:clamp(14px,2.4vw,26px);width:100%;height:clamp(230px,44vh,420px);margin-bottom:clamp(14px,2vw,22px);padding:clamp(16px,3vw,34px);transition:transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073}.hero:active{transform:scale(.985)}.hero .backdrop{z-index:-2}.hero__shade{z-index:-1;background:linear-gradient(#06090d1a 38%,#06090dd1);position:absolute;inset:0}.hero__play{background:var(--gold);color:#2a1e05;border-radius:50%;flex:none;place-items:center;width:clamp(80px,11vw,112px);height:clamp(80px,11vw,112px);display:grid;box-shadow:0 10px 34px #0006}.hero__play svg{width:52%;height:52%}.hero__text{flex-direction:column;flex:1;min-width:0;display:flex}.hero__label{color:var(--gold);font-size:18px;font-weight:700}.hero__en{letter-spacing:-.02em;font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.08}.hero__meaning{color:var(--soft);font-size:clamp(16px,2vw,21px)}.hero__ar{direction:rtl;font-family:me-quran,serif;font-size:clamp(38px,7vw,76px);line-height:1.5}.grid{grid-template-columns:repeat(auto-fill,minmax(min(46%,248px),1fr));grid-auto-rows:clamp(190px,26vw,290px);gap:clamp(12px,1.8vw,20px);display:grid}.tile{text-align:left;background:linear-gradient(150deg, hsl(var(--hue) 28% 28%), hsl(var(--hue) 34% 13%));border-radius:26px;flex-direction:column;justify-content:flex-end;height:100%;transition:transform .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000061}.tile:active{transform:scale(.97)}.thumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile__shade{background:linear-gradient(#06090d05,#06090d47 46%,#06090de0 92%);position:absolute;inset:0}.tile__body{padding:0 16px 14px;position:relative}.tile__ar{text-align:right;direction:rtl;font-family:me-quran,serif;font-size:clamp(34px,4.4vw,50px);line-height:1.45}.tile__en{letter-spacing:-.01em;font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.15}.tile__meaning{color:var(--soft);font-size:clamp(14px,1.5vw,16px);line-height:1.25}.tile__badge{background:var(--glass-strong);border-radius:50%;place-items:center;width:50px;height:50px;font-size:17px;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.tile__badge svg{position:absolute;inset:3px;transform:rotate(-90deg)}.tile__badge--full{color:var(--gold)}.tile__badge--full svg{width:38px;height:38px;position:static;transform:none}.ring__bg,.ring__on{fill:none;stroke-width:3.5px}.ring__bg{stroke:#ffffff38}.ring__on{stroke:var(--gold);stroke-linecap:round}.tile--soon{opacity:.55}.tile__soon{background:var(--glass-strong);border-radius:12px;padding:5px 12px;font-size:14px;font-weight:700;position:absolute;top:12px;right:12px}.lesson{background:var(--night);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.lesson>.backdrop,.lesson__shade{grid-area:1/1/3}.lesson__shade{pointer-events:none;background:linear-gradient(#06090d57,#06090d00 22%);position:absolute;inset:0}.lesson--choosing>.backdrop,.lesson--choosing .lesson__shade{grid-row:1/-1}.top,.world,.dock{grid-column:1;min-width:0;position:relative}.top{grid-row:1}.world{grid-row:2}.dock{grid-row:3}.top{padding:max(12px, env(safe-area-inset-top)) clamp(12px, 2vw, 22px) 8px;align-items:center;gap:12px;display:flex}.bismillah{flex:1;justify-content:center;min-width:0;display:flex}.bismillah span{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px var(--edge);text-align:center;border-radius:999px;max-width:100%;padding:2px 30px;font-family:me-quran,serif;font-size:clamp(22px,3.2vw,38px);line-height:1.55}.world{grid-template-columns:auto minmax(0,1fr);gap:clamp(10px,2vw,22px);min-height:0;padding:2px clamp(12px,2vw,22px) 10px;display:grid}.frame{aspect-ratio:4/5;max-width:40vw;height:100%;box-shadow:0 0 0 2px var(--edge), 0 18px 46px #00000073;background:#1a222c;border-radius:30px;transition:box-shadow .4s;position:relative;overflow:hidden}.frame--on{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 0 3px var(--gold), 0 0 18px #ffd4794d, 0 18px 46px #00000073}50%{box-shadow:0 0 0 4px var(--gold), 0 0 46px #ffd47999, 0 18px 46px #00000073}}.portrait{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.portrait--none{color:var(--gold);background:radial-gradient(circle at 50% 35%,#33465a,#141b23);place-items:center;display:grid}.portrait--none svg{width:44%;height:44%}.frame__name{text-align:center;background:linear-gradient(#0000,#06090dd1);padding:34px 14px 12px;font-size:clamp(15px,1.9vw,21px);font-weight:700;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.frame__name:empty{display:none}.frame__cam{background:var(--glass-strong);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.frame__cam svg{width:34px;height:34px}.world__side{grid-template-columns:minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid}.ayah{-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);min-width:0;height:100%;min-height:0;box-shadow:inset 0 0 0 1px var(--edge), 0 18px 46px #00000059;text-align:center;background:#0c1016b8;border-radius:30px;flex-direction:column;grid-row:2;justify-content:center;padding:clamp(8px,1.6vh,18px) clamp(12px,2.4vw,30px);display:flex;position:relative}.status{opacity:0;white-space:nowrap;background:#ffffff24;border-radius:999px;flex:none;align-self:center;align-items:center;gap:10px;height:clamp(36px,6vh,48px);padding:0 20px;font-size:clamp(17px,2.2vw,23px);font-weight:700;transition:opacity .2s;display:inline-flex;overflow:hidden}.status--show{opacity:1}.status svg{flex:none;width:1.3em;height:1.3em}.status--rec{background:var(--gold);color:#2a1e05;box-shadow:0 0 0 calc(var(--level,0) * 12px) #ffd47959;transition:box-shadow 80ms linear}.status--you{background:var(--sky);color:#06263d}.ayah__ar{overscroll-behavior:contain;scrollbar-width:none;min-height:0;color:var(--white);direction:rtl;flex-wrap:wrap;flex:1;place-content:center;gap:0 .32em;padding:2px 6px;font-family:me-quran,serif;line-height:1.7;display:flex;overflow:hidden}.word{color:#ffffff8f;border-radius:16px;min-width:44px;padding:0 .12em}.word--said{color:var(--white)}.word--now{color:#2a1e05;background:var(--gold);box-shadow:0 0 0 4px var(--gold)}.ayah__en{color:var(--soft);flex:none;margin-top:4px;font-size:clamp(16px,2.3vw,26px);font-weight:500;line-height:1.32}.ayah__wait{justify-content:center;gap:12px;padding:34px 0;display:flex}.ayah__wait i{background:var(--soft);border-radius:50%;width:16px;height:16px;animation:1.2s ease-in-out infinite wait}.ayah__wait i:nth-child(2){animation-delay:.2s}.ayah__wait i:nth-child(3){animation-delay:.4s}@keyframes wait{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.ayah__oops{flex-direction:column;align-items:center;gap:12px;display:flex}.ayah__oops p{color:var(--soft);margin:0;font-size:20px}.oops{background:var(--gold);color:#2a1e05;border-radius:14px;flex:none;margin-top:8px;padding:8px 16px;font-size:17px;font-weight:700}.dock{padding:8px clamp(10px, 2vw, 22px) max(10px, env(safe-area-inset-bottom));box-shadow:inset 0 1px 0 var(--edge);background:#0e1319;flex-direction:column;gap:6px;display:flex}.dots{scrollbar-width:none;justify-content:safe center;gap:10px;padding:6px 7px;display:flex;overflow-x:auto}.dots::-webkit-scrollbar{display:none}.dot{width:64px;height:64px;color:var(--soft);box-shadow:inset 0 0 0 1px var(--edge);background:#ffffff1c 50%/cover no-repeat;border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:700;transition:transform .2s,box-shadow .2s;display:grid}.dot--said{color:var(--white);text-shadow:0 1px 6px #000000d9;animation:.5s cubic-bezier(.2,1.5,.4,1) pop}.dot--said span{background:#06090d57;border-radius:50%;width:38px;height:38px;line-height:38px}.dot--on{color:var(--white);box-shadow:inset 0 0 0 1px transparent, 0 0 0 4px var(--gold)}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.controls{justify-content:center;align-items:center;gap:clamp(4px,1.8vw,22px);display:flex}.controls__main{align-items:center;gap:clamp(6px,1.6vw,18px);margin:0 clamp(4px,1.6vw,20px);display:flex}.tool{border-radius:22px;flex-direction:column;flex:none;align-items:center;gap:2px;width:88px;min-height:76px;display:flex}.tool__icon{background:#ffffff1c;border-radius:28px;place-items:center;width:64px;height:56px;transition:background .2s,transform .15s;display:grid}.tool__icon svg{width:34px;height:34px}.tool:active .tool__icon{transform:scale(.92)}.tool__label{color:var(--soft);white-space:nowrap;font-size:15px;font-weight:600}.tool--on .tool__icon{background:var(--sky);color:#06263d}.tool--hot .tool__icon{background:var(--gold);color:#2a1e05;box-shadow:0 0 0 calc(var(--level,0) * 16px) #ffd47959;transition:box-shadow 80ms linear}.tool:disabled{opacity:.32}.step{background:#ffffff1c;border-radius:50%;flex:none;place-items:center;width:72px;height:72px;transition:transform .15s;display:grid}.step svg{width:36px;height:36px}.step:active{transform:scale(.92)}.step:disabled{opacity:.28}.turn{background:var(--gold);color:#2a1e05;border-radius:50%;flex:none;place-items:center;width:96px;height:96px;transition:background .25s,transform .15s;display:grid;position:relative;box-shadow:0 8px 26px #0006}.turn:active{transform:scale(.94)}.turn>svg:not(.turn__ring){width:54px;height:54px}.turn:disabled{opacity:.4}.turn--rec{box-shadow:0 0 0 calc(5px + var(--level,0) * 20px) #ffd47961;transition:box-shadow 80ms linear}.turn--echo{background:var(--sky);color:#06263d}.turn__ring{width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;inset:-9px;overflow:visible;transform:rotate(-90deg)}.turn__ring circle{fill:none;stroke:var(--white);stroke-width:4px;stroke-linecap:round;stroke-dasharray:100;animation:linear forwards ring}@keyframes ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.sheet{z-index:6;background:#06090d8c;place-items:center;padding:16px;animation:.2s fadein;display:grid;position:absolute;inset:0}.sheet__card{width:min(100%,680px);max-height:100%;box-shadow:inset 0 0 0 1px var(--edge), 0 24px 60px #00000080;background:#141a22f0;border-radius:32px;padding:clamp(18px,3vw,32px);animation:.3s cubic-bezier(.2,.8,.2,1) rise;position:relative;overflow-y:auto}.sheet__card h2{letter-spacing:-.01em;margin:0 70px 12px 0;font-size:clamp(21px,3vw,27px);font-weight:800}.sheet__card h2:nth-of-type(2){margin:22px 0 12px}.sheet__card p{color:var(--soft);margin:16px 0 0;font-size:17px}.sheet__close{background:#ffffff1a;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:12px;right:12px}.sheet__close svg{width:30px;height:30px}.choices{flex-wrap:wrap;gap:10px;display:flex}.choices button{white-space:nowrap;background:#ffffff1a;border-radius:20px;flex:1 0 auto;justify-content:center;align-items:center;gap:9px;min-width:92px;min-height:68px;padding:0 20px;font-size:20px;font-weight:700;display:inline-flex}.choices button svg{width:26px;height:26px}.choices button.on{background:var(--gold);color:#2a1e05}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.doors{z-index:5;background:linear-gradient(#06090d4d,#06090d9e);flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,3vh,30px);padding:16px;animation:.35s fadein;display:flex;position:absolute;inset:0}.doors__back{left:clamp(12px,2vw,22px);top:max(12px, env(safe-area-inset-top));position:absolute}.doors__pic{right:clamp(12px,2vw,22px);top:max(12px, env(safe-area-inset-top));position:absolute}.doors__title{text-align:center;text-shadow:0 2px 22px #000000b3;padding:0 90px}.doors__name{font-family:me-quran,serif;font-size:clamp(50px,10vh,92px);line-height:1.45}.doors__sub{font-size:clamp(18px,2.8vh,25px);font-weight:600}.doors__note{color:#2a1e05;background:var(--gold);border-radius:16px;margin:0;padding:10px 18px;font-size:18px}.doors__row{gap:clamp(12px,2.4vw,26px);width:min(100%,860px);display:flex}.door{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);min-width:0;min-height:clamp(150px,38vh,320px);box-shadow:inset 0 0 0 1px var(--edge), 0 18px 46px #00000059;border-radius:34px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:18px 14px;transition:transform .16s;display:flex}.door:active{transform:scale(.97)}.door__icon{background:#ffffff24;border-radius:50%;place-items:center;width:clamp(84px,16vh,128px);height:clamp(84px,16vh,128px);margin-bottom:6px;display:grid}.door__icon svg{width:56%;height:56%}.door--main .door__icon{background:var(--gold);color:#2a1e05}.door__name{letter-spacing:-.01em;text-align:center;font-size:clamp(24px,3.6vw,36px);font-weight:800;line-height:1.12}.door__sub{color:var(--soft);text-align:center;font-size:clamp(16px,2vw,20px);line-height:1.2}.done{z-index:7;background:#06090d99;place-items:center;padding:16px;animation:.3s fadein;display:grid;position:absolute;inset:0}.done__card{width:min(100%,580px);max-height:100%;box-shadow:inset 0 0 0 1px var(--edge), 0 24px 60px #00000080;text-align:center;background:#141a22f0;border-radius:34px;flex-direction:column;align-items:center;gap:16px;padding:clamp(20px,4vw,38px);animation:.4s cubic-bezier(.2,.8,.2,1) rise;display:flex;overflow-y:auto}.done__card h2{letter-spacing:-.02em;margin:0;font-size:clamp(27px,4vw,36px);font-weight:800}.done__card p{color:var(--soft);margin:0;font-size:20px;line-height:1.4}.done__flowers{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.done__flowers i{width:58px;height:58px;box-shadow:0 0 0 2px var(--edge);background:#ffd4794d 50%/cover no-repeat;border-radius:50%;animation:.5s cubic-bezier(.2,1.5,.4,1) backwards pop}.done__row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{background:var(--gold);color:#2a1e05;border-radius:22px;justify-content:center;align-items:center;gap:10px;min-height:68px;padding:0 30px;font-size:21px;font-weight:700;display:inline-flex}.btn--soft{color:var(--white);background:#ffffff1f}.screen{padding:max(16px, env(safe-area-inset-top)) 24px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex;position:fixed;inset:0}.parent{background:var(--page);color:var(--ink);-webkit-user-select:text;user-select:text;overflow:auto}.parent .bar{justify-content:space-between;align-items:center;gap:12px;min-height:72px;display:flex}.parent .round{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #00000024}.parent h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.parent__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:18px;display:grid}.card{background:var(--paper);border-radius:24px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 1px 3px #00000012}.card h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.card p{color:var(--muted);margin:0;font-size:17px;line-height:1.45}.row{background:var(--page);width:100%;min-height:68px;color:var(--ink);text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:6px 14px;font-size:19px;display:flex}.row--on{background:#dff1e6}.row__name{font-weight:700}.row__sub{color:var(--muted);font-size:15px}.row__actions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.chip{background:var(--paper);min-width:64px;min-height:56px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:17px;font-weight:700;display:inline-flex}.chip--rec{background:var(--gold);box-shadow:none}.chip svg{width:26px;height:26px}.seg{background:var(--page);border-radius:18px;flex-wrap:wrap;gap:4px;padding:5px;display:flex}.seg button{min-width:54px;min-height:56px;color:var(--muted);border-radius:14px;flex:1 0 auto;padding:0 10px;font-size:18px;font-weight:700}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.toggle{justify-content:space-between;align-items:center;gap:14px;min-height:64px;font-size:19px;font-weight:600;display:flex}.switch{background:#c7ccd3;border-radius:999px;flex:none;width:72px;height:42px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:34px;height:34px;transition:transform .2s;position:absolute;top:4px;left:4px}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(30px)}input.text,select.text{font:inherit;border:1px solid var(--line);background:var(--paper);min-height:60px;color:var(--ink);border-radius:14px;width:100%;padding:0 14px;font-size:20px}.note{font-size:15px!important}.pick{gap:12px;display:flex}.pick__opt{background:var(--page);cursor:pointer;min-width:0;color:var(--ink);text-align:center;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:12px;font-size:17px;font-weight:700;display:flex}.pick__opt--on{box-shadow:inset 0 0 0 3px var(--accent)}.pick__frame{aspect-ratio:4/5;background:#dfe3e8;border-radius:18px;place-items:center;width:100%;max-width:150px;display:grid;position:relative;overflow:hidden}.pick__frame img{object-fit:cover;width:100%;height:100%;display:block}.pick__empty{color:var(--muted)}.pick__empty svg{width:48px;height:48px}.credits summary{cursor:pointer;align-items:center;min-height:48px;font-size:18px;font-weight:700;display:flex}.credits ul{color:var(--muted);flex-direction:column;gap:6px;margin:6px 0 0;padding:0 0 0 18px;font-size:15px;line-height:1.45;display:flex}.credits a{color:var(--accent)}@media (aspect-ratio>=1) and (height>=561px){.lesson:not(.lesson--choosing)>.backdrop .backdrop__one{transform-origin:0 100%;transform:scale(1.22)}}@media (aspect-ratio<=1){.world{grid-template-rows:minmax(0,38%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.frame{justify-self:start;max-width:none}.world__side{grid-template-rows:0 minmax(0,1fr)!important}}@media (width<=640px){.screen{padding-left:14px;padding-right:14px}.top{gap:8px}.round{width:64px;height:64px}.pill{gap:7px;min-height:64px;padding:0 16px 0 12px;font-size:17px}.bismillah span{padding:0 12px}.grid{grid-auto-rows:46vw}.grownups,.hero__ar{display:none}.controls{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:4px 0;display:grid}.controls__main{grid-area:1/1/auto/-1;gap:18px;margin:0}.tool{width:100%}.tool__label{font-size:14px}.turn{width:84px;height:84px}.turn>svg:not(.turn__ring){width:46px;height:46px}.top .pill span{display:none}.top .pill{border-radius:50%;justify-content:center;width:64px;padding:0}.bismillah span{white-space:nowrap;font-size:clamp(15px,4.6vw,20px)}.doors__title{padding:72px 0 0}.doors__pic span{display:none}.doors__pic{padding:0 18px}.door{padding:14px 8px}.pick{gap:8px}}@media (height<=560px){.top{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:4px}.round{width:64px;height:64px}.pill{min-height:64px;padding:0 16px 0 12px;font-size:17px}.bismillah span{padding:0 14px;font-size:19px}.world{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);padding-bottom:6px}.frame{justify-self:auto}.world__side{grid-template-rows:0 minmax(0,1fr)!important}.ayah{background:#0c10168f}.frame{border-radius:20px}.frame__name,.frame__cam{display:none}.ayah{border-radius:20px;padding:4px 12px}.ayah__en{margin-top:0;font-size:15px}.status{height:30px;font-size:15px}.dock{padding-top:4px;padding-bottom:max(4px, env(safe-area-inset-bottom));flex-direction:row-reverse;align-items:center;gap:10px}.dots{flex:1;justify-content:safe center;min-width:0}.controls{flex:none;gap:2px;display:flex}.controls__main{gap:0;margin:0}.tool{width:64px;min-height:64px}.tool__label{display:none}.tool__icon{background:0 0;border-radius:50%;width:64px;height:64px}.tool--on .tool__icon{background:var(--sky)}.step{background:0 0;width:64px;height:64px}.turn{width:68px;height:68px}.turn>svg:not(.turn__ring){width:38px;height:38px}.doors{flex-flow:wrap;align-content:center;gap:8px 14px;padding:8px 90px}.doors__title{flex:1 0 100%;padding:0}.doors__name{font-size:36px;line-height:1.35}.doors__sub{font-size:15px}.door{border-radius:24px;min-height:0;padding:8px}.door__icon{width:64px;height:64px;margin:0}.door__name{font-size:20px}.door__sub{font-size:14px}.hero{height:70vh}}@media (height<=560px) and (width<=700px){.tool:first-child,.tool:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.turn__ring circle{animation-duration:inherit!important}}