.play-celebration{--pc-spring: cubic-bezier(.34,1.56,.64,1);--pc-settle: cubic-bezier(.22,1,.36,1);--pc-ribbon-w: min(78vw, 360px);--pc-hero-w: clamp(96px, 26vw, 150px);--pc-life: 1.3s;position:fixed;inset:0;z-index:1900;pointer-events:none;display:grid;justify-items:center;align-content:start;padding-block-start:max(14vh,calc(env(safe-area-inset-top,0px) + 72px));animation:pc-life var(--pc-life) linear both}.play-celebration[data-variant=ending]{--pc-life: 2.6s;align-content:center;padding-block-start:0;row-gap:8px}@keyframes pc-life{0%,88%{opacity:1}to{opacity:0}}.pc-burst{position:absolute;inset-inline:0;top:max(8vh,40px);display:grid;place-items:center}.play-celebration[data-variant=ending] .pc-burst{inset:0}.pc-fx{grid-area:1 / 1;width:min(64vw,300px);height:auto;opacity:0;animation:pc-burst .9s var(--pc-settle) both}.play-celebration[data-variant=answer] .pc-fx{width:min(46vw,200px)}.pc-fx-1{animation-delay:90ms;width:min(52vw,240px)}.pc-fx-2{animation-delay:.18s;width:min(40vw,190px)}@keyframes pc-burst{0%{opacity:0;transform:scale(.35) rotate(-8deg)}30%{opacity:1;transform:scale(1.06) rotate(0)}to{opacity:0;transform:scale(1.18) rotate(4deg)}}.pc-ribbon{position:relative;width:var(--pc-ribbon-w);display:grid;place-items:center;animation:pc-ribbon .3s var(--pc-spring) both;filter:drop-shadow(0 6px 10px #3a2a1e40)}.pc-ribbon img{grid-area:1 / 1;width:100%;height:auto}.pc-ribbon-text{grid-area:1 / 1;align-self:start;margin-block-start:11%;max-width:64%;text-align:center;color:#3d2616;font:700 clamp(16px,4.6vw,22px)/1.15 var(--font-display);text-wrap:balance}.pc-ribbon-text:lang(ar){font-family:var(--font-body-ar);line-height:1.3}@keyframes pc-ribbon{0%{opacity:0;transform:translateY(-24px) scale(.86)}to{opacity:1;transform:none}}.pc-hero-row{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:8px}.pc-hero{width:var(--pc-hero-w);height:auto;transform-origin:50% 100%;filter:drop-shadow(0 8px 10px #3a2a1e3d);animation:pc-hero-in .15s linear both,pc-hop .62s cubic-bezier(.65,0,.35,1) .22s both}.play-celebration[dir=rtl] .pc-hero{scale:-1 1}@keyframes pc-hero-in{0%{opacity:0}to{opacity:1}}@keyframes pc-hop{0%{transform:translateY(0)}45%{transform:translateY(-7%)}80%{transform:translateY(0) scaleY(.985)}to{transform:none}}.pc-stamp{margin:0;display:grid;justify-items:center;gap:4px;max-width:150px;animation:pc-stamp .28s var(--pc-spring) .36s both}.pc-stamp img{width:clamp(78px,22vw,112px);height:auto;filter:drop-shadow(0 5px 8px #3a2a1e47)}.pc-stamp figcaption{padding:4px 10px;border-radius:999px;background:#fffaf0;color:#3d2616;box-shadow:0 0 0 2px #e6c98a;font:600 14px/1.3 var(--font-body);text-align:center}.pc-stamp figcaption:lang(ar){font:600 15px/1.45 var(--font-display-ar)}@keyframes pc-stamp{0%{opacity:0;transform:scale(1.6) rotate(-14deg)}to{opacity:1;transform:rotate(-4deg)}}.play-celebration[dir=rtl] .pc-stamp{animation-name:pc-stamp-rtl}@keyframes pc-stamp-rtl{0%{opacity:0;transform:scale(1.6) rotate(14deg)}to{opacity:1;transform:rotate(4deg)}}@media(min-width:900px){.play-celebration[data-variant=answer]{padding-block-start:96px}.play-celebration{--pc-hero-w: 160px}}@media(prefers-reduced-motion:reduce){.play-celebration .pc-ribbon,.play-celebration[dir] .pc-stamp,.play-celebration .pc-hero{animation:pc-fade .15s linear both}}@keyframes pc-fade{0%{opacity:0}to{opacity:1}}.soon-backdrop{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 45%,#2a1a0a55,#1a0f06a6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:soon-fade .22s ease-out both}.soon-backdrop[data-popup-motion=closing]{animation:soon-fade .18s ease-in reverse both}.soon-card{position:relative;box-sizing:border-box;width:min(780px,100%);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;border-radius:28px;overflow:hidden;animation:soon-pop .3s cubic-bezier(.2,.9,.3,1.15) both}.soon-art{position:relative;align-self:stretch;min-height:400px;margin:10px;margin-inline-end:0;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:#1d2649 url(/art/ui/coming-soon-bg.webp) center/cover;box-shadow:inset 0 0 0 3px #c79a5b,inset 0 0 40px #0b1230}.soon-glow{position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(circle,#ffe9a899 0,#ffe9a800 66%);animation:soon-breathe 3s ease-in-out infinite}.soon-book{position:relative;margin-top:70px;width:58%;aspect-ratio:4/5;border-radius:6px 14px 14px 6px;overflow:hidden;transform:perspective(900px) rotateY(-14deg) rotate(-2deg);box-shadow:-10px 0 0 -4px #6b4426,-12px 2px 0 -4px #f3e7cf,18px 22px 30px #0008;animation:soon-fly .3s cubic-bezier(.2,.8,.25,1.1) both,soon-float 3.4s ease-in-out .3s infinite}[dir=rtl] .soon-book{transform:perspective(900px) rotateY(14deg) rotate(2deg)}.soon-book img{width:100%;height:100%;object-fit:cover;display:block}.soon-book:before{content:"";position:absolute;inset:0 auto 0 0;width:9%;background:linear-gradient(90deg,#0006,#0000);z-index:1}.soon-body{padding:36px 36px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.soon-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:999px;background:#fff4d6;box-shadow:inset 0 0 0 2px #e6c98a;font-size:14px;font-weight:800;color:#8a5a1c}.soon-title{margin:0;width:100%;font-size:28px;line-height:1.2;color:#1d2649}.soon-title-art{display:block;width:min(100%,360px);max-height:150px;object-fit:contain;object-position:left center}[dir=rtl] .soon-title-art{object-position:right center}.soon-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.soon-blurb{margin:0;font-size:18px;font-weight:700;line-height:1.45;color:#3a2414}.soon-text{margin:0;font-size:16px;line-height:1.55;color:#5b4630}.soon-actions{display:flex;width:100%;margin-top:6px}.soon-actions>*{flex:1;gap:10px;font-weight:800}.soon-btn-icon{width:32px;height:32px;object-fit:contain}:root:not(#hr1):not(#hr2):not(#hr3) .soon-card button.soon-primary:after{content:"";position:absolute;inset:7px;z-index:-1;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,#fbe39e,#eec46c 55%,#dca24a);box-shadow:inset 0 2px #fff4cf,inset 0 -3px #c98b35}.soon-note{margin:0;align-self:center;font-size:14px;color:#6b5a44}.soon-close{position:absolute;z-index:2;top:14px;inset-inline-end:14px}@keyframes soon-fade{0%{opacity:0}to{opacity:1}}@keyframes soon-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes soon-breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes soon-float{0%,to{translate:0 0}50%{translate:0 -6px}}@media(max-width:640px){.soon-card{grid-template-columns:1fr;max-height:calc(100dvh - 32px);overflow-y:auto}.soon-art{min-height:220px;margin:10px}.soon-book{width:40%}.soon-body{padding:20px}}@media(prefers-reduced-motion:reduce){.soon-backdrop,.soon-card,.soon-glow,.soon-book{animation:none}}@keyframes soon-fly{0%{translate:var(--fly-x,0) var(--fly-y,40px);scale:.35;opacity:.2;rotate:-12deg}60%{opacity:1}to{translate:0 0;scale:1;opacity:1;rotate:0deg}}.soon-sign{position:absolute;top:-6px;left:50%;width:62%;translate:-50% 0;transform-origin:50% 6%;animation:soon-drop .6s cubic-bezier(.3,1.4,.5,1) .45s both,soon-swing 3.6s ease-in-out 1.1s infinite;z-index:2;filter:drop-shadow(0 8px 10px #0007)}.soon-sign img{display:block;width:100%}.soon-sign b{position:absolute;left:12%;right:12%;top:63%;translate:0 -50%;text-align:center;font-size:clamp(18px,2.3vw,26px);font-weight:900;color:#5a3414;text-shadow:0 1px 0 #fff6de;line-height:1.1}@keyframes soon-drop{0%{translate:-50% -120%}to{translate:-50% 0}}@keyframes soon-swing{0%,to{rotate:-3deg}50%{rotate:3deg}}@media(prefers-reduced-motion:reduce){.soon-sign{animation:none}}.soon-sign{width:48%!important;top:-4px!important}.soon-book{margin-top:150px!important;width:50%!important}.soon-sign b{top:70%!important;font-size:clamp(15px,1.8vw,21px)!important}.soon-sign{width:66%!important;top:6px!important}.soon-sign b{display:none}.soon-book{margin-top:120px!important;width:52%!important}.soon-book{animation:soon-float 3.4s ease-in-out .9s infinite!important}.soon-card,.soon-art{overflow:visible!important}.soon-book{z-index:5}.soon-card{animation-name:soon-fade!important}.soon-book,[dir=rtl] .soon-book{transform:none!important;border-radius:4px 10px 10px 4px!important;box-shadow:0 18px 30px #0008,0 0 0 2px #fff3!important}.soon-book:before{width:5%!important}.soon-card.is-learn .soon-art{background-image:url(/art/ui/coming-soon-bg-learn.webp);background-color:#6d1420}.soon-backdrop.is-returning{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .5s ease,backdrop-filter .5s ease}.soon-backdrop.is-returning .soon-card{background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:all .4s ease}.soon-backdrop.is-returning .soon-card>*:not(.soon-art),.soon-backdrop.is-returning .soon-sign,.soon-backdrop.is-returning .soon-glow{opacity:0;transition:opacity .25s ease}.soon-backdrop.is-returning .soon-art{background:transparent!important;box-shadow:none!important;transition:all .35s ease}.soon-backdrop{transition:background .3s ease}.soon-book-title{position:absolute;z-index:2;transition:none}.soon-title-art{opacity:0}.soon-backdrop.is-returning .soon-body{opacity:1!important}.soon-backdrop.is-returning .soon-body>*:not(.soon-title){opacity:0;transition:opacity .2s}.soon-title:focus,.soon-title:focus-visible{outline:none}.soon-body{position:relative;z-index:6}.soon-title-art{position:relative;z-index:7}.soon-title-art{height:auto!important;max-height:none!important;object-fit:fill!important;width:min(100%,320px)!important;transition:none!important;will-change:translate,scale;transform-origin:50% 50%;backface-visibility:hidden}.soon-book{will-change:translate,scale;backface-visibility:hidden}.soon-actions{justify-content:center}.soon-primary{transition:max-width .28s cubic-bezier(.4,0,.2,1),padding .28s ease,color .15s ease;max-width:100%}.soon-primary.is-collapsing{max-width:66px!important;min-width:66px!important;padding:0!important;color:transparent!important;flex:0 0 66px!important;overflow:hidden}.soon-primary.is-collapsing>*{opacity:0}.soon-primary.is-collapsing:before{content:""!important;display:block!important;position:absolute;inset:0;margin:auto;width:26px;height:26px;border-radius:50%;border:3.5px solid #8a5a1c33;border-top-color:#8a5a1c;animation:soon-spin .7s linear infinite;z-index:2;background:none!important}@keyframes soon-spin{to{rotate:360deg}}.soon-book-title{max-width:none;filter:drop-shadow(0 2px 1px #fff3d766)}.soon-book,[dir=rtl] .soon-book{border-radius:3px 6px 6px 3px!important;box-shadow:0 14px 26px #0007!important}.soon-book img:first-child{object-fit:cover}@media(prefers-reduced-motion:reduce){.soon-title-art{opacity:1}.soon-book-title{opacity:0}}.soon-close:focus-visible{outline:3px solid #d99a22!important;outline-offset:2px}.soon-close:focus:not(:focus-visible){outline:none!important}@media(max-width:640px){.soon-card .soon-art{min-height:0;padding:20px 0 24px;overflow:hidden!important}.soon-card .soon-sign{display:none}.soon-card .soon-book{margin-top:0!important;width:38%!important}.soon-card .soon-title-art{width:min(100%,250px)!important}.soon-card .soon-body{padding:16px 20px 20px}}.soon-backdrop{box-sizing:border-box;overflow-y:auto;overflow-x:hidden;align-items:safe center;overscroll-behavior:contain;padding-block:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-bottom,0px))}.soon-backdrop .soon-card{max-height:none}.membership-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:22px;background:#211a36bd;box-sizing:border-box;color:var(--h-text-heading, #3d2616);font-family:var(--font-body)}.membership-overlay *{box-sizing:border-box}.membership-dialog{position:relative;isolation:isolate;width:min(560px,100%);max-height:calc(100vh - 44px);max-height:calc(100dvh - 44px);overflow:auto;overscroll-behavior:contain;border:var(--h-border-card) solid var(--h-navy-800);border-radius:var(--h-radius-frame);padding:23px 30px 18px;background:var(--h-cream-300);box-shadow:var(--h-inset-frame),var(--h-shadow-dialog);scrollbar-color:#b59876 #f7e8cc}.membership-close{position:absolute;top:var(--h-close-inset);inset-inline-end:var(--h-close-inset);z-index:2;width:var(--h-close-size);height:var(--h-close-size);padding:0;display:grid;place-items:center;color:var(--h-ink);border:var(--h-border) solid var(--h-gold-500);border-radius:50%;background:var(--h-cream-200);box-shadow:inset 0 0 0 2px var(--h-cream-100),var(--h-ledge-pressed);cursor:pointer}.membership-brand{display:grid;justify-items:center;gap:1px;padding:0 32px 15px}.membership-brand img{display:block;width:var(--h-logo-dialog);height:auto;aspect-ratio:var(--h-logo-ratio);margin-block:var(--h-space-1);object-fit:contain}.membership-brand>span{font-size:11px;color:#705964}.membership-layout{display:flex;flex-direction:column;gap:21px}.membership-story{display:flex;justify-content:center;align-items:center;gap:23px;padding:14px 10px 21px;border-bottom:1px solid #d7bd98;box-shadow:0 1px #fffbed}.membership-cover{flex:0 0 120px;width:120px;aspect-ratio:4/5;position:relative;border-radius:2px 5px 5px 2px;background:#f5e8ca;border:1px solid #9a8067;box-shadow:-4px 1px #9a806c,0 -3px #fff9e3,1px -5px #c0a487,2px 4px #3b4a82,7px 9px 9px #66472f2e}.membership-cover>svg{display:block;width:100%;height:100%;border-radius:inherit}.membership-cover-title{position:absolute;top:4%;left:5%;width:90%;height:34%;object-fit:contain;object-position:center top}.membership-cover-lettering{position:absolute;top:5%;left:7%;right:7%;text-align:center;text-wrap:balance;color:var(--h-text-heading, #3d2616);font:500 15px/1.1 var(--font-display);text-shadow:0 1px 2px #fff5de;background:linear-gradient(#fff3dada,#fff3da55 80%,transparent);padding:3px 2px 8px}.membership-cover-lettering small{display:block;font-size:9px;letter-spacing:.04em;margin-bottom:3px}.membership-story-caption{min-width:0;overflow-wrap:anywhere;max-width:230px}.membership-ribbon{color:#84623f;font-size:11px}.membership-story h3{margin:7px 0 10px;text-wrap:balance;font:500 24px/1.12 var(--font-display);color:var(--h-text-heading, #3d2616)}.membership-story p{display:flex;align-items:center;gap:5px;font-size:11px;color:#796456;margin:0}.membership-main h2{font:500 clamp(24px,5vw,29px)/1.15 var(--font-display);text-align:center;text-wrap:balance;margin:0 0 10px;color:var(--h-text-heading, #3d2616)}.membership-intro{font-size:12px;line-height:1.65;color:#715d5e;text-align:center;margin:0 auto 17px;max-width:390px}.membership-plans{display:grid;grid-template-columns:1fr;gap:9px;border:0;padding:0;margin:14px 0;min-width:0}.membership-plans legend{text-align:center;width:100%;font-size:12px;color:#74595b;padding:0 0 9px}.membership-plan{display:flex;align-items:center;gap:12px;padding:13px 16px;border:2px solid #cab08d;border-radius:11px;background:linear-gradient(100deg,#fff9e9,#f4e1bf);box-shadow:inset 0 2px #fffff1,0 2px #b89a78}.membership-plan.is-selected{border-color:#3b4a82;background:linear-gradient(100deg,#fff4e9,#ecdfed);box-shadow:inset 0 2px #fffaf2,0 2px #3b4a82}.membership-plan input{margin:0;flex:none;accent-color:#3b4a82;width:17px;height:17px}.membership-plan>span{flex:1;display:flex;align-items:baseline;justify-content:space-between;gap:5px 15px;flex-wrap:wrap;min-width:0}.membership-plan strong{font:500 19px var(--font-display);color:var(--h-text-heading, #3d2616)}.membership-plan span span,.membership-plan small{font-size:12px;line-height:1.5;color:#745c54}.membership-plan small{flex-basis:100%}.membership-soon{padding:10px 6px;margin:12px 0;font-size:12px;line-height:1.6;text-align:center;color:#765e52}.membership-soon strong{display:block;color:var(--h-text-heading, #3d2616);font:500 17px var(--font-display)}.membership-soon p{margin:5px 0 0}.membership-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 17px;font:500 17px var(--font-display);color:#58402e;text-align:center;border:2px solid #b58a50;border-radius:999px;background:linear-gradient(180deg,#fff6d9,#efe0b9);box-shadow:inset 0 2px #fff9d7,inset 0 -2px #dbad62,0 4px #9b7248,0 6px 8px #88614226;cursor:pointer;text-decoration:none}.membership-primary:disabled{color:var(--h-ink-disabled);border-color:#c3ac90;background:linear-gradient(#f0e6d3,#e1cfb4);box-shadow:inset 0 2px #fff8e7,0 3px #b69e82;cursor:not-allowed}.membership-link,.membership-back{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--h-text-body, #5a3c26);font:500 14px var(--font-display);padding:12px 5px;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.membership-link{width:100%;margin-top:4px}.membership-link:disabled,.membership-back:disabled{color:var(--h-ink-disabled);text-decoration:none;cursor:not-allowed}.membership-close:active,.membership-primary:not(:disabled):active{transform:translateY(2px)}.membership-note,.membership-account{font-size:12px;line-height:1.6;text-align:center;overflow-wrap:anywhere}.membership-signin{text-align:center}.membership-signin h3{font:500 22px var(--font-display)}.membership-signin>p{font-size:13px;line-height:1.65}.membership-error{border:1px solid #c28b70;background:#fbe7d9;color:#823f35;padding:11px;border-radius:9px;font-size:13px;overflow-wrap:anywhere}.membership-notice{border:1px solid #b4b58a;background:#f0efd5;color:#536039;padding:11px;border-radius:9px;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{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:19px 19px 14px;border-radius:8px}.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{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.membership-lock{width:20px;height:22px}.membership-cover .membership-cover-title{top:4%;left:8%;width:84%;height:31%;object-fit:contain;object-position:center top}.membership-overlay .membership-primary{min-height:62px;line-height:1.35;overflow-wrap:anywhere}.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:var(--font-body-ar);line-height:1.45}@media(max-width:350px){.membership-overlay .membership-story{flex-direction:column;gap:14px;text-align:center}.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{padding:24px;background:radial-gradient(ellipse at 50% 40%,#26315fb3,#141a33e0 72%)}:root.h-ui .membership-overlay.is-calm .membership-dialog{width:min(720px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:30px 40px 26px;border:var(--h-border-card) solid var(--h-navy);border-radius:var(--h-radius-frame);background-color:var(--h-cream-300);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}:root.h-ui .membership-overlay.is-calm .membership-filigree{position:absolute;z-index:0;width:62px;height:62px;pointer-events:none;background:var(--h-filigree) center / contain no-repeat}: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 -1}:root.h-ui .membership-overlay.is-calm .membership-body{position:relative;z-index:1}:root.h-ui .membership-overlay.is-calm .membership-close{top:14px;inset-inline-end:14px;z-index:3;width:var(--h-close-size);height:var(--h-close-size)}: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{display:grid;justify-items:center;gap:2px;padding:0 48px 18px;text-align:center}: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(--font-body);letter-spacing:.02em}:root.h-ui .membership-overlay.is-calm .membership-brand h2{margin:4px 0 0;color:var(--h-navy);font:800 28px/1.2 var(--font-display);text-wrap:balance}: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(--font-display-ar)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-kicker{font:600 15px/1.5 var(--font-display-ar);letter-spacing:0}:root.h-ui .membership-overlay.is-calm .membership-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:start}:root.h-ui .membership-overlay.is-calm .membership-story{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;border:0;box-shadow:none;text-align:center}: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{position:absolute;inset:-12px -12px auto auto;z-index:3;width:46px;height:46px;padding:6px;border:3px solid var(--h-navy);border-radius:50%;background:var(--v3-face-round, var(--h-face-round));box-shadow:0 3px 0 var(--h-midnight),0 6px 10px #141a3355;object-fit:contain;transform:none;opacity:1}:root.h-ui .membership-overlay.is-calm .membership-story h3{margin:0;color:var(--h-ink);font:800 18px/1.25 var(--font-display);text-wrap:balance}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-story h3{font:700 19px/1.45 var(--font-display-ar)}:root.h-ui .membership-overlay.is-calm .membership-story p{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:4px 0 0;color:var(--h-ink-muted);font:600 12px/1.4 var(--font-body)}:root.h-ui .membership-overlay.is-calm .membership-lock{width:16px;height:16px}:root.h-ui .membership-overlay.is-calm .membership-main{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}:root.h-ui .membership-overlay.is-calm .membership-intro{margin:0;max-width:none;color:var(--h-ink);font:400 15px/1.5 var(--font-body);text-align:start}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-intro{font:400 17px/1.6 var(--font-body-ar)}:root.h-ui .membership-overlay.is-calm .membership-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0;min-width:0}:root.h-ui .membership-overlay.is-calm .membership-plans legend{float:left;width:100%;padding:0 0 8px;color:var(--h-ink-muted);font:600 12px/1.4 var(--font-body);text-align:start}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-plans legend{font:600 14px/1.5 var(--font-display-ar)}:root.h-ui .membership-overlay.is-calm .membership-plan{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 14px 12px 16px;border:2px solid var(--h-navy);border-radius:14px;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}:root.h-ui .membership-overlay.is-calm .membership-plan input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}:root.h-ui .membership-overlay.is-calm .membership-plan-copy{order:1;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}:root.h-ui .membership-overlay.is-calm .membership-plan-copy strong{color:var(--h-ink);font:700 19px/1.2 var(--font-display)}:root.h-ui .membership-overlay.is-calm .membership-plan-copy>span{color:var(--h-ink-muted);font:600 13px/1.35 var(--font-body)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-plan-copy strong{font:700 19px/1.4 var(--font-display-ar)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-plan-copy>span{font:600 15px/1.45 var(--font-display-ar)}:root.h-ui .membership-overlay.is-calm .membership-plan-radio{order:2;flex:none;width:24px;height:24px;border:2px solid var(--h-navy);border-radius:50%;background:#fffaf0;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{border-color:#8d8778;background:transparent;box-shadow:none}: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{margin:0;padding:0;border:0;background:none;color:var(--h-ink-muted);font:400 14px/1.5 var(--font-body);text-align:start}:root.h-ui .membership-overlay.is-calm .membership-soon strong{display:inline;color:var(--h-navy);font:700 15px/1.5 var(--font-display)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-soon{font:400 16px/1.6 var(--font-body-ar)}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-soon strong{font:700 16px/1.6 var(--font-display-ar)}:root.h-ui .membership-overlay.is-calm .membership-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;color:var(--h-ink-muted);font:600 14px/1.5 var(--font-body)}:root.h-ui .membership-overlay.is-calm .membership-spinner{display:inline-grid;place-items:center;width:36px;height:36px}: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{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:140px;text-align:center}:root.h-ui .membership-overlay.is-calm .membership-load-error p{margin:0;color:var(--h-coral-700);font:600 14px/1.5 var(--font-body)}:root.h-ui .membership-overlay.is-calm .membership-retry{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border:var(--h-ring-close) solid transparent;border-radius:var(--h-radius-pill);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(--font-display);cursor:pointer}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-retry{font-family:var(--font-body-ar)}: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{display:flex;align-items:center;justify-content:center;width:100%;min-height:62px;margin:2px 0 0;padding:8px 22px;border:var(--h-ring-pill) solid transparent;border-radius:var(--h-radius-pill);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(--font-display);text-decoration:none;text-shadow:0 1px 0 #fff3cf99;cursor:pointer}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-primary{font-family:var(--font-body-ar)}: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{margin:0;color:var(--h-ink-muted);font:400 12px/1.5 var(--font-body);text-align:center}:root.h-ui .membership-overlay.is-calm[lang=ar] .membership-parents-note{font:400 14px/1.6 var(--font-body-ar)}:root.h-ui .membership-overlay.is-calm :is(.membership-link,.membership-back){align-self:center;min-height:var(--h-target);margin:0;padding:0 10px;border:0;background:none;box-shadow:none;color:var(--h-sky-700);font:600 14px/1.3 var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}:root.h-ui .membership-overlay.is-calm[lang=ar] :is(.membership-link,.membership-back){font:600 16px/1.5 var(--font-display-ar)}:root.h-ui .membership-overlay.is-calm :is(.membership-link,.membership-back):disabled{color:var(--h-ink-disabled);text-decoration:none;cursor:default}:root.h-ui .membership-overlay.is-calm .membership-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px}:root.h-ui .membership-overlay.is-calm .membership-back-arrow{width:18px;height:18px}:root.h-ui .membership-overlay.is-calm .membership-account{margin:0;color:var(--h-ink-muted);font-size:13px}:root.h-ui .membership-overlay.is-calm .membership-signin h3{margin:0 0 6px;color:var(--h-navy)}:root.h-ui .membership-overlay.is-calm.is-preview{position:relative;inset:auto;z-index:0;min-height:680px;padding:24px}: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 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{flex-direction:row;justify-content:center;text-align:start}: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;top:-9px;right:-9px;padding:4px}: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{animation:none}: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);border-radius:50%;background:var(--h-cream-200);box-shadow:inset 0 0 0 2px var(--h-cream-100),var(--h-ledge-pressed)}: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{width:min(780px,100%);padding:26px 34px 16px;background:radial-gradient(120% 80% at 50% 0%,#fffaf0,#fbf0d8 55%,#f3e2c0)}.membership-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.membership-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding-inline-end:44px}.membership-medallion{width:96px;height:104px;display:grid;place-items:center;background:none;border-radius:0;box-shadow:none}.membership-medallion img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 8px #5a3a1a4d);animation:membership-lock-sparkle 3.2s ease-in-out infinite;transform-origin:50% 90%}@keyframes membership-lock-sparkle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg) translateY(-2px)}}.membership-hero-copy{display:grid;gap:4px;text-align:start}.membership-hero .membership-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9a6a2c;font-weight:700}.membership-overlay[dir=rtl] .membership-hero .membership-kicker{letter-spacing:0;text-transform:none;font-size:14px}.membership-hero h2{margin:0;font-family:var(--font-display);font-size:34px;line-height:1.05;color:#2a2140}.membership-hero .membership-intro{margin:2px 0 0;font-size:15px;line-height:1.4;color:#4a4258}.membership-divider{display:flex;align-items:center;gap:10px;margin:12px 0 4px;color:#d6a340}.membership-divider:before,.membership-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#d9b77c,transparent)}.membership-divider svg,.membership-divider img{width:18px;height:18px}.membership-overlay .membership-main{display:grid;justify-items:center;gap:10px}.membership-overlay .membership-signs{position:relative;border:0;margin:0;padding:30px 8px 22px;min-width:0;width:100%;display:flex;justify-content:center;gap:34px;flex-wrap:wrap}.membership-overlay .membership-sign{position:relative;display:block;width:min(250px,100%);padding:0;border:0;background:none;cursor:pointer;transform-origin:50% -26px;transition:transform .35s cubic-bezier(.3,1.4,.5,1),filter .25s;animation:membership-sign-sway 5s ease-in-out infinite}.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{position:absolute;opacity:0;inset:0;margin:0;cursor:inherit;z-index:3}.membership-overlay .sign-rope{position:absolute;left:50%;top:-30px;width:150px;height:44px;translate:-50% 0;pointer-events:none;background:radial-gradient(circle at 50% 7px,#f4d98a 0 5px,#9c6b22 6px 8px,transparent 9px),linear-gradient(to bottom right,transparent calc(50% - 2px),#b88a4e calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px)) left / 50% 100% no-repeat,linear-gradient(to bottom left,transparent calc(50% - 2px),#b88a4e calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px)) right / 50% 100% no-repeat}.membership-overlay .sign-board{position:relative;display:grid;overflow:hidden;border-radius:26px 26px 18px 18px;border:7px solid #c89556;background:repeating-linear-gradient(90deg,#0000 0 22px,#0000000d 22px 24px),linear-gradient(180deg,#8a5a32,#6e4526);box-shadow:inset 0 0 0 2px #f1cd8f,inset 0 3px 10px #0005,0 10px 18px #3a24104d;color:#fff6e0;text-align:center}.membership-overlay .sign-art{display:block;height:86px;background:url(/art/ui/membership-header-v1.webp) center / 220% auto no-repeat;border-bottom:3px solid #e7b86a;box-shadow:inset 0 -10px 16px #0b103040}.membership-overlay .sign-copy{display:grid;justify-items:center;gap:3px;padding:10px 14px 16px}.membership-overlay .sign-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f1c878;font-weight:700}.membership-overlay[dir=rtl] .sign-kicker{letter-spacing:0;font-size:13px}.membership-overlay .sign-copy strong{font-family:var(--font-display);font-size:30px;line-height:1.1;color:#fffaf0;text-shadow:0 2px 0 #3d2412}.membership-overlay .sign-price{font-family:var(--font-display);font-size:26px;font-weight:700;color:#ffd466;text-shadow:0 2px 0 #5a3310}.membership-overlay .sign-interval,.membership-overlay .sign-unavailable{font-size:13px;color:#f5dfb5}.membership-overlay .sign-features{display:grid;gap:2px;margin-top:6px;font-size:14px;color:#fbeccc}.membership-overlay .sign-features span:before{content:"✦ ";color:#f1c14f}.membership-overlay .sign-check{position:absolute;top:94px;inset-inline-end:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffd466;color:#5a3310;box-shadow:0 2px #9c6b22;scale:0;transition:scale .25s cubic-bezier(.3,1.6,.5,1)}.membership-overlay .sign-check svg,.membership-overlay .sign-check img{width:18px;height:18px}.membership-overlay .membership-sign.is-selected{transform:translateY(-6px) scale(1.03);animation-play-state:paused}.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:3px solid #2d5bd7;outline-offset:3px}.membership-overlay .membership-plank{position:absolute;left:4%;right:4%;bottom:4px;height:16px;border-radius:4px;background:linear-gradient(180deg,#d9a768,#a8733e 70%,#7c5028);box-shadow:0 6px 10px #3a241040;pointer-events:none}.membership-overlay .membership-primary{min-width:280px}.membership-overlay .membership-footnote{margin:12px 0 0;text-align:center;font-size:12px;color:#7a6a58}@media(max-width:620px){.membership-hero{grid-template-columns:1fr;justify-items:center;text-align: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:has(input:disabled),.membership-overlay .membership-sign.is-selected{background:none;box-shadow:none;border:0;color:inherit;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{font-size:14px;color:#fbeccc}.membership-overlay .sign-copy>span.sign-interval{font-size:13px;color:#f5dfb5}.membership-overlay .sign-copy>span.sign-price{font-size:26px;color:#ffd466;line-height:1.1}.membership-overlay .membership-sign small{flex-basis:auto}.membership-overlay .sign-copy>small.sign-kicker{font-size:11px;color:#f1c878}:root.h-ui .membership-overlay .membership-dialog{overflow:visible!important}:root.h-ui .membership-overlay .membership-body{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}.mform{display:grid;gap:12px;text-align:start}.mform-field{display:grid;gap:5px}.mform-field label,.mform-consent{font:500 15px var(--font-display);color:#58402e}.mform-q{display:inline-block;margin-inline-start:6px;padding:1px 10px;border-radius:999px;background:#f6e7bd;border:1px solid #d8b56f;font-weight:600}.mform-field input{min-height:46px;padding:10px 14px;border-radius:14px;border:2px solid #d4b47c;background:#fffaf0;color:#4a3526;font:400 16px var(--font-display);box-shadow:inset 0 2px 3px #b58a5026;transition:border-color .15s,box-shadow .15s}.mform-field input::placeholder{color:#a88c6c}.mform-field input:focus-visible{outline:none;border-color:#c48b2c;box-shadow:0 0 0 4px #f2c76a66,inset 0 2px 3px #b58a5026}.mform-field.is-invalid input{border-color:#c2553d;background:#fff4ef}.mform-gate input{max-width:140px;text-align:center;font-size:19px}.mform-consent{border:0;margin:0;padding:0;display:grid;gap:6px}.mform-check{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;line-height:1.35}.mform-check input{position:absolute;opacity:0;width:24px;height:24px;margin:0;cursor:pointer}.mform-box{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:2px solid #b58a50;background:#fffaf0}.mform-box svg,.mform-box img{width:16px;height:16px;opacity:0;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-decoration:underline;text-underline-offset:3px}.mform-error{display:flex;align-items:center;gap:6px;margin:0;color:#a3371f;font:500 14px var(--font-display)}.mform-error svg,.mform-error img{width:14px;height:14px;flex:none}.mform-summary{margin:0;padding:8px 12px;border-radius:12px;background:#fde6dc;color:#8f2e18;font:500 14px var(--font-display)}.mform-soon{display:flex;align-items:center;gap:8px;margin:0;color:#6d5541;font-size:14px}.mform-soon-tag{padding:2px 9px;border-radius:999px;background:#e7dcc4;color:#58402e;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}[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{display:grid;justify-items:center;gap:12px;text-align:center;color:#58402e}.membership-welcome-cover img{width:120px;height:auto;border-radius:6px 12px 12px 6px;box-shadow:0 8px 18px #5a3a2040;animation:mwelcome .6s cubic-bezier(.2,.9,.3,1.3) both}@keyframes mwelcome{0%{transform:scale(.85) rotate(-4deg);opacity:0}}@media(prefers-reduced-motion:reduce){.membership-welcome-cover img{animation:none}}.mform-settings{display:grid;gap:6px}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .membership-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:26px 34px 20px;border:0;border-radius:26px;color:#4a3322;background:radial-gradient(ellipse 80% 45% at 50% 0%,rgba(255,236,180,.9),transparent 70%),linear-gradient(180deg,#fffaf0,#f8eedb 55%,#f1e1c0);box-shadow:inset 0 0 0 2px #fff8e6,inset 0 0 0 4px #d9ad5e,inset 0 0 0 5px #f6dc98,inset 0 0 0 7px #fff8e6,inset 0 0 0 8px #b8843f8c,0 0 0 3px #8a5f2c,0 24px 60px #140c048c}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .membership-filigree{opacity:.85}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-hero{display:grid;justify-items:center;gap:0;padding:0;margin:0;text-align:center;grid-template-columns:1fr}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-hero-art{display:block;width:min(300px,70%);aspect-ratio:3 / 2;margin:-8px auto -14px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-hero-art img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;animation:lux-float 5s ease-in-out infinite}@keyframes lux-float{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){:root.h-ui .membership-overlay .lux-hero-art img{animation:none}}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-hero h2{margin:0;color:#5a3a1c;font:800 30px/1.15 var(--font-display);text-wrap:balance;background:linear-gradient(180deg,#7a4d1e,#4a2f16);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay[lang=ar] .lux-hero h2{font:700 30px/1.45 var(--font-display-ar)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-hero .membership-intro{margin:6px auto 0;max-width:38ch;color:#7a5a3c;font:500 16px/1.45 var(--font-body);text-wrap:balance}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay[lang=ar] .lux-hero .membership-intro{font:500 17px/1.6 var(--font-body-ar)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .membership-main{display:grid;gap:14px;justify-items:stretch;margin-top:18px}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:0;border:0;min-width:0}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan{position:relative;overflow:hidden;display:grid;justify-items:center;align-content:center;gap:4px;min-height:118px;padding:22px 14px 18px;border-radius:18px;cursor:pointer;text-align:center;background:radial-gradient(ellipse 90% 70% at 50% 20%,#fffdf6,#f7ead0 70%,#eedbb3);box-shadow:inset 0 0 0 1.5px #fff7e2,inset 0 0 0 3px #d6a652,inset 0 0 0 4px #f6dc98,inset 0 0 0 5.5px #fffaf0,0 1px #b8843f,0 8px 18px #5a3a182e;transition:transform .22s cubic-bezier(.2,1.3,.3,1),box-shadow .22s ease}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan:not(.is-soon):hover{transform:translateY(-3px)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan.is-selected{box-shadow:inset 0 0 0 1.5px #fff7e2,inset 0 0 0 3px #c58f2e,inset 0 0 0 5px #f2c14e,0 0 0 3px #f2c14e73,0 10px 22px #5a3a1840}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan.is-soon{cursor:default}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan input{position:absolute;opacity:0;pointer-events:none}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan:has(input:focus-visible){outline:3px solid var(--h-focus-color, #1f5fbf);outline-offset:3px}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan-kicker{color:#a0763a;font:700 12px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay[lang=ar] .lux-plan-kicker{font:600 14px/1.4 var(--font-display-ar);letter-spacing:0}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan-name{color:#5a3a1c;font:800 24px/1.1 var(--font-display)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay[lang=ar] .lux-plan-name{font:700 24px/1.4 var(--font-display-ar)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan-price{color:#8a5f2c;font:800 18px/1.2 var(--font-display)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan-price small,:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plan-note{color:#9a7a58;font-size:12px;font-weight:600}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-ribbon{position:absolute;top:16px;inset-inline-end:-34px;width:132px;padding:3px 0;transform:rotate(35deg);color:#5a3a1c;font:800 11px/1.3 var(--font-display);letter-spacing:.04em;text-align:center;background:linear-gradient(180deg,#fbe7ae,#e6bd66 55%,#d9a45c);box-shadow:0 1px #fff4d0 inset,0 2px 4px #5a3a184d}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay[dir=rtl] .lux-ribbon,[dir=rtl] :root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-ribbon{transform:rotate(-35deg)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay[lang=ar] .lux-ribbon{font:700 12px/1.4 var(--font-display-ar);letter-spacing:0}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .membership-primary{width:100%;margin:4px 0 0}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-secondary{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-pill{min-height:40px!important;padding:0 18px!important;font-size:15px!important}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .membership-note{margin:0;text-align:center;font-size:13px;color:#8a6a4a}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .membership-footnote{margin:14px auto 0;padding-top:10px;max-width:44ch;text-align:center;color:#9a7a58;font:500 12.5px/1.5 var(--font-body);border-top:1px solid rgba(184,132,63,.3)}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay[lang=ar] .membership-footnote{font:500 13.5px/1.6 var(--font-body-ar)}@media(max-width:520px){:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-plans{gap:10px}}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .membership-primary:not(:disabled){background:linear-gradient(180deg,#fbe7ae,#f0c96e 45%,#dca555)!important;color:#4a2f16!important;text-shadow:0 1px 0 #fff3cf;border-image:none!important;border:4px solid #7a4d1e!important;border-radius:999px!important;background-clip:padding-box!important;box-shadow:inset 0 2px #fff4cf,inset 0 -3px #965f1e59,0 0 0 2px #c79545,0 4px #5a3514,0 8px 16px #3c240c4d!important}:root.h-ui:not(#l1):not(#l2):not(#l3):not(#l4) .membership-overlay .lux-ribbon{top:18px;inset-inline-end:-30px;width:124px}:is(.immersive,.learning-room-3d) .book-preparation{box-sizing:border-box;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(472px,calc(100vw - 32px));height:500px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0;padding:28px 34px;display:flex;flex-direction:column;align-items:center;overflow:auto;overscroll-behavior:contain;border:var(--h-border-card) solid var(--h-navy-800);border-radius:var(--h-radius-frame);background:var(--h-cream-300);color:var(--h-ink);box-shadow:var(--h-inset-frame),var(--h-shadow-dialog);text-align:center;isolation:isolate;z-index:600;transition:opacity .16s ease,translate .18s ease}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;translate:0 6px;pointer-events:none}:is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{display:grid;place-items:center;flex:0 0 175px;width:100%;min-height:175px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-title{display:block;width:min(250px,100%);height:175px;margin:0;object-fit:contain}:is(.immersive,.learning-room-3d) .book-preparation .preparation-arabic-title{margin:0;font:600 32px/1.5 var(--font-display-ar);color:var(--h-text-heading, #3d2616);overflow-wrap:anywhere}:is(.immersive,.learning-room-3d) .book-preparation .preparation-corner{position:absolute;top:12px;width:27px;height:27px;border-top:1px solid #b38b45;pointer-events:none}:is(.immersive,.learning-room-3d) .book-preparation .preparation-corner:after{content:"";position:absolute;inset:5px;border-top:1px solid #d2b273}:is(.immersive,.learning-room-3d) .book-preparation .preparation-corner.corner-start{inset-inline-start:12px;border-inline-start:1px solid #b38b45}:is(.immersive,.learning-room-3d) .book-preparation .preparation-corner.corner-end{inset-inline-end:12px;border-inline-end:1px solid #b38b45}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status{box-sizing:border-box;flex:1 0 80px;min-height:80px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding-block:9px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status p{margin:0;font:400 15px/1.45 var(--font-body);max-width:33ch}:is(.immersive,.learning-room-3d) .book-preparation .preparation-progress-slot{display:grid;place-items:center;height:24px}: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{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:12px;width:100%}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:2px solid #b89758;border-radius:999px;background:linear-gradient(180deg,#fff6d9,#efe0b9);color:var(--h-text-heading, #3d2616);box-shadow:inset 0 0 0 2px #fff9e9,inset 0 0 0 4px #d9bd7e,0 5px 9px #412d183d;transition:translate .18s ease,box-shadow .16s ease,opacity .16s ease;white-space:normal;cursor:pointer;max-width:100%}:is(.immersive,.learning-room-3d) .book-preparation .presentation-actions .read-button{width:250px;min-width:0;min-height:62px;padding:10px 22px;font:600 22px/1.25 var(--font-display);gap:10px}: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 var(--font-display)}: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);box-shadow:inset 0 0 0 2px #fff9e9,inset 0 0 0 4px #d9bd7e;cursor:default;translate:none}html[lang=ar] :is(.immersive,.learning-room-3d) .book-preparation .preparation-status p{font-family:var(--font-body-ar);font-size:17px;line-height:1.45}html[lang=ar] :is(.immersive,.learning-room-3d) .book-preparation .presentation-actions button{font-family:var(--font-display-ar)}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{font-size:21px;padding-inline:14px}}@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{font-size:20px;padding-inline:12px}}@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{width:min(460px,calc(100vw - 32px));height:488px;padding:30px 38px 28px;border:var(--h-border-card) solid var(--h-navy);border-image:none;border-radius:var(--h-radius-frame);background-color:var(--h-cream-300);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}: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{position:absolute;z-index:0;width:66px;height:66px;pointer-events:none;background:var(--h-filigree) center / contain no-repeat}: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 -1}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation>:not(.preparation-filigree){position:relative;z-index:1}: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{width:min(290px,100%);height:158px;filter:drop-shadow(0 2px 0 #fffaf0)}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-arabic-title{color:var(--h-navy);font:700 34px/1.45 var(--font-display-ar);text-wrap:balance}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-blurb{margin:4px 0 0;max-width:34ch;color:var(--h-ink);font:500 16px/1.45 var(--font-body);text-wrap:balance}:root.h-ui:lang(ar) :is(.immersive,.learning-room-3d) .book-preparation .preparation-blurb{font:500 18px/1.55 var(--font-body-ar)}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-status{flex:1 0 86px;min-height:86px;gap:6px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-status p{color:var(--h-ink-muted);font-size:16px}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .preparation-count{margin:0;color:var(--h-ink-muted);font:600 12px/1.3 var(--font-body);letter-spacing:.02em}:root.h-ui:lang(ar) :is(.immersive,.learning-room-3d) .book-preparation .preparation-count{font:600 13px/1.4 var(--font-display-ar);letter-spacing:0}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .book-buffer-progress{width:min(220px,100%);height:10px;border:2px solid var(--h-navy);border-radius:999px;background:#efe3c6;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{border-radius:999px;background:linear-gradient(180deg,#f6d68a,var(--h-gold) 55%,var(--h-honey))}:root.h-ui :is(.immersive,.learning-room-3d) .book-preparation .book-buffer-progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(180deg,#f6d68a,var(--h-gold) 55%,var(--h-honey))}: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{width:264px;min-height:66px;height:66px;padding:0 24px;font-size:22px;white-space:normal}: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{width:auto;min-width:190px;min-height:46px;height:46px;padding:0 20px;border-width:4px;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{display:flex;align-items:center;justify-content:center;gap:18px}:is(.immersive,.learning-room-3d) .book-preparation .preparation-heading .preparation-title{width:min(210px,52%);height:160px}.prep-book{position:relative;flex:0 0 112px;width:112px;height:150px;perspective:700px;transform-style:preserve-3d;rotate:-4deg}.prep-book-back{position:absolute;inset:4px -2px -2px 4px;border-radius:4px 8px 8px 4px;background:#3b2a52;box-shadow:0 10px 16px #2a1a3a55}.prep-book-leaf{position:absolute;inset:3px 2px 3px 4px;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,#efe2c4,#fffaf0 30%,#f6ead0);box-shadow:inset 1px 0 #d8c29a;transform-origin:0 50%;backface-visibility:hidden}.prep-book-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:3px 8px 8px 3px;box-shadow:inset 3px 0 #0003,0 6px 12px #2a1a3a40;transform-origin:0 50%}.prep-book.is-loading .prep-book-cover{animation:prep-cover-breathe 2.6s ease-in-out infinite}.prep-book.is-loading .prep-book-leaf{animation:prep-leaf 2.6s cubic-bezier(.45,.05,.4,1) infinite}.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{display:grid;justify-items:center;gap:4px;width:100%}.prep-bytes-track{width:min(260px,100%);height:10px;border-radius:99px;background:#e7d6b2;box-shadow:inset 0 1px 2px #6b4a2040;overflow:hidden}.prep-bytes-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f0b94a,#ffd978);transition:width .35s ease}:is(.immersive,.learning-room-3d) .book-preparation .preparation-count{margin:0;font:600 13px/1.3 var(--font-body);color:var(--h-ink-muted,#6b5a58);font-variant-numeric:tabular-nums}@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}}.member-lock{display:inline-block;object-fit:contain}.premium-lock-chip{display:inline-block;object-fit:contain;filter:drop-shadow(0 1px 2px #7a4a1066);vertical-align:-3px}.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{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{display:grid;gap:4px;margin:0;width:min(210px,52%);color:var(--h-text-heading, #3d2616);font:700 26px/1.2 var(--font-display);text-wrap:balance}.learning-room-3d .book-preparation .preparation-lesson-title small{font:600 13px/1.3 var(--font-body);color:var(--h-ink-muted,#6b5a58)}.learning-room-3d:lang(ar) .book-preparation .preparation-lesson-title{font:700 28px/1.4 var(--font-display-ar)}.learning-room-3d:lang(ar) .book-preparation .preparation-lesson-title small{font:600 14px/1.4 var(--font-display-ar)}:is(.immersive,.learning-room-3d) .book-preparation{interpolate-size:allow-keywords;transition:opacity .16s ease,translate .18s ease,height .32s ease}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status{transition:flex-basis .32s ease,min-height .32s ease,max-height .32s ease,padding .32s ease,opacity .18s ease;max-height:240px}: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{flex:0 0 0;min-height:0;max-height:0;padding-block:0;margin:0;opacity:0;overflow:hidden;visibility: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{margin:2px 0 0;min-height:1.45em;font:italic 400 14px/1.45 var(--font-body);color:#6b5a86;animation:prep-wonder 2.6s ease both}:is(.immersive,.learning-room-3d) .book-preparation .preparation-wonder:lang(ar){font:500 15px/1.5 var(--font-body-ar)}@keyframes prep-wonder{0%{opacity:0;translate:0 4px}12%,88%{opacity:1;translate:0 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{min-height:0;height:500px;padding-block:24px 22px;transition:opacity .16s ease,translate .18s ease,height .28s cubic-bezier(.22,1,.36,1)}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation[data-state=error]{height:auto}: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{flex:0 0 0;min-height:0;max-height:0;padding-block:0;margin:0;opacity:0;overflow:hidden;visibility: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{position:relative;overflow:hidden;animation:prep-settle .42s cubic-bezier(.22,1,.36,1) .22s both}:root:not(#h) :is(.immersive,.learning-room-3d) .book-preparation[data-state=ready] .presentation-actions .read-button:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fff8 50%,transparent 65%);translate:-120% 0;animation:prep-gleam .7s ease-out .3s both}@keyframes prep-settle{0%{scale:1}45%{scale:1.045}to{scale:1}}@keyframes prep-gleam{to{translate:120% 0}}@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{justify-content:center;text-align:center}.learning-room-3d .book-preparation.lesson-preparation .preparation-lesson-title{width:min(520px,92%);justify-items:center;text-align:center;font-size:38px;line-height:1.15;gap:8px}.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}:root:not(#h):not(#p6) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;flex:0 0 auto;min-height:0;height:auto;margin:0 0 2px;width:100%}:root:not(#h):not(#p6) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading .preparation-title{width:min(250px,60%);height:124px;margin:0;object-fit:contain}.prep-medallion{flex:none;display:block;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#fff6e2;border:3px solid #d9a441;box-shadow:0 0 0 2px #fffaf0,0 6px 12px #5a3a1a40,inset 0 0 0 1px #8a5a2244}.prep-medallion img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.prep-medallion.is-loading{animation:prep-medallion-breathe 2.6s ease-in-out infinite}@keyframes prep-medallion-breathe{50%{transform:scale(1.04);box-shadow:0 0 0 2px #fffaf0,0 0 16px #ffd97899,inset 0 0 0 1px #8a5a2244}}@media(prefers-reduced-motion:reduce){.prep-medallion.is-loading{animation:none}}@media(max-height:560px){.prep-medallion{width:60px;height:60px}:root:not(#h):not(#p6) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading .preparation-title{height:88px}}:root:not(#h):not(#p6) :is(.immersive,.learning-room-3d) .book-preparation .preparation-blurb{margin-top:0}:root:not(#h):not(#p6):not(#p7) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{gap:6px;align-items:flex-end}:root:not(#h):not(#p6):not(#p7) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading .preparation-title{height:auto;max-height:150px;width:min(320px,calc(100% - 132px));max-width:none;align-self:center}.prep-medallion.is-pop{width:124px;height:auto;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;filter:drop-shadow(0 6px 8px #5a3a1a40)}.prep-medallion.is-pop img{width:100%;height:auto;object-fit:contain;border-radius:0}@keyframes prep-medallion-breathe-pop{50%{transform:translateY(-2px) scale(1.03)}}.prep-medallion.is-pop.is-loading{animation:prep-medallion-breathe-pop 2.6s ease-in-out infinite}@media(max-height:560px){.prep-medallion.is-pop{width:88px}:root:not(#h):not(#p6):not(#p7) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading .preparation-title{height:104px}}:root:not(#h):not(#p6):not(#p7) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading .preparation-title{transform:scale(1.06);transform-origin:0% 50%;margin-inline-start:0}:root:not(#h):not(#p6):not(#p7) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading .preparation-title:dir(rtl){transform:scale(1.32);transform-origin:100% 50%;margin-inline-start:-22px}:root:not(#h):not(#p6):not(#p7) :is(.immersive,.learning-room-3d) .book-preparation .preparation-heading{margin-bottom:10px}:root:not(#h):not(#p6):not(#p7):not(#p8) .immersive .book-preparation .preparation-heading{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:100%;overflow:visible;padding-inline:4px;box-sizing:border-box}:root:not(#h):not(#p6):not(#p7):not(#p8) .immersive .book-preparation .preparation-heading .prep-medallion.is-pop{flex:0 0 108px;width:108px}:root:not(#h):not(#p6):not(#p7):not(#p8) .immersive .book-preparation .preparation-heading .preparation-title,:root:not(#h):not(#p6):not(#p7):not(#p8) .immersive .book-preparation .preparation-heading .preparation-title:dir(rtl){flex:0 1 auto;min-width:0;width:auto;max-width:min(250px,calc(100% - 120px));height:auto;max-height:118px;aspect-ratio:auto;object-fit:contain;transform:none;margin:0;align-self:center}@media(max-height:560px){:root:not(#h):not(#p6):not(#p7):not(#p8) .immersive .book-preparation .preparation-heading .prep-medallion.is-pop{flex-basis:84px;width:84px}:root:not(#h):not(#p6):not(#p7):not(#p8) .immersive .book-preparation .preparation-heading .preparation-title{max-height:90px}}:is(.immersive,.learning-room-3d) .book-preparation .preparation-status:has(.prep-bytes) .preparation-progress-slot:has(>.book-buffer-progress){display:none}.prep-bytes[data-complete=true] .prep-bytes-track span{transition-duration:.18s}:root:not(#h):not(#pr9) :is(.immersive,.learning-room-3d) .book-preparation .preparation-status{transition:flex-basis .24s cubic-bezier(.22,1,.36,1),min-height .24s cubic-bezier(.22,1,.36,1),max-height .24s cubic-bezier(.22,1,.36,1),padding .24s ease-out,opacity .2s ease-out,visibility 0s linear 0s}:root:not(#h):not(#pr9) :is(.immersive,.learning-room-3d) .book-preparation:is([data-state=ready],[data-state=opening]) .preparation-status{transition:opacity .2s ease-out,flex-basis .24s cubic-bezier(.22,1,.36,1) 40ms,min-height .24s cubic-bezier(.22,1,.36,1) 40ms,max-height .24s cubic-bezier(.22,1,.36,1) 40ms,padding .24s ease-out 40ms,visibility 0s linear .28s}:root:not(#h):not(#pr9) :is(.immersive,.learning-room-3d) .book-preparation[data-state=ready] .presentation-actions .read-button{animation:prep-open-in .22s cubic-bezier(.22,1,.36,1) both,prep-settle .42s cubic-bezier(.22,1,.36,1) .24s both}@keyframes prep-open-in{0%{opacity:0;translate:0 6px}}@media(prefers-reduced-motion:reduce){:root:not(#h):not(#pr9) :is(.immersive,.learning-room-3d) .book-preparation .preparation-status,:root:not(#h):not(#pr9) :is(.immersive,.learning-room-3d) .book-preparation:is([data-state=ready],[data-state=opening]) .preparation-status{transition:opacity .16s linear,visibility 0s linear .16s}:root:not(#h):not(#pr9) :is(.immersive,.learning-room-3d) .book-preparation[data-state=ready] .presentation-actions .read-button{animation:prep-open-fade .16s linear both}@keyframes prep-open-fade{0%{opacity:0}}}@media(min-width:481px){:root.h-ui:not(#bp) .immersive .book-preparation:not(.lesson-preparation){--prep-top-clear: 104px;top:calc(var(--prep-top-clear) + (100dvh - var(--prep-top-clear) - 16px) / 2);max-height:calc(100dvh - var(--prep-top-clear) - 16px)}}@media(min-width:481px)and (max-height:820px){:root.h-ui:not(#bp) .immersive .book-preparation:has(.play-warmup){padding-block:22px 20px}:root.h-ui:not(#bp) .immersive .book-preparation:has(.play-warmup) .preparation-heading{flex-basis:120px;min-height:120px}:root.h-ui:not(#bp) .immersive .book-preparation:has(.play-warmup) .preparation-title{height:120px}:root.h-ui:not(#bp) .immersive .book-preparation:has(.play-warmup) .preparation-status{flex:0 0 auto;min-height:0;padding-block:4px}}:root:not(#bp):not(#prep-scroll) .immersive .book-preparation:has(>.preparation-scroll){height:auto;min-height:0}.immersive .book-preparation>.preparation-scroll{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;align-self:stretch;flex:1 1 auto;min-height:0;min-width:0;margin:-8px -10px 0;padding:8px 10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.immersive .book-preparation>.preparation-scroll>*{flex-shrink:0}.immersive .book-preparation>.preparation-scroll:focus-visible{outline:2px solid var(--h-focus-color);outline-offset:2px;border-radius:8px}.immersive .book-preparation:has(>.preparation-scroll)>.presentation-actions{flex:0 0 auto}@media(max-height:420px){:root:not(#bp):not(#prep-scroll) .immersive .book-preparation:has(>.preparation-scroll){padding-block:12px}}