.membership-overlay{z-index:12000;box-sizing:border-box;color:#2c2a3e;background:#211a36bd;place-items:center;padding:22px;font-family:Andika,sans-serif;display:grid;position:fixed;inset:0}.membership-overlay *{box-sizing:border-box}.membership-dialog{isolation:isolate;overscroll-behavior:contain;border:var(--h-border-card) solid var(--h-navy-800);border-radius:var(--h-radius-frame);background:var(--h-cream-300);width:min(560px,100%);max-height:calc(100dvh - 44px);box-shadow:var(--h-inset-frame), var(--h-shadow-dialog);scrollbar-color:#b59876 #f7e8cc;padding:23px 30px 18px;position:relative;overflow:auto}.membership-close{top:var(--h-close-inset);z-index:2;width:var(--h-close-size);height:var(--h-close-size);color:var(--h-ink);border:var(--h-border) solid var(--h-gold-500);background:var(--h-cream-200);box-shadow:inset 0 0 0 2px var(--h-cream-100), var(--h-ledge-pressed);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:var(--h-close-inset)}.membership-brand{justify-items:center;gap:1px;padding:0 32px 15px;display:grid}.membership-brand img{width:var(--h-logo-dialog);height:auto;aspect-ratio:var(--h-logo-ratio);margin-block:var(--h-space-1);object-fit:contain;display:block}.membership-brand>span{color:#705964;font-size:11px}.membership-layout{flex-direction:column;gap:21px;display:flex}.membership-story{border-bottom:1px solid #d7bd98;justify-content:center;align-items:center;gap:23px;padding:14px 10px 21px;display:flex;box-shadow:0 1px #fffbed}.membership-cover{aspect-ratio:4/5;background:#f5e8ca;border:1px solid #9a8067;border-radius:2px 5px 5px 2px;flex:0 0 120px;width:120px;position:relative;box-shadow:-4px 1px #9a806c,0 -3px #fff9e3,1px -5px #c0a487,2px 4px #3b4a82,7px 9px 9px #66472f2e}.membership-cover>svg{border-radius:inherit;width:100%;height:100%;display:block}.membership-cover-title{object-fit:contain;object-position:center top;width:90%;height:34%;position:absolute;top:4%;left:5%}.membership-cover-lettering{text-align:center;text-wrap:balance;color:#2c2a3e;text-shadow:0 1px 2px #fff5de;background:linear-gradient(#fff3dada,#fff3da55 80%,#0000);padding:3px 2px 8px;font:500 15px/1.1 Fredoka,sans-serif;position:absolute;top:5%;left:7%;right:7%}.membership-cover-lettering small{letter-spacing:.04em;margin-bottom:3px;font-size:9px;display:block}.membership-story-caption{overflow-wrap:anywhere;min-width:0;max-width:230px}.membership-ribbon{color:#84623f;font-size:11px}.membership-story h3{text-wrap:balance;color:#2c2a3e;margin:7px 0 10px;font:500 24px/1.12 Fredoka,sans-serif}.membership-story p{color:#796456;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.membership-main h2{text-align:center;text-wrap:balance;color:#2c2a3e;margin:0 0 10px;font:500 clamp(24px,5vw,29px)/1.15 Fredoka,sans-serif}.membership-intro{color:#715d5e;text-align:center;max-width:390px;margin:0 auto 17px;font-size:12px;line-height:1.65}.membership-plans{border:0;grid-template-columns:1fr;gap:9px;min-width:0;margin:14px 0;padding:0;display:grid}.membership-plans legend{text-align:center;color:#74595b;width:100%;padding:0 0 9px;font-size:12px}.membership-plan{background:linear-gradient(100deg,#fff9e9,#f4e1bf);border:2px solid #cab08d;border-radius:11px;align-items:center;gap:12px;padding:13px 16px;display:flex;box-shadow:inset 0 2px #fffff1,0 2px #b89a78}.membership-plan.is-selected{background:linear-gradient(100deg,#fff4e9,#ecdfed);border-color:#3b4a82;box-shadow:inset 0 2px #fffaf2,0 2px #3b4a82}.membership-plan input{accent-color:#3b4a82;flex:none;width:17px;height:17px;margin:0}.membership-plan>span{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:baseline;gap:5px 15px;min-width:0;display:flex}.membership-plan strong{color:#2c2a3e;font:500 19px Fredoka,sans-serif}.membership-plan span span,.membership-plan small{color:#745c54;font-size:12px;line-height:1.5}.membership-plan small{flex-basis:100%}.membership-soon{text-align:center;color:#765e52;margin:12px 0;padding:10px 6px;font-size:12px;line-height:1.6}.membership-soon strong{color:#2c2a3e;font:500 17px Fredoka,sans-serif;display:block}.membership-soon p{margin:5px 0 0}.membership-primary{color:#58402e;text-align:center;cursor:pointer;background:linear-gradient(#fff6d9,#efe0b9);border:2px solid #b58a50;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:12px 17px;font:500 17px Fredoka,sans-serif;text-decoration:none;display:flex;box-shadow:inset 0 2px #fff9d7,inset 0 -2px #dbad62,0 4px #9b7248,0 6px 8px #88614226}.membership-primary:disabled{color:var(--h-ink-disabled);cursor:not-allowed;background:linear-gradient(#f0e6d3,#e1cfb4);border-color:#c3ac90;box-shadow:inset 0 2px #fff8e7,0 3px #b69e82}.membership-link,.membership-back{color:#3b4a82;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:12px 5px;font:500 14px Fredoka,sans-serif;text-decoration:underline;display:flex}.membership-link{width:100%;margin-top:4px}.membership-link:disabled,.membership-back:disabled{color:var(--h-ink-disabled);cursor:not-allowed;text-decoration:none}.membership-close:active,.membership-primary:not(:disabled):active{transform:translateY(2px)}.membership-note,.membership-account{text-align:center;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.membership-signin{text-align:center}.membership-signin h3{font:500 22px Fredoka,sans-serif}.membership-signin>p{font-size:13px;line-height:1.65}.membership-error{color:#823f35;overflow-wrap:anywhere;background:#fbe7d9;border:1px solid #c28b70;border-radius:9px;padding:11px;font-size:13px}.membership-notice{color:#536039;background:#f0efd5;border:1px solid #b4b58a;border-radius:9px;padding:11px;font-size:13px}.membership-dialog :is(button,a,input):focus-visible{outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:4px}.membership-main h2:focus{outline:none}@media (max-width:440px){.membership-overlay{padding:12px}.membership-dialog{border-radius:8px;max-height:calc(100dvh - 24px);padding:19px 19px 14px}.membership-brand{padding-inline:35px}.membership-brand img{width:var(--h-logo-dialog)}.membership-story{gap:17px;padding-inline:2px}.membership-cover{flex-basis:100px;width:100px}.membership-story h3{font-size:21px}.membership-ribbon{font-size:10px}.membership-plan{padding:11px}}@media (max-height:700px) and (min-width:441px){.membership-brand{padding-bottom:10px}.membership-cover{flex-basis:95px;width:95px}.membership-story{padding-block:10px 15px}.membership-layout{gap:16px}}@media (prefers-reduced-motion:reduce){.membership-dialog *,.membership-dialog :before,.membership-dialog :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.membership-lock{width:20px;height:22px}.membership-cover .membership-cover-title{object-fit:contain;object-position:center top;width:84%;height:31%;top:4%;left:8%}.membership-overlay .membership-primary{overflow-wrap:anywhere;min-height:62px;line-height:1.35}.membership-overlay .membership-primary:not(:disabled):hover{filter:brightness(1.035)}.membership-overlay .membership-plan:has(input:disabled){color:var(--h-ink-disabled);background:#eee3cf;box-shadow:inset 0 1px #fff7e5}.membership-overlay .membership-plan:has(input:focus-visible){outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:3px}.membership-overlay[lang=ar] .membership-story h3,.membership-overlay[lang=ar] .membership-main h2{line-height:1.5}.membership-overlay[lang=ar] .membership-cover-lettering{font-family:"Baloo Bhaijaan 2",sans-serif;line-height:1.45}@media (max-width:350px){.membership-overlay .membership-story{text-align:center;flex-direction:column;gap:14px}.membership-overlay .membership-story p{justify-content:center}.membership-overlay .membership-brand{padding-inline:28px}.membership-overlay .membership-brand img{width:100px}}@media (prefers-reduced-motion:reduce){.membership-overlay .membership-close:active,.membership-overlay .membership-primary:not(:disabled):active{transform:none}}:root.h-ui .membership-overlay.is-calm{background:radial-gradient(at 50% 40%,#26315fb3,#141a33e0 72%);padding:24px}:root.h-ui .membership-overlay.is-calm .membership-dialog{border:var(--h-border-card) solid var(--h-navy);border-radius:var(--h-radius-frame);background-color:var(--h-cream-300);width:min(720px,100%);max-height:calc(100dvh - 48px);box-shadow:inset 0 0 0 3px var(--h-cream-50), inset 0 0 0 4px var(--h-gold-400), var(--h-shadow-dialog);animation:membership-in var(--h-dur-slow) var(--h-ease-soft) both;padding:30px 40px 26px}:root.h-ui .membership-overlay.is-calm .membership-filigree{z-index:0;pointer-events:none;background:var(--h-filigree) center / contain no-repeat;width:62px;height:62px;position:absolute}:root.h-ui .membership-overlay.is-calm .filigree-top-start{top:6px;left:6px}:root.h-ui .membership-overlay.is-calm .filigree-top-end{top:6px;right:6px;scale:-1 1}:root.h-ui .membership-overlay.is-calm .filigree-bottom-start{bottom:6px;left:6px;scale:1 -1}:root.h-ui .membership-overlay.is-calm .filigree-bottom-end{bottom:6px;right:6px;scale:-1}:root.h-ui .membership-overlay.is-calm .membership-body{z-index:1;position:relative}:root.h-ui .membership-overlay.is-calm .membership-close{top:14px;z-index:3;width:var(--h-close-size);height:var(--h-close-size);inset-inline-end:14px}:root.h-ui .membership-overlay.is-calm .membership-close>.story-control-art{width:24px;height:24px}:root.h-ui .membership-overlay.is-calm .membership-brand{text-align:center;justify-items:center;gap:2px;padding:0 48px 18px;display:grid}:root.h-ui .membership-overlay.is-calm .membership-brand img{width:118px;margin:0 0 4px}:root.h-ui .membership-overlay.is-calm .membership-kicker{color:var(--h-ink-muted);font:600 13px/1.4 var(--h-font-body);letter-spacing:.02em}:root.h-ui .membership-overlay.is-calm .membership-brand h2{color:var(--h-navy);font:800 28px/1.2 "Baloo 2", var(--h-font-display);text-wrap:balance;margin:4px 0 0}:root.h-ui .membership-overlay.is-calm .membership-brand h2:focus{outline:none}:root.h-ui .membership-overlay.is-calm .membership-brand h2:focus-visible{outline:3px solid var(--h-focus-color);outline-offset:3px;border-radius:6px}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-brand h2{font:700 28px/1.45 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-kicker{font:600 15px/1.5 var(--h-font-arabic);letter-spacing:0}:root.h-ui .membership-overlay.is-calm .membership-layout{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:28px;display:grid}:root.h-ui .membership-overlay.is-calm .membership-story{box-shadow:none;text-align:center;border:0;flex-direction:column;align-items:center;gap:12px;padding:0;display:flex}:root.h-ui .membership-overlay.is-calm .membership-cover{flex:none;width:150px;overflow:visible}:root.h-ui .membership-overlay.is-calm .membership-cover-lock{z-index:3;border:3px solid var(--h-navy);background:var(--v3-face-round,var(--h-face-round));width:46px;height:46px;box-shadow:0 3px 0 var(--h-midnight), 0 6px 10px #141a3355;object-fit:contain;opacity:1;border-radius:50%;padding:6px;position:absolute;inset:-12px -12px auto auto;transform:none}:root.h-ui .membership-overlay.is-calm .membership-story h3{color:var(--h-ink);font:800 18px/1.25 "Baloo 2", var(--h-font-display);text-wrap:balance;margin:0}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-story h3{font:700 19px/1.45 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm .membership-story p{color:var(--h-ink-muted);font:600 12px/1.4 var(--h-font-body);justify-content:center;align-items:center;gap:5px;margin:4px 0 0;display:inline-flex}:root.h-ui .membership-overlay.is-calm .membership-lock{width:16px;height:16px}:root.h-ui .membership-overlay.is-calm .membership-main{flex-direction:column;align-items:stretch;gap:12px;min-width:0;display:flex}:root.h-ui .membership-overlay.is-calm .membership-intro{max-width:none;color:var(--h-ink);font:400 15px/1.5 var(--h-font-body);text-align:start;margin:0}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-intro{font:400 17px/1.6 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm .membership-plans{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0;display:grid}:root.h-ui .membership-overlay.is-calm .membership-plans legend{float:left;width:100%;color:var(--h-ink-muted);font:600 12px/1.4 var(--h-font-body);text-align:start;padding:0 0 8px}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-plans legend{font:600 14px/1.5 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm .membership-plan{border:2px solid var(--h-navy);min-height:76px;color:var(--h-ink);background:var(--v3-face,var(--h-face));box-shadow:inset 0 0 0 2px #fffaf0, 0 3px 0 var(--h-midnight), 0 6px 12px #141a3326;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px 12px 16px;display:flex;position:relative}:root.h-ui .membership-overlay.is-calm .membership-plan input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}:root.h-ui .membership-overlay.is-calm .membership-plan-copy{flex-direction:column;flex:1;order:1;align-items:flex-start;gap:2px;min-width:0;display:flex}:root.h-ui .membership-overlay.is-calm .membership-plan-copy strong{color:var(--h-ink);font:700 19px/1.2 var(--h-font-display)}:root.h-ui .membership-overlay.is-calm .membership-plan-copy>span{color:var(--h-ink-muted);font:600 13px/1.35 var(--h-font-body)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-plan-copy strong{font:700 19px/1.4 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-plan-copy>span{font:600 15px/1.45 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm .membership-plan-radio{border:2px solid var(--h-navy);background:#fffaf0;border-radius:50%;flex:none;order:2;width:24px;height:24px;box-shadow:inset 0 1px 2px #141a3333}:root.h-ui .membership-overlay.is-calm .membership-plan.is-selected{box-shadow:inset 0 0 0 2px #fffaf0, 0 3px 0 var(--h-midnight), 0 0 0 3px var(--h-gold), 0 8px 14px #141a3333}:root.h-ui .membership-overlay.is-calm .membership-plan.is-selected .membership-plan-radio{background:radial-gradient(circle, var(--h-navy) 0 5px, #fffaf0 6px)}:root.h-ui .membership-overlay.is-calm .membership-plan:has(input:disabled){cursor:default;color:var(--h-ink-disabled);background:var(--v3-face-flat,#eee3cf);box-shadow:inset 0 0 0 2px #fffaf0a0,0 2px #141a3355}:root.h-ui .membership-overlay.is-calm .membership-plan:has(input:disabled) .membership-plan-radio{box-shadow:none;background:0 0;border-color:#8d8778}:root.h-ui .membership-overlay.is-calm .membership-plan:has(input:focus-visible){outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:3px}@media (hover:hover) and (prefers-reduced-motion:no-preference){:root.h-ui .membership-overlay.is-calm .membership-plan:not(:has(input:disabled)):hover{translate:0 -2px}}:root.h-ui .membership-overlay.is-calm .membership-soon{color:var(--h-ink-muted);font:400 14px/1.5 var(--h-font-body);text-align:start;background:0 0;border:0;margin:0;padding:0}:root.h-ui .membership-overlay.is-calm .membership-soon strong{color:var(--h-navy);font:700 15px/1.5 var(--h-font-display);display:inline}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-soon{font:400 16px/1.6 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-soon strong{font:700 16px/1.6 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm .membership-loading{min-height:120px;color:var(--h-ink-muted);font:600 14px/1.5 var(--h-font-body);justify-content:center;align-items:center;gap:10px;display:flex}:root.h-ui .membership-overlay.is-calm .membership-spinner{place-items:center;width:36px;height:36px;display:inline-grid}:root.h-ui .membership-overlay.is-calm .membership-spinner>.story-control-art{width:100%;height:100%;animation:membership-spin 1.4s var(--h-ease-soft) infinite}:root.h-ui .membership-overlay.is-calm .membership-spinner.is-inline{width:22px;height:22px;margin-inline-end:6px}:root.h-ui .membership-overlay.is-calm .membership-load-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:140px;display:flex}:root.h-ui .membership-overlay.is-calm .membership-load-error p{color:var(--h-coral-700);font:600 14px/1.5 var(--h-font-body);margin:0}:root.h-ui .membership-overlay.is-calm .membership-retry{border:var(--h-ring-close) solid transparent;border-radius:var(--h-radius-pill);min-height:46px;color:var(--v3-ink,var(--h-ink));background:var(--v3-face,var(--h-face)) padding-box, var(--h-walnut-ring);box-shadow:var(--h-shadow-walnut);font:600 16px/1.2 var(--h-font-display);cursor:pointer;align-items:center;gap:8px;padding:0 20px;display:inline-flex}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-retry{font-family:var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm .membership-retry>.story-control-art{width:22px;height:22px}:root.h-ui .membership-overlay.is-calm .membership-retry:focus-visible{outline:3px solid var(--h-focus-color);outline-offset:3px;box-shadow:var(--h-shadow-walnut), 0 0 0 3px var(--h-focus-halo)}:root.h-ui .membership-overlay.is-calm .membership-primary{border:var(--h-ring-pill) solid transparent;border-radius:var(--h-radius-pill);width:100%;min-height:62px;color:var(--v3-ink,var(--h-ink));background:var(--v3-face-gold,var(--h-face-gold)) padding-box, var(--h-walnut-ring);box-shadow:var(--h-shadow-walnut);font:600 20px/1.3 var(--h-font-display);text-shadow:0 1px #fff3cf99;cursor:pointer;justify-content:center;align-items:center;margin:2px 0 0;padding:8px 22px;text-decoration:none;display:flex}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-primary{font-family:var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm .membership-primary:disabled{color:var(--h-ink-disabled);background:var(--v3-face-flat,#eee3cf) padding-box, var(--h-walnut-ring-muted);box-shadow:var(--h-bevel);text-shadow:none;cursor:default}:root.h-ui .membership-overlay.is-calm .membership-primary:focus-visible{outline:3px solid var(--h-focus-color);outline-offset:3px;box-shadow:var(--h-shadow-walnut), 0 0 0 3px var(--h-focus-halo)}:root.h-ui .membership-overlay.is-calm .membership-parents-note{color:var(--h-ink-muted);font:400 12px/1.5 var(--h-font-body);text-align:center;margin:0}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-parents-note{font:400 14px/1.6 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm :is(.membership-link,.membership-back){min-height:var(--h-target);box-shadow:none;color:var(--h-sky-700);font:600 14px/1.3 var(--h-font-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;margin:0;padding:0 10px;text-decoration:underline}:root.h-ui .membership-overlay.is-calm[lang=ar] :is(.membership-link,.membership-back){font:600 16px/1.5 var(--h-font-arabic)}:root.h-ui .membership-overlay.is-calm :is(.membership-link,.membership-back):disabled{color:var(--h-ink-disabled);cursor:default;text-decoration:none}:root.h-ui .membership-overlay.is-calm .membership-back{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}:root.h-ui .membership-overlay.is-calm .membership-back-arrow{width:18px;height:18px}:root.h-ui .membership-overlay.is-calm .membership-account{color:var(--h-ink-muted);margin:0;font-size:13px}:root.h-ui .membership-overlay.is-calm .membership-signin h3{color:var(--h-navy);margin:0 0 6px}:root.h-ui .membership-overlay.is-calm.is-preview{z-index:0;min-height:680px;padding:24px;position:relative;inset:auto}:root.h-ui .membership-overlay.is-calm.is-preview .membership-dialog{max-height:none;animation:none}@keyframes membership-in{0%{opacity:0;translate:0 10px;scale:.98}to{opacity:1;translate:0;scale:1}}@keyframes membership-spin{to{rotate:360deg}}@media (max-width:700px){:root.h-ui .membership-overlay.is-calm{padding:12px}:root.h-ui .membership-overlay.is-calm .membership-dialog{padding:24px 20px 20px}:root.h-ui .membership-overlay.is-calm .membership-layout{grid-template-columns:1fr;gap:18px}:root.h-ui .membership-overlay.is-calm .membership-story{text-align:start;flex-direction:row;justify-content:center}:root.h-ui .membership-overlay.is-calm .membership-cover{width:96px}:root.h-ui .membership-overlay.is-calm .membership-cover-lock{width:36px;height:36px;padding:4px;top:-9px;right:-9px}:root.h-ui .membership-overlay.is-calm .membership-plans{grid-template-columns:1fr}:root.h-ui .membership-overlay.is-calm .membership-brand{padding-inline:44px}}@media (max-height:640px) and (min-width:701px){:root.h-ui .membership-overlay.is-calm .membership-brand img{display:none}:root.h-ui .membership-overlay.is-calm .membership-cover{width:120px}}@media (prefers-reduced-motion:reduce){:root.h-ui .membership-overlay.is-calm .membership-dialog,:root.h-ui .membership-overlay.is-calm .membership-spinner>.story-control-art{animation:none}:root.h-ui .membership-overlay.is-calm .membership-plan{translate:none!important}}:root.h-ui .membership-overlay .membership-close,:root.h-ui .membership-overlay.is-calm .membership-close{width:var(--h-close-size);height:var(--h-close-size);min-width:44px;min-height:44px;color:var(--h-ink);border:var(--h-border,2px) solid var(--h-gold-500);background:var(--h-cream-200);box-shadow:inset 0 0 0 2px var(--h-cream-100), var(--h-ledge-pressed);border-radius:50%}:root.h-ui .membership-overlay .membership-close>svg{width:22px;height:22px}:root.h-ui .membership-overlay .membership-close:focus-visible{outline:3px solid var(--h-focus-color);outline-offset:3px}.membership-overlay .membership-dialog{background:radial-gradient(120% 80% at 50% 0,#fffaf0 0%,#fbf0d8 55%,#f3e2c0 100%);width:min(780px,100%);padding:26px 34px 16px}.membership-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.membership-hero{grid-template-columns:auto 1fr;align-items:center;gap:18px;padding-inline-end:44px;display:grid}.membership-medallion{width:96px;height:104px;box-shadow:none;background:0 0;border-radius:0;place-items:center;display:grid}.membership-medallion img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 8px #5a3a1a4d);transform-origin:50% 90%;width:100%;height:100%;animation:3.2s ease-in-out infinite membership-lock-sparkle}@keyframes membership-lock-sparkle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(-2px)}}.membership-hero-copy{text-align:start;gap:4px;display:grid}.membership-hero .membership-kicker{letter-spacing:.14em;text-transform:uppercase;color:#9a6a2c;font-size:12px;font-weight:700}.membership-overlay[dir=rtl] .membership-hero .membership-kicker{letter-spacing:0;text-transform:none;font-size:14px}.membership-hero h2{color:#2a2140;margin:0;font-family:Fredoka,Andika,sans-serif;font-size:34px;line-height:1.05}.membership-hero .membership-intro{color:#4a4258;margin:2px 0 0;font-size:15px;line-height:1.4}.membership-divider{color:#d6a340;align-items:center;gap:10px;margin:12px 0 4px;display:flex}.membership-divider:before,.membership-divider:after{content:"";background:linear-gradient(90deg,#0000,#d9b77c,#0000);flex:1;height:1px}.membership-divider svg,.membership-divider img{width:18px;height:18px}.membership-overlay .membership-main{justify-items:center;gap:10px;display:grid}.membership-overlay .membership-signs{border:0;flex-wrap:wrap;justify-content:center;gap:34px;width:100%;min-width:0;margin:0;padding:30px 8px 22px;display:flex;position:relative}.membership-overlay .membership-sign{cursor:pointer;transform-origin:50% -26px;background:0 0;border:0;width:min(250px,100%);padding:0;transition:transform .35s cubic-bezier(.3,1.4,.5,1),filter .25s;animation:5s ease-in-out infinite membership-sign-sway;display:block;position:relative}.membership-overlay .membership-sign:nth-of-type(2){animation-delay:-2.1s}@keyframes membership-sign-sway{0%,to{rotate:-.8deg}50%{rotate:.8deg}}.membership-overlay .membership-sign input{opacity:0;cursor:inherit;z-index:3;margin:0;position:absolute;inset:0}.membership-overlay .sign-rope{pointer-events:none;background:radial-gradient(circle at 50% 7px,#f4d98a 0 5px,#9c6b22 6px 8px,#0000 9px),linear-gradient(to bottom right,#0000 calc(50% - 2px),#b88a4e calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px)) 0/50% 100% no-repeat,linear-gradient(to bottom left,#0000 calc(50% - 2px),#b88a4e calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px)) 100%/50% 100% no-repeat;width:150px;height:44px;position:absolute;top:-30px;left:50%;translate:-50%}.membership-overlay .sign-board{color:#fff6e0;text-align:center;background:repeating-linear-gradient(90deg,#0000 0 22px,#0000000d 22px 24px),linear-gradient(#8a5a32,#6e4526);border:7px solid #c89556;border-radius:26px 26px 18px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #f1cd8f,inset 0 3px 10px #0005,0 10px 18px #3a24104d}.membership-overlay .sign-art{background:url(/art/ui/membership-header-v1.webp) 50%/220% no-repeat;border-bottom:3px solid #e7b86a;height:86px;display:block;box-shadow:inset 0 -10px 16px #0b103040}.membership-overlay .sign-copy{justify-items:center;gap:3px;padding:10px 14px 16px;display:grid}.membership-overlay .sign-kicker{letter-spacing:.12em;text-transform:uppercase;color:#f1c878;font-size:11px;font-weight:700}.membership-overlay[dir=rtl] .sign-kicker{letter-spacing:0;font-size:13px}.membership-overlay .sign-copy strong{color:#fffaf0;text-shadow:0 2px #3d2412;font-family:Fredoka,Andika,sans-serif;font-size:30px;line-height:1.1}.membership-overlay .sign-price{color:#ffd466;text-shadow:0 2px #5a3310;font-family:Fredoka,Andika,sans-serif;font-size:26px;font-weight:700}.membership-overlay .sign-interval,.membership-overlay .sign-unavailable{color:#f5dfb5;font-size:13px}.membership-overlay .sign-features{color:#fbeccc;gap:2px;margin-top:6px;font-size:14px;display:grid}.membership-overlay .sign-features span:before{content:"✦ ";color:#f1c14f}.membership-overlay .sign-check{top:94px;color:#5a3310;background:#ffd466;border-radius:50%;place-items:center;width:30px;height:30px;transition:scale .25s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;inset-inline-end:10px;scale:0;box-shadow:0 2px #9c6b22}.membership-overlay .sign-check svg,.membership-overlay .sign-check img{width:18px;height:18px}.membership-overlay .membership-sign.is-selected{animation-play-state:paused;transform:translateY(-6px)scale(1.03)}.membership-overlay .membership-sign.is-selected .sign-board{border-color:#f2c35a;box-shadow:inset 0 0 0 2px #fff0c2,0 0 0 4px #ffd46680,0 0 26px #fc58,0 14px 22px #3a24104d}.membership-overlay .membership-sign.is-selected .sign-check{scale:1}.membership-overlay .membership-sign:has(input:disabled){cursor:default}.membership-overlay .membership-sign:has(input:disabled) .sign-board{filter:saturate(.8)}.membership-overlay .membership-sign:has(input:focus-visible) .sign-board{outline-offset:3px;outline:3px solid #2d5bd7}.membership-overlay .membership-plank{pointer-events:none;background:linear-gradient(#d9a768,#a8733e 70%,#7c5028);border-radius:4px;height:16px;position:absolute;bottom:4px;left:4%;right:4%;box-shadow:0 6px 10px #3a241040}.membership-overlay .membership-primary{min-width:280px}.membership-overlay .membership-footnote{text-align:center;color:#7a6a58;margin:12px 0 0;font-size:12px}@media (max-width:620px){.membership-hero{text-align:center;grid-template-columns:1fr;justify-items:center;padding-inline-end:0}.membership-hero-copy{text-align:center}.membership-hero h2{font-size:27px}.membership-overlay .membership-signs{gap:40px}}@media (prefers-reduced-motion:reduce){.membership-overlay .membership-sign,.membership-medallion img{animation:none}}.membership-overlay .membership-sign,.membership-overlay .membership-sign.is-selected{box-shadow:none;color:inherit;background:0 0;border:0;min-height:0}.membership-overlay .membership-sign:has(input:disabled){box-shadow:none;color:inherit;background:0 0;border:0;min-height:0}.membership-overlay .membership-sign>span{padding:0}.membership-overlay .membership-sign span span{line-height:1.3}.membership-overlay .sign-features span{color:#fbeccc;font-size:14px}.membership-overlay .sign-copy>span.sign-interval{color:#f5dfb5;font-size:13px}.membership-overlay .sign-copy>span.sign-price{color:#ffd466;font-size:26px;line-height:1.1}.membership-overlay .membership-sign small{flex-basis:auto}.membership-overlay .sign-copy>small.sign-kicker{color:#f1c878;font-size:11px}:root.h-ui .membership-overlay .membership-dialog{overflow:visible!important}:root.h-ui .membership-overlay .membership-body{overscroll-behavior:contain;max-height:calc(100dvh - 72px);overflow-y:auto}.mform{text-align:start;gap:12px;display:grid}.mform-field{gap:5px;display:grid}.mform-field label,.mform-consent{color:#58402e;font:500 15px Fredoka,"Baloo Bhaijaan 2",sans-serif}.mform-q{background:#f6e7bd;border:1px solid #d8b56f;border-radius:999px;margin-inline-start:6px;padding:1px 10px;font-weight:600;display:inline-block}.mform-field input{color:#4a3526;background:#fffaf0;border:2px solid #d4b47c;border-radius:14px;min-height:46px;padding:10px 14px;font:400 16px Fredoka,"Baloo Bhaijaan 2",sans-serif;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 3px #b58a5026}.mform-field input::placeholder{color:#a88c6c}.mform-field input:focus-visible{border-color:#c48b2c;outline:none;box-shadow:0 0 0 4px #f2c76a66,inset 0 2px 3px #b58a5026}.mform-field.is-invalid input{background:#fff4ef;border-color:#c2553d}.mform-gate input{text-align:center;max-width:140px;font-size:19px}.mform-consent{border:0;gap:6px;margin:0;padding:0;display:grid}.mform-check{cursor:pointer;align-items:center;gap:10px;line-height:1.35;display:flex;position:relative}.mform-check input{opacity:0;cursor:pointer;width:24px;height:24px;margin:0;position:absolute}.mform-box{background:#fffaf0;border:2px solid #b58a50;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.mform-box svg,.mform-box img{opacity:0;width:16px;height:16px;transition:opacity .15s}.mform-check input:checked+.mform-box{background:#f2c76a}.mform-check input:checked+.mform-box svg,.mform-check input:checked+.mform-box img{opacity:1}.mform-check input:focus-visible+.mform-box{box-shadow:0 0 0 4px #f2c76a88}.mform-consent.is-invalid .mform-box{border-color:#c2553d}.mform-check a{color:#8a4f1c;text-underline-offset:3px;text-decoration:underline}.mform-error{color:#a3371f;align-items:center;gap:6px;margin:0;font:500 14px Fredoka,"Baloo Bhaijaan 2",sans-serif;display:flex}.mform-error svg,.mform-error img{flex:none;width:14px;height:14px}.mform-summary{color:#8f2e18;background:#fde6dc;border-radius:12px;margin:0;padding:8px 12px;font:500 14px Fredoka,"Baloo Bhaijaan 2",sans-serif}.mform-soon{color:#6d5541;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.mform-soon-tag{color:#58402e;text-transform:uppercase;letter-spacing:.04em;background:#e7dcc4;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}[dir=rtl] .mform-soon-tag{text-transform:none;letter-spacing:0}.membership-primary.is-access{gap:8px;margin-top:8px}.membership-primary[aria-busy=true]{cursor:progress}.membership-welcome{text-align:center;color:#58402e;justify-items:center;gap:12px;display:grid}.membership-welcome-cover img{border-radius:6px 12px 12px 6px;width:120px;height:auto;animation:.6s cubic-bezier(.2,.9,.3,1.3) both mwelcome;box-shadow:0 8px 18px #5a3a2040}@keyframes mwelcome{0%{opacity:0;transform:scale(.85)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.membership-welcome-cover img{animation:none}}.mform-settings{gap:6px;display:grid}:is(.immersive,.learning-room-3d) .book-preparation{box-sizing:border-box;overscroll-behavior:contain;border:var(--h-border-card) solid var(--h-navy-800);border-radius:var(--h-radius-frame);background:var(--h-cream-300);width:min(472px,100vw - 32px);height:500px;max-height:calc(100dvh - 32px);color:var(--h-ink);box-shadow:var(--h-inset-frame),var(--h-shadow-dialog);text-align:center;isolation:isolate;z-index:600;flex-direction:column;align-items:center;margin:0;padding:28px 34px;transition:opacity .16s,translate .18s;display:flex;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}main.immersive .book-preparation:not(.lesson-preparation)[data-popup-motion=open]{animation-name:pm-rise-solid}@keyframes pm-rise-solid{0%{translate:0 10px}}:is(.immersive,.learning-room-3d) .book-preparation:is([data-state=opening],[data-state=leaving]){opacity:0;pointer-events:none;translate:0 6px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{flex:0 0 175px;place-items:center;width:100%;min-height:175px;display:grid}:is(.immersive,.learning-room-3d) .book-preparation .preparation-title{object-fit:contain;width:min(250px,100%);height:175px;margin:0;display:block}:is(.immersive,.learning-room-3d) .book-preparation .preparation-arabic-title{color:#2c2a3e;overflow-wrap:anywhere;margin:0;font:600 32px/1.5 "Baloo Bhaijaan 2",sans-serif}:is(.immersive,.learning-room-3d) .book-preparation .preparation-corner{pointer-events:none;border-top:1px solid #b38b45;width:27px;height:27px;position:absolute;top:12px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-corner:after{content:"";border-top:1px solid #d2b273;position:absolute;inset:5px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-corner.corner-start{border-inline-start:1px solid #b38b45;inset-inline-start:12px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-corner.corner-end{border-inline-end:1px solid #b38b45;inset-inline-end:12px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status{box-sizing:border-box;flex-direction:column;flex:1 0 80px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:80px;padding-block:9px;display:flex}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status p{max-width:33ch;margin:0;font:400 15px/1.45 Andika,sans-serif}:is(.immersive,.learning-room-3d) .book-preparation .preparation-progress-slot{place-items:center;height:24px;display:grid}:is(.immersive,.learning-room-3d) .book-preparation .preparation-progress-slot .story-control-art{width:23px;height:24px}:is(.immersive,.learning-room-3d) .book-preparation .book-buffer-progress{width:min(180px,100%);height:7px;margin:0}:is(.immersive,.learning-room-3d) .book-preparation[data-state=error] .preparation-status p{color:#785039}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions{flex-direction:column;flex:none;align-items:center;gap:12px;width:100%;display:flex}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button{box-sizing:border-box;color:#2c2a3e;white-space:normal;cursor:pointer;background:linear-gradient(#fff6d9,#efe0b9);border:2px solid #b89758;border-radius:999px;justify-content:center;align-items:center;max-width:100%;transition:translate .18s,box-shadow .16s,opacity .16s;display:flex;box-shadow:inset 0 0 0 2px #fff9e9,inset 0 0 0 4px #d9bd7e,0 5px 9px #412d183d}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .read-button{gap:10px;width:250px;min-width:0;min-height:62px;padding:10px 22px;font:600 22px/1.25 Fredoka,sans-serif}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .read-button .story-control-art{flex:0 0 28px;width:28px;height:30px}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .preparation-back{width:180px;min-width:0;min-height:42px;padding:6px 12px;font:600 15px/1.25 Fredoka,sans-serif}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button:focus-visible{outline:var(--h-focus-width) solid var(--h-focus-color);outline-offset:5px}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button:disabled{opacity:1;filter:saturate(.4);color:var(--h-ink-disabled);cursor:default;translate:none;box-shadow:inset 0 0 0 2px #fff9e9,inset 0 0 0 4px #d9bd7e}html[lang=ar] :is(.immersive,.learning-room-3d) .book-preparation .preparation-status p{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:17px;line-height:1.45}html[lang=ar] :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button{font-family:"Baloo Bhaijaan 2",sans-serif}html[lang=ar] :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .read-button{font-size:21px}@media (min-width:701px){.immersive:not(.animal-reader) .reading-caption nav.reader-control-row{grid-template-columns:78px 1fr 236px 58px 1fr 78px}.immersive:not(.animal-reader) .reader-control-row button[data-control=previous],.immersive:not(.animal-reader) .reader-control-row button[data-control=next]{width:78px;min-width:78px;height:78px;padding:0}.immersive:not(.animal-reader) .reader-control-row .read-button{width:236px;min-width:236px;height:66px;padding:10px 34px;font-size:22px;font-weight:600}.immersive:not(.animal-reader) .reader-control-row button[data-control=replay]{width:58px;min-width:58px;height:58px}.immersive .story-settings.story-settings-tactile>summary{width:58px;height:58px}html[lang=ar] .immersive:not(.animal-reader) .reader-control-row .read-button{padding-inline:14px;font-size:21px}}@media (max-height:560px){:is(.immersive,.learning-room-3d) .book-preparation{height:auto;padding:20px 24px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{flex-basis:100px;min-height:100px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-title{height:100px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status{flex-basis:72px;min-height:72px}}@media (max-width:360px){:is(.immersive,.learning-room-3d) .book-preparation{padding-inline:20px}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .read-button{padding-inline:12px;font-size:20px}}@media (prefers-reduced-motion:reduce){:is(.immersive,.learning-room-3d) .book-preparation,:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button,.immersive:not(.animal-reader) .reader-control-row button{transition:none}:is(.immersive,.learning-room-3d) .book-preparation:is([data-state=opening],[data-state=leaving]),:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button:hover:not(:disabled),:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button:active:not(:disabled){translate:none}}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation{border:var(--h-border-card) solid var(--h-navy);border-radius:var(--h-radius-frame);background-color:var(--h-cream-300);width:min(460px,100vw - 32px);height:488px;box-shadow:inset 0 0 0 3px var(--h-cream-50), inset 0 0 0 4px var(--h-gold-400), var(--h-shadow-dialog);filter:none;border-image:;padding:30px 38px 28px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-corner{display:none}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-filigree{z-index:0;pointer-events:none;background:var(--h-filigree) center / contain no-repeat;width:66px;height:66px;position:absolute}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .filigree-top-start{top:6px;left:6px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .filigree-top-end{top:6px;right:6px;scale:-1 1}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .filigree-bottom-start{bottom:6px;left:6px;scale:1 -1}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .filigree-bottom-end{bottom:6px;right:6px;scale:-1}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation>:not(.preparation-filigree){z-index:1;position:relative}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{flex:0 0 158px;min-height:158px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-title{filter:drop-shadow(0 2px #fffaf0);width:min(290px,100%);height:158px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-arabic-title{color:var(--h-navy);font:700 34px/1.45 var(--h-font-arabic);text-wrap:balance}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-blurb{max-width:34ch;color:var(--h-ink);font:500 16px/1.45 var(--h-font-body);text-wrap:balance;margin:4px 0 0}:root.h-ui:lang(ar) :is(.immersive,.learning-room-3d) .book-preparation .preparation-blurb{font:500 18px/1.55 var(--h-font-arabic)}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-status{flex:1 0 86px;gap:6px;min-height:86px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-status p{color:var(--h-ink-muted);font-size:14px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-count{color:var(--h-ink-muted);font:600 12px/1.3 var(--h-font-body);letter-spacing:.02em;margin:0}:root.h-ui:lang(ar) :is(.immersive,.learning-room-3d) .book-preparation .preparation-count{font:600 13px/1.4 var(--h-font-arabic);letter-spacing:0}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .book-buffer-progress{border:2px solid var(--h-navy);background:#efe3c6;border-radius:999px;width:min(220px,100%);height:10px;box-shadow:inset 0 2px #1d264922}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .book-buffer-progress::-webkit-progress-bar{background:#efe3c6;border-radius:999px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .book-buffer-progress::-webkit-progress-value{background:linear-gradient(180deg, #f6d68a, var(--h-gold) 55%, var(--h-honey));border-radius:999px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .book-buffer-progress::-moz-progress-bar{background:linear-gradient(180deg, #f6d68a, var(--h-gold) 55%, var(--h-honey));border-radius:999px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-progress-slot{height:28px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-progress-slot .story-control-art{width:26px;height:26px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions{gap:12px}:root.h-ui:not(#h) :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .read-button{white-space:normal;width:264px;height:66px;min-height:66px;padding:0 24px;font-size:22px}:root.h-ui:not(#h) :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .read-button>.story-control-art{width:30px;height:30px}:root.h-ui:not(#h) :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .preparation-back{border-width:4px;width:auto;min-width:190px;height:46px;min-height:46px;padding:0 20px;font-size:16px}@media (max-height:560px){:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation{height:auto;padding:20px 26px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{flex-basis:96px;min-height:96px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-title{height:96px}}@media (max-width:440px){:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation{padding-inline:24px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-filigree{width:48px;height:48px}}:is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{justify-content:center;align-items:center;gap:18px;display:flex}:is(.immersive,.learning-room-3d) .book-preparation .preparation-heading .preparation-title{width:min(210px,52%);height:160px}.prep-book{perspective:700px;width:112px;height:150px;transform-style:preserve-3d;flex:0 0 112px;position:relative;rotate:-4deg}.prep-book-back{background:#3b2a52;border-radius:4px 8px 8px 4px;position:absolute;inset:4px -2px -2px 4px;box-shadow:0 10px 16px #2a1a3a55}.prep-book-leaf{transform-origin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(90deg,#efe2c4,#fffaf0 30%,#f6ead0);border-radius:2px 6px 6px 2px;position:absolute;inset:3px 2px 3px 4px;box-shadow:inset 1px 0 #d8c29a}.prep-book-cover{object-fit:cover;transform-origin:0;border-radius:3px 8px 8px 3px;width:100%;height:100%;position:absolute;inset:0;box-shadow:inset 3px 0 #0003,0 6px 12px #2a1a3a40}.prep-book.is-loading .prep-book-cover{animation:2.6s ease-in-out infinite prep-cover-breathe}.prep-book.is-loading .prep-book-leaf{animation:2.6s cubic-bezier(.45,.05,.4,1) infinite prep-leaf}.prep-book.is-loading .leaf-1{animation-delay:.22s}.prep-book.is-loading .leaf-2{animation-delay:.44s}@keyframes prep-cover-breathe{0%,to{transform:rotateY(-18deg)}50%{transform:rotateY(-42deg)}}@keyframes prep-leaf{0%,to{transform:rotateY(-6deg)}50%{transform:rotateY(-34deg)}}.prep-bytes{justify-items:center;gap:4px;width:100%;display:grid}.prep-bytes-track{background:#e7d6b2;border-radius:99px;width:min(260px,100%);height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #6b4a2040}.prep-bytes-track span{border-radius:inherit;background:linear-gradient(90deg,#f0b94a,#ffd978);height:100%;transition:width .35s;display:block}:is(.immersive,.learning-room-3d) .book-preparation .preparation-count{color:var(--h-ink-muted,#6b5a58);font-variant-numeric:tabular-nums;margin:0;font:600 13px/1.3 Andika,sans-serif}@media (prefers-reduced-motion:reduce){.prep-book.is-loading :is(.prep-book-cover,.prep-book-leaf){animation:none}}@media (max-height:560px){.prep-book{flex-basis:72px;width:72px;height:96px}}.premium-lock-chip{object-fit:contain;filter:drop-shadow(0 1px 2px #7a4a1066);vertical-align:-3px;display:inline-block}.immersive .book-chip img.chip-lock{width:20px;height:20px}.immersive .cover-lock img.premium-lock-chip{width:100%;height:100%}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status:has(.prep-bytes) .preparation-progress-slot:has(.book-buffer-progress){display:none}:is(.immersive,.learning-room-3d) .book-preparation{height:auto;min-height:500px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status{gap:8px}.learning-room-3d .book-preparation.lesson-preparation{z-index:60}.learning-room-3d .book-preparation .preparation-lesson-title{width:min(210px,52%);color:var(--h-navy,#2c2a3e);text-wrap:balance;gap:4px;margin:0;font:700 26px/1.2 Fredoka,sans-serif;display:grid}.learning-room-3d .book-preparation .preparation-lesson-title small{color:var(--h-ink-muted,#6b5a58);font:600 13px/1.3 Andika,sans-serif}.learning-room-3d:lang(ar) .book-preparation .preparation-lesson-title{font:700 28px/1.4 "Baloo Bhaijaan 2",sans-serif}.learning-room-3d:lang(ar) .book-preparation .preparation-lesson-title small{font:600 14px/1.4 "Baloo Bhaijaan 2",sans-serif}:is(.immersive,.learning-room-3d) .book-preparation{interpolate-size:allow-keywords;transition:opacity .16s,translate .18s,height .32s}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status{max-height:240px;transition:flex-basis .32s,min-height .32s,max-height .32s,padding .32s,opacity .18s}:is(.immersive,.learning-room-3d) .book-preparation:is([data-state=ready],[data-state=opening]){height:auto}:is(.immersive,.learning-room-3d) .book-preparation:is([data-state=ready],[data-state=opening]) .preparation-status{opacity:0;visibility:hidden;flex:0 0 0;min-height:0;max-height:0;margin:0;padding-block:0;overflow:hidden}:is(.immersive,.learning-room-3d) .book-preparation:is([data-state=ready],[data-state=opening]) .presentation-actions{margin-top:18px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-wonder{color:#6b5a86;min-height:1.45em;margin:2px 0 0;font:italic 400 14px/1.45 Andika,sans-serif;animation:2.6s both prep-wonder}:is(.immersive,.learning-room-3d) .book-preparation .preparation-wonder:lang(ar){font:500 15px/1.5 "Baloo Bhaijaan 2",sans-serif}@keyframes prep-wonder{0%{opacity:0;translate:0 4px}12%,88%{opacity:1;translate:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){:is(.immersive,.learning-room-3d) .book-preparation .preparation-wonder{animation:none}}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation{height:500px;min-height:0;padding-block:24px 22px;transition:opacity .16s,translate .18s,height .28s cubic-bezier(.22,1,.36,1)}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation[data-state=error],:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation:is([data-state=ready],[data-state=opening]){height:auto}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation .preparation-status{transition:flex-basis .28s cubic-bezier(.22,1,.36,1),min-height .28s cubic-bezier(.22,1,.36,1),max-height .28s cubic-bezier(.22,1,.36,1),padding .28s ease-out,opacity .16s ease-out}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation .preparation-blurb{margin-top:2px}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation:is([data-state=ready],[data-state=opening]) .preparation-status{opacity:0;visibility:hidden;flex:0 0 0;min-height:0;max-height:0;margin:0;padding-block:0;overflow:hidden}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions{gap:10px;transition:margin-top .28s cubic-bezier(.22,1,.36,1)}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation:is([data-state=ready],[data-state=opening]) .presentation-actions{margin-top:14px}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation[data-state=ready] .presentation-actions .read-button{animation:.42s cubic-bezier(.22,1,.36,1) .22s both prep-settle;position:relative;overflow:hidden}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation[data-state=ready] .presentation-actions .read-button:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff8 50%,#0000 65%);animation:.7s ease-out .3s both prep-gleam;position:absolute;inset:0;translate:-120%}@keyframes prep-settle{0%{scale:1}45%{scale:1.045}to{scale:1}}@keyframes prep-gleam{to{translate:120%}}@media (max-height:560px){:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation{height:auto}}@media (prefers-reduced-motion:reduce){:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation,:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation .preparation-status,:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions{transition:none}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation[data-state=ready] .presentation-actions .read-button,:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation[data-state=ready] .presentation-actions .read-button:after{animation:none}}.learning-room-3d .book-preparation.lesson-preparation .preparation-heading{text-align:center;justify-content:center}.learning-room-3d .book-preparation.lesson-preparation .preparation-lesson-title{text-align:center;justify-items:center;gap:8px;width:min(520px,92%);font-size:38px;line-height:1.15}.learning-room-3d .book-preparation.lesson-preparation .preparation-lesson-title small{font-size:16px}.learning-room-3d:lang(ar) .book-preparation.lesson-preparation .preparation-lesson-title{font-size:42px;line-height:1.3}.learning-room-3d:lang(ar) .book-preparation.lesson-preparation .preparation-lesson-title small{font-size:17px}