@charset "UTF-8";:root{--cream: #FFF7EA;--paper: #FFFFFF;--orange: #F7931E;--orange-dark: #D9770A;--sun: #FFC93C;--mint: #7FD1BE;--mint-dark: #2E9E86;--red: #C0392B;--berry: #FF6B9D;--sky: #4CC9F0;--grape: #7B61FF;--navy: #22305A;--ink: #2D2A32;--muted: #6E6A78;--line: #F0E3CF;--radius: 22px;--radius-sm: 14px;--shadow: 0 6px 0 rgba(34, 48, 90, .08), 0 14px 30px rgba(34, 48, 90, .08);--font-fun: "Baloo Bhaijaan 2", "Tajawal", system-ui, sans-serif;--font-body: "Tajawal", "Baloo Bhaijaan 2", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(255,201,60,.14) 0 120px,transparent 121px),radial-gradient(circle at 90% 60%,rgba(127,209,190,.16) 0 160px,transparent 161px);background-attachment:fixed}h1,h2,h3,h4,.fun{font-family:var(--font-fun);line-height:1.35;color:var(--navy);margin:0 0 .5em}h1{font-size:clamp(1.9rem,4vw,2.8rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.25rem}a{color:var(--orange-dark);text-decoration:none}img{max-width:100%;display:block}button{font:inherit}:focus-visible{outline:4px solid var(--sky);outline-offset:3px;border-radius:10px}.container{width:min(1200px,100% - 32px);margin-inline:auto}.section{margin-block:48px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.section-head h2{margin:0;display:flex;align-items:center;gap:10px}.muted{color:var(--muted)}.center{text-align:center}.btn{--c: var(--orange);--d: var(--orange-dark);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 24px;border:0;border-radius:999px;background:var(--c);color:#fff;font-family:var(--font-fun);font-weight:700;font-size:1.1rem;box-shadow:0 5px 0 var(--d);cursor:pointer;transition:transform .12s,box-shadow .12s,filter .12s;text-decoration:none;white-space:nowrap}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--d)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.mint{--c: var(--mint-dark);--d: #1F7563}.btn.sky{--c: #1FA7D6;--d: #157EA3}.btn.grape{--c: var(--grape);--d: #5840D9}.btn.berry{--c: #F0508A;--d: #C93670}.btn.ghost{--c: #fff;--d: var(--line);color:var(--navy);border:2px solid var(--line)}.btn.sm{min-height:40px;padding:6px 16px;font-size:.95rem}.btn.block{width:100%}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #fff;overflow:hidden}.pad{padding:22px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid.sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#fff;border:2px solid var(--line);color:var(--navy);font-weight:700;cursor:pointer;font-family:var(--font-fun);font-size:1rem;transition:all .15s}.chip:hover{border-color:var(--orange)}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 12px;border-radius:999px;font-size:.85rem;font-weight:700;background:#fff1db;color:var(--orange-dark)}input,select,textarea{font:inherit;width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:2px solid var(--line);background:#fff;color:var(--ink);transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--orange);outline:none}label{font-weight:700;color:var(--navy);display:block;margin-bottom:6px}.field{margin-bottom:16px}.prose{font-size:1.15rem;line-height:2}.prose h2,.prose h3{margin-top:1.2em}.prose img{border-radius:var(--radius-sm);margin:16px auto;height:auto}.prose blockquote{margin:16px 0;padding:14px 20px;background:#fff1db;border-inline-start:6px solid var(--orange);border-radius:var(--radius-sm)}.prose ul,.prose ol{padding-inline-start:1.4em}.prose a{text-decoration:underline}.video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000;box-shadow:var(--shadow)}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.empty{padding:40px;text-align:center;color:var(--muted)}.spinner{width:48px;height:48px;margin:40px auto;border-radius:50%;border:6px solid var(--line);border-top-color:var(--orange);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.pop{animation:pop .45s ease both}.ad-wrap{margin:28px auto;text-align:center}.ad-wrap small{display:block;color:var(--muted);font-size:.75rem;margin-bottom:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.prose .embed{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:16px 0;background:#fff}.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.prose a>img{display:inline-block;width:calc(33% - 10px);margin:5px;vertical-align:top}@media(max-width:600px){.prose a>img{width:calc(50% - 10px)}}.print-sheet{display:none}@media print{@page{size:A4;margin:11mm 12mm}html,body{background:#fff!important;background-image:none!important;font-size:12pt}body.print-guide{font-size:11pt;line-height:1.6}*{-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none!important;transition:none!important}.top,.foot,.tabbar,app-ad,.related,app-quiz,app-read-along,.ad-wrap,app-celebration,.skip,.btn,.tabs,.crumbs,.video,.actions,.done-row,.parts{display:none!important}.card{box-shadow:none!important;border:1px solid #e6dccb!important}.card:not(.prose){break-inside:avoid}main{padding:0!important}.container{width:100%!important}a{color:inherit;text-decoration:none}body.print-guide app-root main *{display:none}body.print-guide .print-sheet,body.print-guide .print-sheet *{display:revert}body.print-guide .print-sheet{display:block!important}body.print-guide app-root main,body.print-guide app-root main>*,body.print-guide article.wrap{display:block!important}}.print-sheet{font-family:var(--font-body);color:#222}.print-sheet .ps-head{display:flex!important;align-items:center;justify-content:space-between;border-bottom:3px solid var(--orange);padding-bottom:8px;margin-bottom:14px}.print-sheet .ps-brand{display:flex!important;align-items:center;gap:8px;font-family:var(--font-fun);font-size:20pt;color:var(--navy);font-weight:800}.print-sheet .ps-brand img{width:46px;height:46px}.print-sheet .ps-tag{font-size:10pt;color:#777}.print-sheet h1{font-size:20pt;margin:0 0 4px}.print-sheet .ps-meta{color:#666;font-size:10.5pt;margin-bottom:12px}.print-sheet .ps-top{display:grid!important;grid-template-columns:1fr 150px;gap:16px;align-items:start}.print-sheet .ps-top img{width:150px;border-radius:12px;border:1px solid #eee}.print-sheet h2{font-size:13pt;margin:12px 0 6px;color:var(--orange-dark)}.print-sheet ol{margin:0;padding-inline-start:22px}.print-sheet ol li{margin-bottom:2px;font-weight:700}.print-sheet ul{margin:0;padding-inline-start:22px}.print-sheet .ps-lines{display:block!important;height:44px;margin:0 0 4px;background:linear-gradient(#c8c8c8,#c8c8c8) 0 21px/100% 1px no-repeat,linear-gradient(#c8c8c8,#c8c8c8) 0 43px/100% 1px no-repeat}.print-sheet .ps-box{display:block!important;border-radius:10px;padding:10px 14px;margin:10px 0;background:#fff1db}.print-sheet .ps-box.tip{background:#eef0ff}.print-sheet .ps-draw{display:block!important;height:105px;border:2px dashed #ccc;border-radius:12px;margin-top:8px;position:relative}.print-sheet .ps-draw span{position:absolute;top:8px;inset-inline-start:12px;color:#999;font-size:10pt}.print-sheet .ps-foot{display:flex!important;justify-content:space-between;border-top:1px solid #ddd;margin-top:16px;padding-top:6px;font-size:9.5pt;color:#888}