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