.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:#2c2a3e;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}}