@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{font-family:Cairo,Noto Kufi Arabic,Segoe UI,Tahoma,sans-serif;color:#182b34;background:#f5f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,.link-button{min-height:50px;border:1px solid transparent;border-radius:12px;padding:11px 19px;cursor:pointer;font-weight:700;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}button:hover:not(:disabled),.link-button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d8a72d;outline-offset:3px}.app-shell{max-width:1180px;margin:auto;padding:22px clamp(16px,4vw,48px) 52px}nav{display:flex;align-items:center;gap:12px;margin-bottom:38px}nav a{color:#1b4b54;font-weight:700;text-decoration:none;padding:8px 11px;border-radius:8px}nav a:not(:first-child){background:#e9f2f0}nav a:first-child{margin-left:auto;color:#143f49;font-size:1.08rem;letter-spacing:-.02em}.home,.entry,.library,.task,.result,.review-page{max-width:1000px;margin:0 auto}.home,.entry{padding:clamp(30px,8vw,78px);background:#fff;border:1px solid #dce8e5;border-radius:22px;box-shadow:0 12px 30px #1b4b540a}h1{font-size:clamp(2rem,5vw,3.65rem);line-height:1.32;letter-spacing:-.03em;margin:8px 0 17px}h2{line-height:1.55;letter-spacing:-.015em}p{line-height:1.9}.eyebrow{color:#32767a;font-size:.92rem;letter-spacing:.02em;font-weight:800;margin:0}.primary{background:#176d73;color:#fff;border-color:#176d73;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 12px #176d7329}.primary:hover:not(:disabled){background:#0f5c61}.secondary{background:#eff6f4;color:#174e51;border-color:#c5dcd7;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.text-link,.review-link{color:#176d73;font-weight:800;text-decoration:none}.text-link{display:inline-block;margin-inline-start:18px}.link-button{display:inline-flex;align-items:center;justify-content:center}.action-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.action-group .text-link{display:inline-flex;align-items:center;min-height:50px;margin-inline-start:0;padding:11px 6px}.task-grid,.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.task-grid article,.result-grid article,.login-card,.checkpoint,.challenge,.system-panel,.review-question{background:#fff;border:1px solid #dce8e5;border-radius:18px;box-shadow:0 8px 24px #1b4b5408}.task-grid article{padding:25px}.task-grid article h2{margin-top:4px}.task header{margin-bottom:25px}.task-header-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.review-link{background:#edf6f4;border:1px solid #cee3de;border-radius:10px;padding:8px 13px;white-space:nowrap}.journey{display:flex;align-items:flex-start;justify-content:center;gap:9px;overflow-x:auto;padding:12px 5px 45px;direction:rtl;scrollbar-color:#bdd4cf transparent}.journey-node{position:relative;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;padding:8px 13px;background:#eaf3f1;border:1px solid #d4e5e1;border-radius:10px;color:#1f434b;font-weight:800}.journey .active{color:#fff;background:#176d73;border-color:#176d73}.journey-arrow{flex:0 0 auto;padding-top:10px;color:#648582;font-size:1.15rem;font-style:normal;font-weight:700}.storage-link{position:absolute;top:calc(100% + 7px);right:50%;display:inline-flex;align-items:center;gap:4px;transform:translate(50%);padding:3px 8px;color:#176d73;background:#f7fbfa;border:1px dashed #9fc7c0;border-radius:99px;font-size:.72rem;font-weight:800;line-height:1.3;white-space:nowrap}.storage-link b{font-size:1rem;line-height:1}.journey .active .storage-link{color:#176d73;background:#fff;border-color:#80b3aa}.login-card{max-width:590px;margin:auto;padding:clamp(23px,4vw,38px)}label{display:block;font-weight:700;margin:18px 0}input,select{display:block;width:100%;min-height:50px;margin-top:8px;border:1px solid #b8cfca;background:#fff;border-radius:10px;padding:10px 13px;direction:rtl}input:focus,select:focus{border-color:#176d73}.hint{color:#90501d}.checkpoint{max-width:780px;margin:25px auto;padding:clamp(22px,3.5vw,36px)}.checkpoint h2{margin-top:8px}.checkpoint-progress{margin:6px 0 0;color:#52706f;font-size:.88rem;font-weight:700}.choices{display:grid;gap:11px;margin:22px 0}.choices button{text-align:right;background:#f6faf9;border-color:#c9ddd8;color:#20454b;min-height:55px}.choices button:hover:not(:disabled){background:#eaf4f2;border-color:#80aaa4}.feedback-card{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:22px;padding:18px;border-radius:13px;border:1px solid;text-align:right}.feedback-card.is-correct{background:#edf8f2;border-color:#9bcdb0}.feedback-card.is-review{background:#fff8e8;border-color:#e5c675}.feedback-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:1.2rem;font-weight:800}.is-correct .feedback-icon{color:#28784c}.is-review .feedback-icon{color:#966918}.feedback-title{margin:0;font-weight:800;color:#194a49}.feedback-message{margin:4px 0 0;line-height:1.75}.feedback-timer{color:#4a6e69;font-size:.9rem;margin:10px 0 0}.feedback-answer{margin:12px 0 0;color:#6c4b12;line-height:1.7}.feedback-actions{margin-top:15px}.feedback{min-height:30px;color:#255b56;font-weight:700}.system-panel{max-width:780px;margin:20px auto;padding:clamp(20px,3vw,32px)}.system-panel code{display:block;padding:10px;background:#f2f7f6;margin:8px 0;border-radius:7px;direction:ltr}.warning{border-right:5px solid #c57832}.success{border-right:5px solid #408366}.challenge{max-width:870px;margin:20px auto;padding:clamp(22px,3vw,35px)}.matching{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.matching label{padding:13px;margin:0;background:#f5faf8;border:1px solid #dfebe8;border-radius:10px}.matching select{direction:ltr}.concept-matching .concept-example-title{display:block;text-align:left;font-weight:800}.concept-matching small{display:block;min-height:40px;margin-top:4px;color:#52706f;font-size:.82rem;line-height:1.55}.concept-matching select{direction:rtl;text-align:right}.matching-guide{margin:14px 0 0;padding:11px 14px;background:#edf7f5;border-right:4px solid #4d948b;border-radius:10px;color:#275a56;font-size:.9rem;line-height:1.75}.concept-matching .match-card.is-wrong{background:#fff4f0;border-color:#df907d;box-shadow:0 0 0 2px #be594114}.concept-matching .match-card.is-wrong select{border-color:#cf7765}.matching-summary{display:grid;gap:4px;margin-top:18px;padding:14px 16px;background:#fff6e9;border:1px solid #e8ca84;border-radius:12px;color:#6f4c13;line-height:1.65}.matching-summary span{font-size:.9rem}.match-feedback{margin:12px 0 0;color:#8d3d2d;font-size:.86rem;font-weight:600;line-height:1.7}.selected-order{display:flex;flex-wrap:wrap;gap:8px;min-height:46px;margin:16px 0}.selected-order span{padding:8px 11px;background:#dcecea;border-radius:8px;direction:ltr;font-weight:700}.result{padding:15px 0}.result-grid article{padding:20px}.result-grid h2{color:#20575b;font-size:1.05rem;margin-top:0}.review-page{padding-bottom:34px}.review-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:7px 0 22px}.review-header h1{font-size:clamp(2rem,4.3vw,3.15rem)}.attempt-picker{max-width:370px;margin:15px 0 24px}.review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.review-summary article{padding:17px;border-radius:15px;background:#fff;border:1px solid #dce8e5}.review-summary span{display:block;font-size:.88rem;color:#52706f}.review-summary strong{display:block;margin-top:8px;color:#174e51;font-size:1.7rem}.accuracy-note{margin:17px 0 28px;color:#3f6562}.focus-list{padding:25px;margin:20px 0 30px;border-radius:18px;background:#fffaf0;border:1px solid #eddba4}.focus-list>h2,.all-answers>h2{margin-top:0}.review-question{padding:21px;margin:14px 0}.review-question.corrected{border-right:5px solid #d39b2b}.review-question.needs-review{border-right:5px solid #ba6144}.review-question.first-try{border-right:5px solid #4c9570}.review-question-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.review-state{padding:5px 10px;background:#eff6f4;color:#215f55;border-radius:99px;font-size:.85rem;font-weight:800}.needs-review .review-state{background:#fff0ec;color:#994b38}.corrected .review-state{background:#fff6df;color:#8a6418}.question-id,.concept-label{color:#577371;font-size:.87rem;font-weight:700}.review-question h2{font-size:1.05rem;margin:14px 0 4px}.review-explanation{margin-top:15px;padding:13px 15px;background:#f8fbfa;border-radius:10px}.review-explanation p{margin:5px 0}.review-positive{color:#28784c;font-weight:700}.robot-task{--robot-blue: #245fc7;--robot-ink: #173d70;--robot-mint: #eaf7f2}.robot-entry{text-align:center}.entry-robot{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 14px;border:1px solid #cde0f5;border-radius:30px;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 8%,#eaf5ff 45%,#d7e9ff);font-size:4.2rem;box-shadow:0 10px 22px #245fc71f}.robot-progress{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;overflow-x:auto;padding:4px 0 17px}.robot-progress span{min-width:120px;padding:9px 12px;color:#5a7170;background:#edf4f5;border:1px solid #d6e5e3;border-radius:99px;font-size:.84rem;font-weight:800;text-align:center}.robot-progress .active{color:#fff;background:var(--robot-blue);border-color:var(--robot-blue)}.robot-lab{margin:20px auto;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid #d6e4e5;border-radius:22px;box-shadow:0 10px 28px #1b4b540d}.robot-lab-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.robot-lab-heading h2{margin:5px 0}.robot-lab-heading p{margin:0}.mission-badge{flex:0 0 auto;padding:8px 13px;color:var(--robot-ink);background:#e9f1ff;border:1px solid #bcd2fb;border-radius:99px;font-weight:800;direction:ltr}.mission-badge.success{color:#206545;background:#e9f7ed;border-color:#b6ddc0}.destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 18px}.destination-card{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:120px;color:#245068;background:#f6fafb;border-color:#c9dde3}.destination-card span{font-size:2rem}.destination-card.selected{color:#fff;background:var(--robot-blue);border-color:var(--robot-blue);box-shadow:0 8px 18px #245fc72e}.robot-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:18px;margin:24px 0}.robot-map{padding:19px;background:linear-gradient(145deg,#f3fbfc,#eaf3ff);border:1px solid #c8dce9;border-radius:18px}.robot-map-top{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#21516d}.robot-status{padding:5px 9px;background:#fff;border:1px solid #c6dce7;border-radius:99px;font-size:.8rem;font-weight:800}.robot-status.failed{color:#9d3d2c;background:#fff1ee;border-color:#e5aa9c}.robot-status.delivered{color:#1c6a47;background:#ecf8ef;border-color:#abd8b7}.robot-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:6px;margin-top:30px;position:relative}.robot-track:before{content:"";position:absolute;top:22px;right:11%;left:11%;height:5px;background:#bad4e5;border-radius:99px}.robot-stop{position:relative;display:grid;justify-items:center;gap:7px;color:#5b767a;text-align:center;z-index:1}.robot-stop span{display:grid;place-items:center;width:48px;height:48px;background:#fff;border:2px solid #bfd5e5;border-radius:50%;font-size:1.45rem}.robot-stop.active{color:#164d7d;font-weight:800}.robot-stop.active span{border-color:var(--robot-blue);box-shadow:0 0 0 6px #245fc71f;transform:translateY(-5px);transition:transform .28s ease}.robot-stop small{font-size:.74rem;line-height:1.4}.robot-map-note{margin:22px 0 0;color:#3e626b;font-size:.87rem}.trace-panel{overflow:hidden;background:#122a43;border:1px solid #203e59;border-radius:18px;color:#e7f0f6}.trace-header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#0d2137;color:#fff}.trace-header span{font-weight:800;direction:ltr}.trace-header small{color:#b8ccdc}.trace-row{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:11px 13px;border-top:1px solid rgb(201 225 241 / 12%);opacity:.46}.trace-row b{display:grid;place-items:center;width:23px;height:23px;color:#a9c7db;background:#1f425f;border-radius:50%;font-size:.75rem}.trace-row span{font-size:.87rem;font-weight:700}.trace-row small{grid-column:2;color:#aac1d1;font-size:.75rem;line-height:1.5}.trace-row.done{opacity:1}.trace-row.current{background:#4a9bff26}.trace-row.current b{color:#082039;background:#7cc2ff}.robot-alert{margin:20px 0 0;padding:16px 18px;color:#843b2c;background:#fff4f1;border:1px solid #e3a290;border-radius:14px}.robot-alert p{margin:5px 0 0}.robot-alert .primary{margin-top:12px}.robot-alert.success{color:#216543;background:#eff9f2;border-color:#a7d5b4}.program-order{display:flex;flex-wrap:wrap;gap:8px;min-height:66px;margin:22px 0 12px;padding:13px;background:#f1f7f8;border:1px dashed #91babd;border-radius:14px}.program-order p{width:100%;margin:4px;color:#587573}.program-order span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:#194b68;background:#fff;border:1px solid #c8ddec;border-radius:9px;font-size:.88rem;font-weight:800}.program-order b{display:grid;place-items:center;width:22px;height:22px;color:#fff;background:var(--robot-blue);border-radius:50%;font-size:.75rem}.command-bank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.command-card{min-height:58px;color:#1f4d6b;background:#fff;border:1px solid #b8d2e6;text-align:right}.command-card:hover:not(:disabled){border-color:var(--robot-blue);background:#edf5ff}.repair-feedback{margin:17px 0 0;padding:12px 14px;color:#89442e;background:#fff7e9;border-radius:10px;line-height:1.75}.repair-feedback.correct{color:#1f6a43;background:#edf9f1}.drink-task{--robot-blue: #ca6b1d;--robot-ink: #713b12}.drink-entry{text-align:center}.entry-drink{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 14px;border:1px solid #f2cc91;border-radius:30px;background:radial-gradient(circle at 35% 30%,#fff8df 0,#fff8df 8%,#fff0c6 45%,#ffd98f);font-size:4.2rem;box-shadow:0 10px 22px #ca6b1d24}.drink-lab .mission-badge{color:#713b12;background:#fff3df;border-color:#f2ca8a}.drink-lab .mission-badge.success{color:#206545;background:#e9f7ed;border-color:#b6ddc0}.drink-input-panel{margin:20px 0;padding:15px 17px;background:#fff8ee;border:1px solid #f3d7ad;border-radius:14px}.drink-input-panel p{margin:0 0 10px}.sugar-options{display:flex;flex-wrap:wrap;gap:10px}.sugar-options button{min-height:46px;color:#70401b;background:#fff;border-color:#e9c58d}.sugar-options button.selected{color:#fff;background:#ca6b1d;border-color:#ca6b1d}.sugar-options.large{margin:22px 0}.sugar-options.large button{flex:1 1 220px;min-height:72px;font-size:1.05rem}.drink-station{padding:19px;background:linear-gradient(145deg,#fffaf1,#fff0d3);border:1px solid #f0d19c;border-radius:18px}.drink-station-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#70401b;font-weight:800}.drink-state{padding:5px 9px;background:#fff;border:1px solid #edcf9f;border-radius:99px;font-size:.8rem}.drink-state.served{color:#1c6a47;background:#eff9f2;border-color:#b0d9b9}.order-compare{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin-top:19px}.order-compare article{display:grid;gap:5px;padding:12px;background:#fff;border:1px solid #eed8b2;border-radius:12px}.order-compare article small{color:#84674a}.order-compare article b{color:#4c3524;font-size:.88rem}.order-compare article.different-input{background:#fff1ed;border-color:#e7aa99}.order-compare article.served{background:#edf9f0;border-color:#a9d7b3}.order-compare>span{display:grid;place-items:center;color:#c16a21;font-size:1.2rem;font-weight:800}.drink-cup{display:grid;place-items:center;width:82px;height:82px;margin:18px auto 6px;border:3px solid #efb86d;border-radius:15px 15px 28px 28px;background:#fff;font-size:2.5rem}.drink-cup.blending{animation:drink-blend .75s ease-in-out infinite alternate}.drink-cup.served{background:#fff0b0;border-color:#d88b2b}.drink-station>p{margin:10px 0 0;color:#76583d;font-size:.88rem;text-align:center}@keyframes drink-blend{to{transform:rotate(5deg) scale(1.04)}}.request-reminder{margin:18px 0;padding:12px 15px;color:#713b12;background:#fff8e8;border:1px solid #f1cf97;border-radius:12px}.program-order .selected-step{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 11px;color:#194b68;background:#fff;border:1px solid #c8ddec;border-radius:9px;font-size:.88rem;font-weight:800}.program-order .selected-step small{color:#96704a;font-size:.68rem;font-weight:700}.execution-running{margin:18px 0 0;padding:13px 16px;color:#734314;background:#fff8e9;border:1px solid #efcd95;border-radius:12px;font-weight:800}.alarm-challenge{--robot-blue: #5366bd;--robot-ink: #34417e}.alarm-request{margin:20px 0;padding:14px 16px;color:#34417e;background:#f0f3ff;border:1px solid #bec8f3;border-radius:12px}.alarm-lines{display:grid;gap:10px;margin:18px 0}.alarm-lines button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:58px;color:#30445d;background:#f9fbfd;border-color:#ccdae7;text-align:right}.alarm-lines button b{display:grid;place-items:center;width:26px;height:26px;color:#fff;background:#5a78ac;border-radius:50%;font-size:.78rem}.alarm-lines button small{color:#68808d;font-size:.76rem}.alarm-lines button.removed{color:#8a3d38;background:#fff2ef;border-color:#df9487;text-decoration:line-through}.alarm-lines button.removed b{background:#bd6255}.alarm-lines button.removed small{color:#a84d43;text-decoration:none}@media (max-width: 760px){.app-shell{padding-inline:14px}nav{margin-bottom:26px}.task-grid,.result-grid,.matching,.review-summary,.destination-grid,.robot-workspace,.command-bank{grid-template-columns:1fr}.home,.entry{padding:28px}.journey{justify-content:flex-start;font-size:.85rem}.journey-node{min-height:41px;padding-inline:10px}.text-link{display:block;margin:18px 0}.action-group{align-items:stretch;gap:10px}.action-group .text-link{display:inline-flex;margin:0}.review-header{display:block}.review-header .secondary{margin-top:8px}.task-header-row{align-items:flex-start}.review-link{font-size:.85rem}.robot-lab-heading{display:block}.mission-badge{display:inline-flex;margin-top:10px}.robot-track{gap:3px}.robot-stop small{font-size:.67rem}.robot-progress{justify-content:start}.entry-robot{width:84px;height:84px;font-size:3.4rem}}