:root{--pink:#F8C8DC;--soft:#FFE4EF;--deep:#9E386B;--accent:#C65D8A;--lav:#DCC6F2;--paper:#FFF9FC;--ink:#42283b;--muted:#725c6d;--mint:#d3f5e8;--blue:#d7efff;--yellow:#fff0b9;--shadow:0 15px 45px #7b396b30;--radius:24px;font-family:'Tajawal','Cairo','Segoe UI',Tahoma,sans-serif;color:var(--ink);font-size:18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(130deg,#fff4f8,#f8c8dc 44%,#e8d6fb 100%);overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6658ca;outline-offset:3px}h1,h2,h3,p{margin:0 0 12px}h1{font-size:clamp(30px,4vw,48px)}h2{font-size:clamp(24px,2.5vw,32px)}h3{font-size:21px}.muted{color:var(--muted)}.small{font-size:14px}.strong{font-weight:800}.bold{font-weight:700}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.center{text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card{background:#fffdfef2;border:1px solid #ffffffa8;border-radius:21px;padding:18px;box-shadow:0 6px 22px #b87a9a1c}.card.pink{background:#ffe4ef}.card.mint{background:#e0faef}.card.lav{background:#eee3fa}.card.blue{background:#e7f5ff}.card.yellow{background:#fff3d3}.btn{border:0;border-radius:14px;padding:11px 17px;background:#fff;color:var(--ink);box-shadow:0 4px 12px #8c3d7920;font-weight:750;min-height:45px}.btn.primary{background:var(--accent);color:#fff}.btn.dark{background:#623e67;color:#fff}.btn.good{background:#287e67;color:white}.btn.warn{background:#9f394c;color:white}.btn.ghost{background:transparent;box-shadow:none;border:1px solid #dfbdd0}.btn.tiny{min-height:34px;padding:6px 10px;font-size:14px}.input,.textarea,.select{width:100%;border:2px solid #efd6e3;border-radius:13px;background:#fff;padding:11px 12px;color:var(--ink);min-height:46px}.textarea{min-height:92px;resize:vertical}.label{display:block;font-weight:800;margin-bottom:6px}.pill{display:inline-flex;background:#fff0f5;color:#8e315f;padding:7px 13px;border-radius:99px;font-weight:800;font-size:14px}.success{color:#167555}.error{color:#a53853}.divider{height:1px;background:#efdce6;margin:14px 0}.progress{width:100%;height:13px;border-radius:18px;overflow:hidden;background:#efdfeb}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#cb578c,#8164bf);transition:width .2s}.desktop{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#fff 0 4%,transparent 20%),radial-gradient(circle at 85% 24%,#ffeaac 0,transparent 24%),linear-gradient(135deg,#fff1f8 0,#efc4dd 44%,#dac7f0 100%)}.desktop:before{content:'✿';position:absolute;left:6%;top:8%;font-size:180px;color:#fff8;transform:rotate(-13deg);pointer-events:none}.desktop:after{content:'✦ ✿ ✧';position:absolute;right:7%;bottom:16%;font-size:100px;letter-spacing:40px;color:#ffffff7a;pointer-events:none}.topbar{position:absolute;top:12px;right:20px;left:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:4;padding:11px 18px;border:1px solid #fff9;background:#ffffff7a;backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 7px 20px #803a6a13}.desktop-icons{position:absolute;top:100px;right:20px;bottom:92px;display:grid;grid-template-columns:repeat(2,100px);align-content:start;gap:15px;overflow:auto;max-width:min(230px,40vw);padding:4px;z-index:3}.desktop-icon{border:0;background:#fff8;border-radius:24px;padding:11px 5px;min-height:98px;box-shadow:0 8px 22px #9d4b7623;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-weight:800;font-size:14px;color:#5c3353;backdrop-filter:blur(9px)}.desktop-icon .emoji{font-size:37px}.desktop-icon:hover{background:white;transform:translateY(-2px)}.dock{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:20;min-width:min(850px,96%);display:flex;justify-content:center;flex-wrap:wrap;gap:8px;background:#ffffffb5;border:1px solid white;padding:10px 14px;border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(22px)}.dock button{border:0;background:#fff8;border-radius:17px;padding:10px 12px;font-size:21px;min-width:48px}.dock button.active{background:#efd2e6;outline:2px solid #c65d8a}.window{position:absolute;width:min(940px,calc(100vw - 28px));height:min(670px,calc(100vh - 125px));min-height:230px;top:70px;left:clamp(4px,10vw,160px);z-index:5;background:#fff9fce8;border:1px solid #fff;border-radius:25px;overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(22px);display:flex;flex-direction:column}.window.max{inset:8px 8px 83px 8px!important;width:auto!important;height:auto!important}.window-head{background:linear-gradient(100deg,#ffe5f0,#f2e4fc);padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:grab;touch-action:none;user-select:none;min-height:60px;border-bottom:1px solid #e8c7d8}.window-head:active{cursor:grabbing}.window-title{display:flex;align-items:center;gap:11px;font-weight:850;min-width:0}.window-title span:first-child{font-size:27px}.window-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-controls{display:flex;gap:7px}.window-controls button{height:34px;width:34px;border:0;border-radius:12px;background:#fff9;color:#6c4260;font-weight:900}.window-body{padding:20px;overflow-y:auto;flex:1;overscroll-behavior:contain}.welcome{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,#fff 0,transparent 25%),linear-gradient(145deg,#fff4f8,#f8c8dc 65%,#d9c5f2)}.welcome-panel{max-width:680px;width:90%;text-align:center;padding:45px 28px;background:#fffafce8;border-radius:40px;border:2px solid white;box-shadow:var(--shadow)}.welcome-emoji{font-size:90px}.stages{display:flex;gap:8px;flex-wrap:wrap}.stage{flex:1 1 170px;padding:14px;background:#fff;border:2px solid #efcfdf;border-radius:18px;text-align:center}.stage .n{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#cb6b98;color:white}.stage h3{font-size:16px;margin-top:8px}.letter{padding:25px;border-radius:23px;background:linear-gradient(130deg,#f9bfd7,#e9d2f8);border:3px dashed #b95488;text-align:center;max-width:460px;margin:auto}.letter .seal{font-size:65px;display:block}.quote{font-size:clamp(24px,3vw,34px);font-weight:850;line-height:2;color:#69325b}.options{display:grid;gap:9px}.option{border:2px solid #ead1df;background:white;border-radius:14px;padding:15px;text-align:right;font-weight:750}.option.correct{border-color:#1e9b6b;background:#e0f9ec}.option.wrong{border-color:#bd536b;background:#ffe7ed}.kwl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.note{display:flex;align-items:start;gap:5px;padding:11px;border-radius:12px;background:white;border:1px solid #f0d9e6;margin-top:8px;overflow-wrap:anywhere}.note button{margin-right:auto}.folder{border:3px solid #d5aad0;border-radius:24px;padding:22px;background:#fff1f9;text-align:center;cursor:pointer;min-height:170px}.folder .emoji{font-size:65px}.flip-card{border:2px solid #e6bfdb;border-radius:20px;padding:18px;background:#fff;min-height:115px}.flip-card button{margin-top:8px}.dropzone{border:2px dashed #bd82aa;border-radius:20px;min-height:140px;padding:15px;background:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.token{border:2px solid #d0a6c1;border-radius:13px;background:#ffe6f0;padding:9px 12px;cursor:grab;display:inline-block;font-weight:700;touch-action:manipulation}.token.selected{outline:3px solid #6852a6}.token.done{opacity:.45}.zone{border:2px dashed #aa81a0;background:#fff9;border-radius:17px;padding:15px;min-height:120px;cursor:pointer}.zone strong{display:block;margin-bottom:8px}.wheel-wrap{position:relative;width:min(390px,85vw);margin:auto}.wheel-wrap canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 15px #9d38743a)}.pointer{position:absolute;top:50%;right:-8px;transform:translateY(-50%);font-size:38px;color:#923968;text-shadow:0 2px 2px white;z-index:2}.toast-wrap{position:absolute;top:88px;left:22px;z-index:80;width:min(410px,90vw);display:grid;gap:8px;pointer-events:none}.toast{background:#fff;border-right:6px solid #bd5b8c;border-radius:18px;box-shadow:var(--shadow);padding:17px;pointer-events:auto}.timer-text{font-size:clamp(42px,7vw,75px);font-variant-numeric:tabular-nums;font-weight:900;color:#893b6f}.floating-timer{position:absolute;left:18px;bottom:92px;z-index:15;background:#fffefbe8;border:1px solid #fff;padding:8px 13px;border-radius:17px;box-shadow:var(--shadow);font-weight:900}.secret-lock{font-size:52px}.venn{position:relative;height:250px;max-width:560px;margin:auto}.venn .circle{position:absolute;width:58%;height:210px;top:10px;border-radius:50%;border:4px solid #b878a2;background:#f8c8dc8a;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center}.venn .circle.a{right:0}.venn .circle.b{left:0;background:#dcc6f28a;border-color:#8b6cb6}.venn .overlap{position:absolute;top:82px;left:39%;width:22%;background:white;border-radius:12px;padding:10px;text-align:center;z-index:1;box-shadow:0 3px 10px #7a3d6140}.desktop-mode{font-size:calc(18px * var(--text-scale,1))}.desktop-mode .window-body{font-size:1.08em}.desktop-mode .btn{font-size:1em}.wide-mode .window:not(.max){width:min(1100px,calc(100vw - 20px));height:min(750px,calc(100vh - 110px))}.hidden{display:none!important}img.asset{max-width:100%;max-height:300px;border-radius:16px;object-fit:contain}.fileline{display:flex;gap:8px;align-items:center;justify-content:space-between;background:white;padding:8px 12px;border-radius:13px}.confetti{position:fixed;pointer-events:none;z-index:200;font-size:30px;animation:fall 1.8s ease-out forwards}@keyframes fall{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(240px) rotate(390deg);opacity:0}}@media(max-width:760px){:root{font-size:16px}.window{left:5px!important;top:59px!important;width:calc(100vw - 10px);height:calc(100dvh - 135px);border-radius:18px}.window.max{inset:3px 3px 78px 3px!important}.window-body{padding:13px}.desktop-icons{grid-template-columns:repeat(3,78px);top:94px;right:10px;max-width:95%;bottom:90px;gap:9px}.desktop-icon{font-size:12px;min-height:79px}.desktop-icon .emoji{font-size:29px}.topbar{top:5px;left:6px;right:6px;padding:8px;font-size:13px}.dock{padding:7px;bottom:6px}.kwl,.three,.four{grid-template-columns:1fr}.two{grid-template-columns:1fr}.window-head{touch-action:none}.welcome-panel{padding:25px 15px}.welcome-emoji{font-size:62px}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.desktop-widget{position:absolute;top:28%;left:8%;width:min(520px,57vw);z-index:2;padding:30px;border-radius:34px;background:#fff9fce0;box-shadow:0 18px 50px #8f427a26;border:2px solid #fff;backdrop-filter:blur(15px)}.desktop-widget h2{font-size:clamp(28px,3vw,40px);color:#913b70}.desktop-widget .flower{font-size:58px;filter:drop-shadow(0 8px 12px #9c5c8930)}.desktop-widget p{font-size:20px;line-height:1.75}.desktop-widget .row{margin-top:18px}.desktop-widget .btn{font-size:17px}.desktop-widget .polkadots{position:absolute;left:24px;top:24px;color:#bb73a4;font-size:28px;opacity:.7}@media(max-width:760px){.desktop-widget{display:none}}

/* إضافات الموقع القديم دون تعديل النمط الأصلي */
.classroom-poster{display:block;width:100%;height:auto;border-radius:22px;border:3px solid #f6c6dc;box-shadow:0 10px 24px #aa618a29}
.mystery-envelope{display:block;width:100%;padding:20px 8px;font-size:clamp(20px,3vw,30px);background:linear-gradient(120deg,#f9cadd,#e5d8fb);border:2px solid #c65d8a;border-radius:22px;color:#6f2448;font-weight:900;min-height:95px}
.evidence-text{font-size:clamp(20px,2.5vw,28px);font-weight:700;line-height:1.85;margin:16px 0}
.reading-sheet{line-height:2;font-size:clamp(20px,2.2vw,27px);color:#3e2b3b}
.reading-sheet p{margin:0 0 18px}

/* أشرطة توضح الاستراتيجيات؛ لا تغير تصميم سطح المكتب أو ترتيب عناصره */
.method-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;background:#fff5fa;border:2px solid #e9b3cc;border-radius:16px;padding:12px 16px;color:#74334f;font-size:clamp(17px,1.5vw,22px);font-weight:800;box-shadow:0 4px 16px #c65d8a14}.method-strip span{background:white;border-radius:12px;padding:6px 12px}.card.pink h1{line-height:1.5}@media(max-width:650px){.method-strip{font-size:16px;padding:8px}}

/* تفاعل فكرّي–زاوجي–شاركي والمادة ٣٤ */
.tp-track{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tp-track span{border-radius:25px;background:#fff;padding:10px 16px;border:2px solid #e7bdd2;font-weight:800}.tp-track span.on{background:#c65d8a;color:white;border-color:#c65d8a}.tp-answer{width:100%;text-align:right;display:block;padding:15px 20px;border:2px solid #e7bdd2;border-radius:16px;background:white;margin:10px 0;font:inherit;font-size:clamp(18px,1.7vw,24px);cursor:pointer;line-height:1.6}.tp-answer.correct{background:#ddf8e7;border-color:#2b9860}.tp-answer.incorrect{background:#ffe0e6;border-color:#d46c79}.article-34{background:#fffafc;border:2px solid #df99bc}.article-34 h2{color:#9b244c}.article-text{font-size:clamp(20px,2vw,28px);line-height:2;color:#5f2647;font-weight:800;background:#ffe9f3;padding:22px;border-radius:16px;margin:12px 0}.article-34 a{color:#9b244c;text-decoration:underline;font-weight:800}