.cr-page{--cr-wall-1:#f3dcb4;--cr-wall-2:#e2b884;--cr-floor:#a8703f;--cr-accent:var(--h-purple-500);position:fixed;inset:0;overflow:hidden;color:var(--h-ink);font-family:var(--font-display);background:radial-gradient(120% 80% at 50% 10%,#fff3dc 0%,var(--cr-wall-1) 40%,var(--cr-wall-2) 78%,var(--cr-floor) 100%)}.cr-page[data-theme=learn]{--cr-wall-1:#e6efc9;--cr-wall-2:#c5d99a;--cr-floor:#6f8a4f;--cr-accent:var(--h-sage-800);background:radial-gradient(120% 80% at 50% 10%,#fbfdf0 0%,var(--cr-wall-1) 40%,var(--cr-wall-2) 78%,var(--cr-floor) 100%)}.cr-page[lang=ar]{font-family:var(--font-body-ar)}.cr-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(#fff6 1px,transparent 1.5px) 0 0/28px 28px;opacity:.35}.cr-header{position:absolute;z-index:6;inset:14px 22px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.cr-header .hadoota-logo{width:var(--h-logo-header);height:auto;display:block;filter:drop-shadow(0 2px 6px #3b26143a)}.cr-home{justify-self:start}.cr-tools{justify-self:end;display:flex;align-items:center;gap:12px}.cr-pile{position:absolute;inset:auto 0 0;height:min(52vh,520px);z-index:2;cursor:grab;touch-action:none}.cr-pile[data-dragging]{cursor:grabbing}.cr-pile canvas{display:block;width:100%;height:100%}.cr-scroll{position:absolute;z-index:3;inset:96px 0 0;overflow:auto;padding:var(--h-space-2) var(--h-space-2) min(40vh,380px);display:flex;flex-direction:column;align-items:center;gap:var(--h-space-2);pointer-events:none}.cr-scroll>*{pointer-events:auto}.cr-back{align-self:center;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--h-radius-pill);text-decoration:none;font:600 var(--h-text-md)/1 inherit;color:var(--h-ink);background:linear-gradient(var(--h-cream-100),var(--h-cream-400));box-shadow:inset 0 0 0 2px var(--h-gold-400),0 4px 0 var(--h-gold-700),0 8px 18px #3b26143a;transition:transform .15s}.cr-back:hover{transform:translateY(-2px)}.cr-back:focus-visible{outline:3px solid var(--h-sky-700);outline-offset:3px}.cr-card{position:relative;width:min(760px,100%);box-sizing:border-box;padding:var(--h-space-5) var(--h-space-6);border-radius:var(--h-radius-lg);background:radial-gradient(140% 90% at 30% 0%,var(--h-cream-50),var(--h-cream-300) 70%,var(--h-cream-400));box-shadow:inset 0 0 0 2px var(--h-gold-200),inset 0 0 0 8px var(--h-cream-100),inset 0 0 0 9px var(--h-gold-400),0 18px 44px #3b261440,0 3px 0 var(--h-gold-500)}.cr-kicker{margin:0;text-align:center;color:var(--cr-accent);font-size:var(--h-text-sm);letter-spacing:.14em;text-transform:uppercase;font-weight:600}[lang=ar] .cr-kicker{letter-spacing:0}.cr-card h1{margin:var(--h-space-half) 0 var(--h-space-1);text-align:center;font-size:clamp(28px,3.4vw,var(--h-text-2xl));line-height:1.2;color:var(--h-ink-strong)}.cr-lead{margin:0 auto var(--h-space-4);max-width:34em;text-align:center;color:var(--h-ink-muted);font-size:var(--h-text-md);line-height:1.5}.cr-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--h-space-3)}.cr-section{padding:var(--h-space-2) var(--h-space-3) var(--h-space-3);border-radius:var(--h-radius-md);background:#fffaf0b8;box-shadow:inset 0 0 0 1px var(--h-gold-200)}.cr-section:is([data-icon=heart],[data-icon=type],[data-icon=sound]){grid-column:1/-1}.cr-section h2{display:flex;align-items:center;gap:10px;margin:0 0 var(--h-space-1);font-size:var(--h-text-lg);color:var(--cr-accent)}.cr-badge{flex:none;width:30px;height:30px;border-radius:50%;background:var(--h-gold-300) center/18px no-repeat;box-shadow:inset 0 0 0 2px var(--h-gold-500)}.cr-section[data-icon=book] .cr-badge{background-color:#e8a28c}.cr-section[data-icon=voice] .cr-badge{background-color:var(--h-sky)}.cr-section[data-icon=sound] .cr-badge{background-color:var(--h-purple-300)}.cr-section[data-icon=heart] .cr-badge{background-color:var(--h-rose-500)}.cr-body{font-size:var(--h-text-base);line-height:1.65;color:var(--h-ink)}[lang=ar] .cr-body{font-size:var(--h-text-md);line-height:1.8}.cr-body p{margin:0 0 var(--h-space-1)}.cr-body a{color:var(--h-sky-700);text-underline-offset:3px}.cr-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cr-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding-bottom:6px;border-bottom:1px dashed var(--h-gold-200)}.cr-list b{font-weight:600}.cr-list span{color:var(--h-ink-muted)}.cr-list .cr-note,.cr-note{border:0;color:var(--h-ink-muted);font-size:var(--h-text-sm)}@media(max-width:900px){.cr-header .hadoota-logo{width:var(--h-logo-dialog)}.cr-sections{grid-template-columns:1fr}.cr-card{padding:var(--h-space-3)}}@media(prefers-reduced-motion:reduce){.cr-back{transition:none}.cr-back:hover{transform:none}.cr-pile{cursor:default}}.cr-home{grid-column:1}.cr-header .mode-switch{grid-column:2;position:relative;inset:auto;translate:none;transform:none}.cr-tools{grid-column:3}.cr-page :is(h1,h2,.cr-kicker,.cr-back){font-family:var(--font-display)}.cr-page[lang=ar] :is(h1,h2,.cr-kicker,.cr-back,.cr-body){font-family:var(--font-display-ar)}.cr-scroll{bottom:min(30vh,300px);padding-bottom:var(--h-space-4);-webkit-mask:linear-gradient(#000 88%,transparent);mask:linear-gradient(#000 88%,transparent)}@media(max-width:640px){.cr-header{grid-template-columns:auto 1fr;inset:10px 16px auto}.cr-header .mode-switch{grid-column:1/-1;grid-row:2;justify-self:center}.cr-tools{grid-column:2;grid-row:1}.cr-scroll{top:150px}}.cr-page[data-theme=learn] .cr-section[data-icon=book]{grid-column:1/-1}.cr-marks{list-style:none;margin:0 0 var(--h-space-1);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.cr-mark{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--h-radius-md);background:#fffdf6;box-shadow:inset 0 0 0 1px var(--h-gold-200)}.cr-logo{flex:none;display:grid;place-items:center;width:112px;height:56px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #3b261422,0 2px 4px #3b261414;overflow:hidden}.cr-logo a{display:grid;place-items:center;width:100%;height:100%;text-decoration:none;color:inherit}.cr-logo-img{max-width:92px;max-height:40px;object-fit:contain}.cr-logo-word{padding:0 8px;font:600 15px/1.1 var(--font-display);color:var(--h-text-heading, #3d2616);text-align:center;letter-spacing:.01em}.cr-mark-text{display:flex;flex-direction:column;gap:2px;font-size:var(--h-text-sm);line-height:1.4;color:var(--h-ink-muted)}.cr-mark-license{font-weight:600;color:var(--h-ink)}.cr-section[data-icon=shield] .cr-badge{background-color:var(--h-sage-800,#6f8a4f)}.cr-page[data-plain] .cr-scroll{bottom:0;padding-bottom:var(--h-space-6);-webkit-mask:none;mask:none}.cr-page[data-plain] .cr-section{grid-column:1/-1}.cr-draft{margin:0 auto var(--h-space-3);max-width:36em;padding:8px 14px;border-radius:12px;background:#fde9c8;box-shadow:inset 0 0 0 1px var(--h-gold-400);text-align:center;font-size:var(--h-text-sm);color:var(--h-ink)}.cr-hero{text-align:center;margin-bottom:var(--h-space-3)}.cr-by{margin:6px 0 0;color:var(--h-ink-muted);font-size:var(--h-text-md)}.cr-name{margin:0 0 var(--h-space-2)!important;font-size:clamp(36px,5vw,58px)!important;color:var(--cr-accent)!important;letter-spacing:.01em}.cr-flow{list-style:none;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center;gap:14px}.cr-flow li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--h-text-sm);color:var(--h-ink-muted)}.cr-flow img{width:132px;height:74px;object-fit:cover;border-radius:10px;box-shadow:0 4px 10px #3b261430;background:#fff}.cr-flow img.cr-final-thumb{object-fit:contain;background:#efeae0}.cr-hf{display:grid;place-items:center;width:132px;height:74px;border-radius:10px;background:#111;color:#e8ff5a;font:700 18px/1 var(--font-display)}.cr-arrow{font-size:22px;color:var(--cr-accent)}[dir=rtl] .cr-arrow{transform:scaleX(-1)}.cr-strip{list-style:none;margin:0 0 var(--h-space-3);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px 20px}.cr-step{display:grid;grid-template-columns:1fr 34px 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 10px}.cr-sketch,.cr-final{margin:0;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #3b261430}.cr-sketch{transform:rotate(-1.2deg)}.cr-step:nth-child(2n) .cr-sketch{transform:rotate(1deg)}.cr-sketch img{width:100%;height:100%;object-fit:cover;display:block}.cr-final{background:radial-gradient(circle at 50% 40%,#fffdf6,#f1e2c4)}.cr-final img{width:100%;height:100%;object-fit:contain;display:block;padding:6px;box-sizing:border-box;mix-blend-mode:multiply}.cr-mini{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#e8ff5a;font:700 12px/1 var(--font-display)}.cr-step-name{grid-column:1/-1;text-align:center;font-size:var(--h-text-sm);color:var(--h-ink)}.cr-h2{margin:var(--h-space-2) 0 var(--h-space-1);text-align:center;font-size:var(--h-text-lg);color:var(--cr-accent)}.cr-marks:has(.cr-mark){grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cr-marks .cr-mark{flex-direction:column;gap:4px;text-align:center}.cr-fine{margin-top:var(--h-space-2);font-size:12px;line-height:1.5;color:var(--h-ink-muted)}.cr-fine-title{font-weight:600;font-size:var(--h-text-sm);text-align:center}.cr-fine p{margin:6px 0}.cr-fine a{color:var(--h-sky-700)}@media(max-width:640px){.cr-flow img,.cr-hf{width:92px;height:52px}.cr-step{grid-template-columns:1fr 26px 1fr}.cr-mini{width:26px;height:26px;font-size:10px}}.cr-page[data-footer]{position:relative;min-height:100vh;overflow:visible}.cr-page[data-footer] .cr-header{position:relative;inset:auto;padding:14px 22px 0}.cr-page[data-footer] .cr-scroll{position:relative;inset:auto;overflow:visible;padding:var(--h-space-2) var(--h-space-2) 0;-webkit-mask:none;mask:none;pointer-events:auto}.cr-page[data-footer] .cr-card{background:#fbf1dc;background-image:radial-gradient(140% 90% at 30% 0%,#fffaf0,#f6e6c6 75%);opacity:1}.cr-footer-scene{width:min(1100px,100%);margin-top:var(--h-space-4);line-height:0;pointer-events:none}.cr-footer-scene img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 18px #3b261430)}@media(max-width:640px){.cr-page[data-footer] .cr-header{padding:10px 16px 0}}.cr-page[data-footer] .cr-header .mode-switch.hc-mode-switcher{position:relative!important;inset:auto!important;transform:none!important;translate:none!important}.cr-header--festive{display:flex;justify-content:center;align-items:flex-start;min-height:72px}.cr-page[data-footer] .cr-header--festive{padding:14px 22px 0}.cr-festive-title{margin:0;line-height:0}.cr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cr-title{display:block;margin:-4px auto 0;width:min(480px,66vw);height:auto;overflow:visible}.cr-title text{paint-order:stroke fill;stroke-linejoin:round}.cr-title__rim{fill:#fff4dc;stroke:#fff4dc;stroke-width:22px}.cr-title__line{fill:#5e3417;stroke:#5e3417;stroke-width:10px}.cr-title__fill{fill:url(#cr-title-gold)}.cr-title__shine{fill:url(#cr-title-shine);mix-blend-mode:screen}.cr-title__star{transform-box:fill-box;transform-origin:center;animation:cr-twinkle 2.4s ease-in-out infinite}@keyframes cr-twinkle{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}:root.h-ui .cr-page .cr-close.h-btn-round,.cr-page .cr-close{position:absolute;top:14px;inset-inline-end:22px;box-sizing:border-box;display:grid;place-items:center;width:56px;min-width:56px;height:56px;padding:0;margin:0;border:0;border-radius:50%;cursor:pointer;color:var(--v5-ink,#3b2616);background:var(--v5-img-rim) center/100% 100% no-repeat border-box;box-shadow:0 3px 6px #1d100866;filter:none}:root.h-ui .cr-page .cr-close.h-btn-round:before,:root.h-ui .cr-page .cr-close.h-btn-round:after{content:none}.cr-close>.story-control-art{width:28px;height:28px;stroke-width:1.8px}.cr-close:focus-visible{outline:3px solid var(--h-sky-700);outline-offset:3px}@media(max-width:700px){.cr-page .cr-close,:root.h-ui .cr-page .cr-close.h-btn-round{width:46px;min-width:46px;height:46px;top:10px;inset-inline-end:16px}.cr-title{width:min(360px,70vw)}}.cr-sep{width:min(420px,70%);height:14px;margin:var(--h-space-4) auto var(--h-space-2);border:0;background:radial-gradient(circle,#c9973f 0 3px,transparent 3.5px) center/14px 14px no-repeat,linear-gradient(90deg,transparent,#c9973f99 20%,#c9973f99 80%,transparent) center/100% 1px no-repeat}.cr-page .cr-h2{margin:0 0 var(--h-space-2);color:var(--v5-ink,#5e3417)}.cr-marks,.cr-marks:has(.cr-mark){grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;justify-items:stretch}.cr-marks .cr-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:132px;padding:14px 10px 12px;box-sizing:border-box;text-align:center;border-radius:16px;background:linear-gradient(#fffdf7,#fbf2de);box-shadow:inset 0 0 0 1px #d4a64a,0 6px 16px #3b261424,0 1px 2px #3b26141f;transition:transform .2s ease,box-shadow .2s ease}.cr-marks .cr-mark:hover,.cr-marks .cr-mark:focus-within{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #c9973f,0 12px 24px #3b261430,0 2px 3px #3b261422}.cr-marks .cr-logo{width:100%;height:64px;background:none;box-shadow:none;border-radius:0;overflow:visible;display:grid;place-items:center}.cr-marks .cr-logo-img{max-width:100px;max-height:52px;object-fit:contain}.cr-mark-btn{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%}.cr-mark-btn:focus-visible{outline:3px solid var(--h-sky-700);outline-offset:6px;border-radius:12px}.cr-speaker{width:56px;height:56px}.cr-speaker[data-playing] .cr-wave{animation:cr-wave 1s ease-in-out infinite}.cr-speaker[data-playing] .cr-wave2{animation-delay:.2s}@keyframes cr-wave{50%{opacity:.25}}.cr-specimen{font-size:30px;line-height:1.1;font-weight:600;color:#5e3417;white-space:nowrap}.cr-marks .cr-mark-license{font-variant:small-caps;font-size:12px;letter-spacing:.06em;font-weight:600;color:var(--h-ink-muted);text-transform:lowercase}[lang=ar] .cr-marks .cr-mark-license{letter-spacing:0;text-transform:none}.cr-fine{max-width:60ch;margin:0 auto;text-align:center;font-size:12px;line-height:1.6}.cr-fine-title{font-size:var(--h-text-sm);letter-spacing:.08em;font-variant:small-caps;color:var(--v5-ink,#5e3417);margin:0 0 8px}@media(prefers-reduced-motion:reduce){.cr-marks .cr-mark{transition:none}.cr-marks .cr-mark:hover{transform:none}.cr-title__star,.cr-speaker .cr-wave{animation:none}}.cr-marks,.cr-marks:has(.cr-mark){display:flex;flex-wrap:wrap;justify-content:center}.cr-marks .cr-mark{flex:0 0 164px;width:164px}.cr-marks .cr-logo-img{height:52px;width:auto;max-width:120px}.cr-marks .cr-logo-img[src$="envato.svg"]{height:auto;width:120px}.cr-marks .cr-mark-license{font-size:11.5px;line-height:1.3}.cr-marks,.cr-marks:has(.cr-mark){gap:12px}.cr-marks .cr-mark{flex-basis:152px;width:152px}.cr-page .cr-festive-brand{position:absolute;top:14px;inset-inline-start:22px;z-index:2;display:flex;align-items:center;height:56px}.cr-page .cr-festive-brand .hadoota-logo{width:var(--h-logo-header);height:auto;display:block;filter:drop-shadow(0 2px 6px #3b26143a)}@media(max-width:700px){.cr-page .cr-festive-brand{top:10px;inset-inline-start:16px;height:46px}.cr-page .cr-festive-brand .hadoota-logo{width:var(--h-logo-dialog)}}.cr-page .cr-name{color:var(--h-text-heading)!important}.cr-acc-lead{text-align:center;margin:0 0 var(--h-space-3)}.cr-accordion{display:flex;flex-direction:column;gap:14px}.cr-acc{border-radius:22px;background:linear-gradient(180deg,#fffaf0,#f6ead2);border:3px solid #9c6a3a;box-shadow:inset 0 2px #fffdf5,0 4px #6b4424,0 8px 16px #3d261633;overflow:hidden;transition:box-shadow .2s ease}.cr-acc>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 18px;cursor:pointer;font-size:var(--h-text-lg,20px);font-weight:800;color:var(--h-ink-strong,#1d2649)}.cr-acc>summary::-webkit-details-marker{display:none}.cr-acc>summary:focus-visible{outline:3px solid #1d2649;outline-offset:-6px;border-radius:18px}.cr-acc .cr-badge{flex:none;width:44px;height:44px;border-radius:50%;background:#fffdf7 center/30px no-repeat;box-shadow:inset 0 0 0 2px #c79a5b,0 2px #b98a4e}.cr-acc[data-icon=book] .cr-badge{background-image:url(/art/ui/icon-book.webp)}.cr-acc[data-icon=heart] .cr-badge{background-image:url(/art/ui/icon-parents.webp)}.cr-acc[data-icon=shield] .cr-badge{background-image:url(/art/ui/settings/icon-padlock.webp)}.cr-acc[data-icon=type] .cr-badge{background-image:url(/art/ui/settings/icon-speaker.webp)}.cr-acc-title{flex:1}.cr-acc-chev{flex:none;width:36px;height:36px;border-radius:50%;background:#1d2649;position:relative;transition:transform .22s cubic-bezier(.2,.9,.3,1.2)}.cr-acc-chev:after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border:solid #f8f0dd;border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg)}.cr-acc[open] .cr-acc-chev{transform:rotate(180deg)}.cr-acc>.cr-body{padding:0 22px 18px 76px;font-size:17px;line-height:1.6;animation:cr-acc-in .22s ease-out}[dir=rtl] .cr-acc>.cr-body{padding:0 76px 18px 22px}.cr-acc>.cr-body p{margin:0 0 8px}@keyframes cr-acc-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(max-width:640px){.cr-acc>.cr-body,[dir=rtl] .cr-acc>.cr-body{padding:0 16px 16px}}@media(prefers-reduced-motion:reduce){.cr-acc-chev,.cr-acc>.cr-body{transition:none;animation:none}}.cr-acc .cr-badge{display:grid;place-items:center;background-image:none!important}.cr-acc .cr-badge img{width:36px;height:36px;object-fit:contain}.cr-love{margin:var(--h-space-2,12px) 0 0;text-align:center;font-weight:700;color:#8a5a1c}.cr-love:before{content:"♥";color:#d2554a;margin-inline-end:6px}.cr-draft{text-align:center}.cr-festive-tools{position:absolute;top:14px;inset-inline-end:22px;display:flex;align-items:center;gap:12px;z-index:3}:root.h-ui .cr-page .cr-festive-tools .cr-close.h-btn-round,.cr-page .cr-festive-tools .cr-close{position:static}@media(max-width:700px){.cr-festive-tools{top:10px;inset-inline-end:16px;gap:8px}}.cr-acc .cr-marks{display:grid;grid-template-columns:1fr;gap:12px;margin:4px 0 0;padding:0;list-style:none;justify-content:stretch}.cr-acc .cr-mark{display:flex!important;flex-direction:row!important;align-items:center;gap:16px;width:auto!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:12px 16px!important;border-radius:16px;background:#fffdf7;box-shadow:inset 0 0 0 2px #e6c98a}.cr-acc .cr-mark:after{display:none!important}.cr-acc .cr-logo{flex:none;width:72px!important;height:48px!important;display:grid;place-items:center;margin:0!important}.cr-acc .cr-logo-img{max-width:72px;max-height:44px;object-fit:contain}.cr-acc .cr-mark-license{text-transform:none!important;letter-spacing:0!important;font-variant:normal!important;font-size:16px!important;line-height:1.5!important;text-align:start!important;font-weight:500!important;color:#3d2616;margin:0!important;position:static!important}