@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#142a34;--muted:#566b77;--navy:#102f3e;--teal:#0b8c82;--surface:#fff;--line:#dbe6e9;--soft:#f1f6f7;--shadow:0 18px 48px #1c445312}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:DM Sans,Manrope,system-ui,-apple-system,sans-serif}html[lang=ar] body{font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #0b8c82}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(1120px,100% - 48px);margin:0 auto}.header{z-index:20;background:#fffffff2;border-bottom:1px solid #d7e8eab3;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:20px;height:80px;display:flex}.brand{letter-spacing:-1.1px;white-space:nowrap;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;display:inline-flex}.brand-mark{background:var(--navy);color:#fff;letter-spacing:-2px;border-radius:11px;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:relative}.brand-mark span{color:#6ff0ce;letter-spacing:0;font-size:17px;position:absolute;bottom:-4px;right:4px}.brand-accent{color:#119990}.nav{color:#3e5964;align-items:center;gap:34px;font-size:14px;font-weight:700;display:flex}.nav a:hover{color:#0c8e82}.language-wrap select{color:#213d49;background:#f5f9fa;border:1px solid #e0eaeb;border-radius:10px;max-width:150px;padding:10px 13px;font-size:13px;font-weight:700}.hero{background:radial-gradient(600px 430px at 82% 35%,#d2f3e9 0%,#0000 76%),linear-gradient(135deg,#f9fcfc 0%,#eef9f7 100%);overflow:hidden}.hero-layout{grid-template-columns:1.16fr .84fr;align-items:center;gap:60px;min-height:510px;padding:67px 0;display:grid}.eyebrow{color:#137d73;letter-spacing:2.2px;align-items:center;gap:10px;font-size:12px;font-weight:800;display:inline-flex}.eyebrow-dot{background:#0caa93;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #d4f2e9}.hero h1{letter-spacing:-2.8px;margin:26px 0 20px;font-size:clamp(39px,4.2vw,64px);font-weight:800;line-height:1.12}.gradient-text{color:#129182}.hero-subtitle{color:#5b7279;max-width:530px;margin:0 0 28px;font-size:17px;line-height:1.85}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:12px 23px;font-size:14px;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:#123b48;box-shadow:0 7px 18px #123b4829}.button-primary:hover{background:#0a4f52}.button-outline{color:#173947;background:#fff;border-color:#cadcde}.hero-button{min-height:54px}.hero-trust{color:#526970;flex-wrap:wrap;gap:16px 20px;margin-top:27px;font-size:12px;font-weight:700;display:flex}.hero-trust span:first-letter{color:#139482}.hero-visual{justify-content:center;align-items:center;min-height:360px;display:flex;position:relative}.visual-halo{filter:blur(5px);opacity:.7;background:linear-gradient(135deg,#d2f3eb,#c3e6e4);border-radius:50%;width:370px;height:370px;position:absolute}.sample-card{z-index:1;background:#fff;border:1px solid #e2edef;border-radius:21px;width:100%;max-width:340px;padding:21px 24px 19px;transform:rotate(-3deg);box-shadow:0 25px 60px #114a4a29}.sample-top,.sample-caption{color:#7a929b;letter-spacing:1.2px;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.sample-indicator{color:#20a38f;letter-spacing:4px;font-size:9px}.sample-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:268px;margin:22px auto;display:grid}.sample-cell{aspect-ratio:1;color:#173f4b;background:#f1f6f8;border-radius:9px;place-items:center;font-size:24px;font-weight:800;display:grid}.sample-missing{color:#129784;background:#e2f8ed;border:2px solid #20a895}.sample-caption{letter-spacing:0;border-top:1px solid #e5eff0;padding-top:13px;font-size:10px}.sample-tick{color:#0a8a73;background:#d4f7ec;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.float-pill{z-index:2;color:#147b75;background:#fff;border-radius:100px;padding:12px 20px;font-size:12px;font-weight:800;position:absolute;bottom:11px;right:-1px;transform:rotate(4deg);box-shadow:0 12px 35px #143d481f}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-top:60px;padding-bottom:62px;display:grid}.feature{padding:0 8px}.feature-icon{border-radius:14px;place-items:center;width:47px;height:47px;font-size:27px;font-weight:800;display:grid}.icon-blue{color:#4871c0;background:#eaf1ff}.icon-teal{color:#119d8b;background:#e0f5ef}.icon-amber{color:#b98225;background:#fff3de}.feature h2{letter-spacing:-.45px;margin:18px 0 8px;font-size:17px;font-weight:800}.feature p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.trainer-section{background:#f3f7f8;border-top:1px solid #edf1f2;border-bottom:1px solid #e5ebed;padding:70px 0 80px}.section-heading{text-align:center;margin-bottom:28px}.section-kicker{letter-spacing:2px;color:#15887c;font-size:11px;font-weight:800}.section-heading h2{letter-spacing:-1.1px;margin:11px 0;font-size:clamp(25px,3vw,36px);font-weight:800}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:950px;margin:0 auto 22px;display:grid}.mode-card{text-align:start;color:var(--ink);background:#fff;border:1.5px solid #e1eaec;border-radius:17px;flex-direction:column;align-items:flex-start;gap:7px;min-height:135px;padding:21px 21px 22px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.mode-card:hover{transform:translateY(-2px);box-shadow:0 8px 26px #173b4511}.mode-active{border-color:#15a899;box-shadow:0 0 0 3px #13a4930d}.mode-icon{color:#118d82;font-size:22px;font-weight:800;line-height:1}.mode-title{margin-top:4px;font-size:15px;font-weight:800}.mode-description{color:#657a84;font-size:12px;line-height:1.55}.mode-selected{color:#fff;border:1px solid #d8e6e8;border-radius:100%;place-items:center;width:19px;height:19px;font-size:11px;display:grid;position:absolute;top:17px;right:16px}.mode-active .mode-selected{background:#0a9686;border-color:#0a9686}.trainer-panel{box-shadow:var(--shadow);background:#fff;border:1px solid #e2ebed;border-radius:21px;max-width:950px;min-height:375px;margin:0 auto}.work-area{padding:29px 33px 33px}.question-top{border-bottom:1px solid #e6eef0;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.overline{text-transform:uppercase;letter-spacing:1.7px;color:#0b8e80;font-size:11px;font-weight:800}.question-top h3{letter-spacing:-.5px;margin:7px 0 0;font-size:20px;line-height:1.5}.difficulty-switch{white-space:nowrap;background:#f0f5f5;border-radius:11px;gap:3px;padding:4px;display:flex}.difficulty-switch button{color:#60757f;background:0 0;border:0;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:800}.difficulty-switch .active{color:#0c756c;background:#fff;box-shadow:0 2px 6px #133a4a14}.exercise-layout{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:42px;padding-top:28px;display:grid}.puzzle-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.puzzle-grid{grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));direction:ltr;gap:6px;width:100%;max-width:335px;display:grid}.puzzle-cell{aspect-ratio:1;color:#173d4c;background:#f0f5f6;border-radius:9px;justify-content:center;align-items:center;font-size:clamp(19px,3vw,27px);font-weight:800;display:flex}.puzzle-blank{color:#bfced2}.puzzle-target{color:#08977d;background:#e1f8ef;border:2px solid #09a791;font-size:28px;box-shadow:inset 0 0 0 1px #b7ead9}.question-index{color:#6b828d;margin-top:14px;font-size:12px;font-weight:700}.question-rule{color:#657e89;margin:0 0 19px;font-size:13px;line-height:1.8}.answer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.shape-choice{aspect-ratio:1;color:#163e4b;background:#fff;border:1.5px solid #dce8ea;border-radius:12px;min-height:49px;font-size:24px;font-weight:800;transition:background .15s,border-color .15s,transform .15s}.shape-choice:hover:not(:disabled){background:#e8f8f4;border-color:#16a08f;transform:translateY(-1px)}.shape-choice:disabled{opacity:.62}.chosen-choice{background:#def5ed;border-color:#078f82}.hint-toggle{color:#0b887d;background:0 0;border:0;align-items:center;gap:8px;padding:15px 0;font-size:12px;font-weight:800;display:flex}.hint-toggle:hover{text-decoration:underline}.hint-box{color:#285e58;background:#eff9f6;border:1px solid #d4efe6;border-radius:11px;padding:12px 14px;font-size:13px;line-height:1.7}.feedback-box{background:#fffcf7;border:1px solid #f0d6bc;border-radius:14px;max-height:475px;margin-top:18px;padding:16px;overflow-y:auto}.feedback-correct{background:#f4fcf8;border-color:#cceadd}.feedback-title{align-items:center;gap:8px;font-size:13px;font-weight:800;line-height:1.6;display:flex}.feedback-title span{color:#fff;background:#ed9c3b;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.feedback-correct .feedback-title span{background:#12947c}.correct-symbol{color:#47616d;font-size:12px}.correct-symbol strong{color:#106f68;margin-inline-start:5px;font-size:20px}.reasoning-steps{border-top:1px solid #e4e7e4;padding-top:8px}.reasoning-steps h4{margin:6px 0 14px;font-size:13px}.reasoning-step{align-items:flex-start;gap:10px;margin:0 0 13px;display:flex}.step-number{color:#287068;background:#e6f0ee;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:grid}.reasoning-step strong{font-size:12px}.reasoning-step p{color:#536b73;margin:4px 0;font-size:12px;line-height:1.5}.step-shapes{color:#183b46;letter-spacing:2px;font-weight:800}.next-button{width:100%;margin-top:10px}.timer-pill{color:#0b776a;white-space:nowrap;font-variant-numeric:tabular-nums;background:#e2f5f0;border-radius:11px;padding:10px 14px;font-size:16px;font-weight:800}.timer-low{color:#a34a19;background:#fff0e8}.intro-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:375px;padding:50px 20px;display:flex}.intro-illustration{color:#0e8f7b;background:#e3f6ef;border-radius:23px;place-items:center;width:74px;height:74px;font-size:44px;display:grid}.intro-state h3{margin:0;font-size:23px}.intro-state p{color:#607984;max-width:440px;margin:0 0 8px;font-size:14px;line-height:1.8}.result-label{color:#0b8c80;font-size:14px;font-weight:800}.result-number{letter-spacing:-3px;font-size:66px;font-weight:800;line-height:1}.result-number span{color:#8aa0a8;margin-inline-start:7px;font-size:22px;font-weight:700}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.generation-error{color:#9f352b;font-size:13px}.loading-puzzle{color:#78929c;padding:60px 12px}.about-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;padding-top:76px;padding-bottom:67px;display:grid}.about-copy h2{letter-spacing:-1.3px;margin:16px 0;font-size:clamp(27px,3vw,38px);line-height:1.22}.about-copy p{color:#617883;margin:0;font-size:15px;line-height:1.9}.stats-card{background:linear-gradient(145deg,#f2f9f9,#fff);border:1px solid #dfeaec;border-radius:19px;padding:26px 29px}.stats-heading{align-items:center;gap:10px;display:flex}.stats-heading span{color:#0b8b7b;font-size:24px}.stats-heading h3{margin:0;font-size:15px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:22px 0;display:grid}.stats-grid>div{flex-direction:column;gap:6px;display:flex}.stats-grid span{color:#617982;font-size:12px}.stats-grid strong{color:#143d4a;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.privacy-short{color:#637984;border-top:1px solid #e0eaeb;margin:0 0 9px;padding-top:15px;font-size:12px;line-height:1.7}.reset-button{color:#54707c;background:0 0;border:0;padding:7px 0;font-size:12px;text-decoration:underline}.reset-button:hover{color:#0b887d}.privacy-bar{color:#687f88;border-top:1px solid #e9f0f0;align-items:flex-start;gap:12px;padding-top:24px;padding-bottom:50px;display:flex}.privacy-bar p{margin:0;font-size:12px;line-height:1.9}.privacy-symbol{color:#0c9d87;font-size:26px}.footer{color:#fff;background:#12313c}.footer-inner{color:#c5d7da;justify-content:space-between;align-items:center;gap:16px;min-height:90px;font-size:12px;display:flex}.footer-brand{color:#fff;font-size:20px}html[dir=rtl] .mode-selected{left:16px;right:auto}html[dir=rtl] .float-pill{left:-1px;right:auto}html[dir=rtl] .hero h1,html[lang=ar] .section-heading h2{letter-spacing:0}@media (max-width:900px){.hero-layout{grid-template-columns:1fr .8fr;gap:25px}.sample-card{padding:17px}.hero h1{font-size:46px}.exercise-layout{gap:22px}.about-section{gap:30px}}@media (max-width:700px){.container{width:min(100% - 32px,600px)}.header-inner{height:68px}.nav{display:none}.brand{font-size:20px}.language-wrap select{max-width:134px;padding:9px 8px}.hero-layout{grid-template-columns:1fr;gap:12px;min-height:auto;padding:48px 0 43px}.hero h1{letter-spacing:-1.6px;margin:19px 0;font-size:clamp(35px,9vw,48px)}.hero-subtitle{font-size:15px}.hero-visual{min-height:250px}.visual-halo{width:250px;height:230px}.sample-card{max-width:230px;padding:14px;transform:rotate(-2deg)}.sample-grid{gap:4px;margin:12px auto}.sample-cell{border-radius:6px;font-size:18px}.sample-top,.sample-caption{font-size:8px}.float-pill{padding:9px 14px;bottom:0;right:12%}.features{grid-template-columns:1fr;gap:23px;padding-top:40px;padding-bottom:45px}.feature{grid-template-columns:51px 1fr;gap:0 13px;padding:0;display:grid}.feature-icon{grid-row:span 2}.feature h2{margin:0 0 4px;font-size:15px}.feature p{font-size:12px}.trainer-section{padding:46px 0 55px}.mode-grid{gap:7px}.mode-card{min-height:141px;padding:13px 11px}.mode-description{font-size:10px}.mode-title{font-size:13px}.mode-icon{font-size:19px}.mode-selected{top:10px;right:9px}.work-area{padding:19px 14px 24px}.question-top{flex-direction:column;align-items:stretch;gap:16px}.question-top h3{font-size:18px}.difficulty-switch{align-self:flex-start}.exercise-layout{grid-template-columns:1fr;gap:21px;padding-top:19px}.puzzle-grid{max-width:330px}.answer-area{width:100%}.answer-grid{max-width:400px;margin:0 auto}.shape-choice{min-height:49px}.question-rule{text-align:center}.about-section{grid-template-columns:1fr;gap:24px;padding-top:52px;padding-bottom:35px}.stats-card{padding:22px}.privacy-bar{padding-bottom:33px}.footer-inner{flex-wrap:wrap;min-height:90px;padding:22px 0}.footer-inner>span:nth-child(2){display:none}}@media (max-width:380px){.mode-card{min-height:140px;padding:10px 7px}.mode-description{font-size:9px}.mode-title{font-size:12px}.puzzle-grid{gap:4px}.puzzle-cell{border-radius:7px}.stats-grid strong{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.topic-picker{justify-content:center;gap:9px;margin:0 auto 22px;display:flex}.topic-picker button{color:#45646e;background:#fff;border:1.5px solid #dce8ea;border-radius:12px;align-items:center;gap:7px;padding:11px 18px;font-size:13px;font-weight:800;display:flex}.topic-picker button.selected{color:#087d72;background:#e8f8f2;border-color:#0c9c8b}.topic-picker button:hover{border-color:#19a494}.logic-teacher{text-align:center;max-width:670px;margin:auto;padding:35px 30px}.logic-teacher h3{margin:14px 0;font-size:24px}.logic-teacher>p{color:#607883;max-width:560px;margin:0 auto;font-size:14px;line-height:1.9}.logic-teacher-demo{gap:7px;max-width:330px;margin:21px auto 15px;display:flex}.logic-teacher-demo span{aspect-ratio:1;color:#173c49;background:#eef6f7;border-radius:10px;flex:1;place-items:center;font-size:26px;display:grid}.logic-teacher-demo .missing{color:#128978;background:#e2f8ee;border:2px solid #1ba594;font-weight:800}.logic-teacher-explain{text-align:start;color:#285661;background:#f0f8f7;border-radius:12px;gap:6px;max-width:400px;margin:0 auto;padding:15px 18px;font-size:13px;line-height:1.6;display:grid}.logic-teacher-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 0;display:flex}.logic-retry{color:#9b5825;background:#fffaee;border:1px solid #f2d6b7;border-radius:10px;margin:12px 0;padding:11px 12px;font-size:12px;line-height:1.7}.puzzle-hint-cell:not(.puzzle-target){outline-offset:-2px;background:#fff5df;outline:2px solid #eaaa4b}@media (max-width:600px){.topic-picker{gap:7px}.topic-picker button{flex:1;justify-content:center;padding:10px 9px;font-size:11px}.logic-teacher{padding:25px 15px}.logic-teacher h3{font-size:20px}.logic-teacher-demo span{font-size:21px}.logic-teacher-actions .button{width:100%}}.topic-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:1010px;display:grid}.topic-picker button{justify-content:center;min-width:0;min-height:62px;padding:13px 9px;font-size:12px;line-height:1.5}.topic-picker button span:first-child{font-size:20px}.topic-picker button span:last-child{overflow-wrap:anywhere;text-align:start}@media (max-width:750px){.topic-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.topic-picker button{justify-content:flex-start;min-height:59px;padding:10px 11px;font-size:12px}.topic-picker button span:first-child{font-size:18px}}.topic-picker{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1110px}@media (max-width:950px){.topic-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.topic-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}.puzzle-wrapper{align-self:start;min-width:0}.puzzle-level-guide{text-align:center;color:#245e57;background:#eef8f5;border:1px solid #dceee7;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:335px;min-height:44px;margin:0 auto 14px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.5;display:flex}.puzzle-grid{max-width:345px}.puzzle-cell{border:1px solid #0000;min-width:0}button.puzzle-cell{font:inherit;cursor:pointer;touch-action:manipulation;font-size:clamp(19px,3vw,27px);font-weight:750}button.puzzle-cell:hover:not(:disabled){background:#eaf7f3;border-color:#80c6b9}button.puzzle-cell:focus-visible{outline-offset:2px;outline:3px solid #12a493}button.puzzle-cell:disabled{cursor:default}.puzzle-pencil-mark{color:#457c8b!important;background:#eaf4f6!important;border:1.5px dashed #95b9c5!important;font-weight:650!important}.puzzle-pencil-selected{outline-offset:-3px;outline:3px solid #0eaa95;background:#e8f8f3!important}.puzzle-pencil-toolbar{background:#f6fcfa;border:1px solid #cce7df;border-radius:12px;width:min(100%,345px);margin:10px auto 0;padding:10px 11px;box-shadow:0 4px 16px #1b6b6010}.puzzle-pencil-description{flex-direction:column;gap:2px;margin-bottom:9px;line-height:1.5;display:flex}.puzzle-pencil-description strong{color:#146d60;font-size:12px}.puzzle-pencil-description span{color:#55767c;font-size:11px}.puzzle-pencil-options{direction:ltr;align-items:center;gap:6px;display:flex}.puzzle-pencil-option{color:#1e4a56;cursor:pointer;background:#fff;border:1.5px solid #d1e5e5;border-radius:9px;flex:1;min-width:0;height:42px;font-size:21px}.puzzle-pencil-option:hover,.puzzle-pencil-option.active{background:#e4f7ef;border-color:#1ca58e}.puzzle-pencil-close{color:#6a7e83;cursor:pointer;background:0 0;border:0;min-width:28px;height:42px;font-size:24px}.puzzle-pencil-option:focus-visible,.puzzle-pencil-close:focus-visible,.puzzle-pencil-clear:focus-visible{outline-offset:2px;outline:3px solid #14a68f}.puzzle-pencil-clear{color:#477781;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:8px;padding:5px;font-size:11px;text-decoration:underline;display:block}.generation-error{background:#fff4f0;border:1px solid #eec6be;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 12px;display:flex}.generation-error button{color:#8f3429;cursor:pointer;background:#fff;border:1px solid #bc7669;border-radius:6px;padding:6px 9px;font-weight:700}@media (max-width:700px){.puzzle-level-guide{margin-bottom:11px;padding:7px 10px;font-size:11px}.puzzle-grid{gap:5px;max-width:330px}.puzzle-pencil-toolbar{max-width:330px}.puzzle-pencil-option{height:43px;font-size:20px}}.puzzle-grid{gap:clamp(5px,1.4vw,9px);width:min(100%,390px);max-width:390px}.puzzle-grid .puzzle-cell{color:#142f3b;background:#eff3f4;border:1px solid #0000;border-radius:12px;min-width:0;font-size:clamp(32px,9.5vw,46px);font-weight:850;line-height:1}.puzzle-grid button.puzzle-cell{font-family:inherit;font-size:clamp(32px,9.5vw,46px);font-weight:800}.puzzle-grid .puzzle-blank{color:#b9c7cc;background:#eff3f4}.puzzle-grid .puzzle-target{color:#142f3b;background:#eaf1f0;border:3px solid #16a994;font-size:clamp(37px,11vw,55px);font-weight:900;box-shadow:inset 0 0 0 1px #14a9941a}.puzzle-grid .puzzle-symbol{color:#142f3b;flex:none;width:clamp(32px,9.5vw,46px);height:clamp(32px,9.5vw,46px);display:block}.puzzle-grid .puzzle-empty-dot{color:#bacbd0;font-size:clamp(21px,5vw,27px);font-weight:700;line-height:1}.puzzle-grid .puzzle-pencil-mark{color:#315a67!important;background:#e9f2f3!important;border:2px dashed #7dabb4!important}.puzzle-grid .puzzle-pencil-mark .puzzle-symbol{color:#315a67}.puzzle-grid .puzzle-pencil-selected{outline-offset:-3px;outline:3px solid #12a693}.answer-grid{gap:clamp(6px,1.7vw,11px)}.answer-grid .shape-choice{color:#142f3b;opacity:1;background:#fff;border:1.5px solid #d9e5e7;border-radius:13px;justify-content:center;align-items:center;min-width:0;min-height:64px;padding:7px;font-size:clamp(30px,8.5vw,43px);display:flex}.answer-grid .shape-choice:disabled{opacity:1;cursor:default}.answer-grid .shape-choice .puzzle-symbol{color:#142f3b;flex:none;width:clamp(31px,8.4vw,43px);height:clamp(31px,8.4vw,43px);display:block}.answer-grid .shape-choice.chosen-choice{background:#e8f5ef;border-color:#14a28d}.puzzle-pencil-options .puzzle-pencil-option{justify-content:center;align-items:center;display:flex}.puzzle-pencil-option .puzzle-symbol{width:27px;height:27px;display:block}.correct-symbol .puzzle-symbol,.reasoning-step .puzzle-symbol{vertical-align:middle;color:#142f3b;width:22px;height:22px;display:inline-block}.puzzle-level-guide,.puzzle-pencil-toolbar{max-width:390px}@media (max-width:700px){.puzzle-grid{gap:clamp(5px,1.4vw,8px);width:100%;max-width:390px}.puzzle-grid .puzzle-cell{border-radius:10px}.puzzle-grid .puzzle-symbol{width:clamp(30px,9.5vw,41px);height:clamp(30px,9.5vw,41px)}.answer-grid .shape-choice{border-radius:12px;min-height:60px}}@media (max-width:360px){.puzzle-grid .puzzle-symbol{width:30px;height:30px}.answer-grid .shape-choice .puzzle-symbol{width:31px;height:31px}.puzzle-grid .puzzle-cell{border-radius:9px}}.logic-workspace-monochrome .topic-picker button.selected{color:#242424;background:#f3f3f3;border-color:#bbb}.logic-workspace-monochrome .mode-card{border-radius:12px;min-height:108px;padding:15px}.logic-workspace-monochrome .mode-active{background:#f9f9f9;border-color:#999;box-shadow:0 0 0 1px #ddd}.logic-workspace-monochrome .mode-icon{color:#444}.logic-workspace-monochrome .mode-active .mode-selected{background:#444;border-color:#444}.logic-launch{text-align:center;background:#fff;border:1px solid #e2e2e2;border-radius:15px;flex-direction:column;align-items:center;gap:17px;width:min(100%,950px);margin:0 auto;padding:24px;display:flex}.logic-launch-copy{max-width:520px}.logic-launch-copy .overline{color:#777;letter-spacing:1px;font-size:11px}.logic-launch-copy h3{margin:8px 0 5px;font-size:23px}.logic-launch-copy p{color:#666;margin:0;font-size:14px;line-height:1.7}.logic-launch-level{background:#f4f4f4;align-self:center}.logic-launch-level button{padding:11px 19px}.logic-launch-level button.active{color:#222}.logic-launch-button{background:#323232;border:0;min-width:200px}.logic-launch-button:hover{background:#454545}.logic-assessment{z-index:1000;isolation:isolate;color:#212121;background:#fff;flex-direction:column;width:100%;height:100dvh;font-family:DM Sans,Manrope,system-ui,sans-serif;display:flex;position:fixed;inset:0}html[lang=ar] .logic-assessment{font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif}.logic-assessment button{touch-action:manipulation}.logic-assessment-header{min-height:57px;padding:8px max(17px,env(safe-area-inset-right)) 8px max(17px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #ececec;flex:none;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;column-gap:10px;display:grid}.logic-assessment-header>strong{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.logic-exit{color:#444;background:0 0;border:0;border-radius:9px;justify-self:start;align-items:center;gap:6px;min-width:44px;min-height:42px;padding:6px 8px;font-size:12px;font-weight:700;display:flex}.logic-exit span:first-child{font-size:26px;font-weight:400;line-height:1}.logic-exit:hover,.logic-exit:focus-visible{background:#f2f2f2}.logic-assessment-counter{color:#666;white-space:nowrap;justify-self:end;font-size:12px}.logic-assessment-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:13px 18px 20px;overflow-y:auto}.logic-assessment-content{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(100%,430px);min-height:100%;margin:0 auto;display:flex}.logic-assessment-meta{color:#777;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:318px;font-size:12px;font-weight:600;display:flex}.logic-assessment-clock{font-variant-numeric:tabular-nums;color:#333}.logic-time-track{background:#eee;border-radius:6px;width:100%;max-width:318px;height:4px;overflow:hidden}.logic-time-track>div{background:#555;height:100%;transition:width .25s linear}.logic-assessment-question{text-align:center;color:#222;margin:3px 0 5px;font-size:clamp(14px,2.9vw,17px);font-weight:700;line-height:1.5}.logic-board{--board-width:min(236px,39dvh,calc(100vw - 54px));width:var(--board-width);grid-template-columns:repeat(var(--logic-size),minmax(0,1fr));direction:ltr;gap:5px;max-width:100%;display:grid}.logic-board:has(>:nth-child(25)){--board-width:min(260px,43dvh,calc(100vw - 54px));gap:4px}.logic-board-cell{aspect-ratio:1;color:#111;width:100%;min-width:0;box-shadow:none;background:#f1f1f1;border:1px solid #e5e5e5;border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:clamp(24px,4.3dvh,32px);font-weight:750;line-height:1;display:flex}.logic-board-cell .puzzle-symbol{color:#111;fill:currentColor;flex:none;width:53%;height:53%;display:block}.logic-board-target{background:#ebebeb;border:2px solid #aaa}.logic-board-blank{background:#f6f6f6}.logic-board-selected{outline-offset:-3px;outline:2px solid #777}button.logic-board-cell:hover:not(:disabled){background:#e9e9e9}.logic-answer-label{color:#666;margin:5px 0 1px;font-size:12px;font-weight:650}.logic-answers{grid-template-columns:repeat(var(--logic-size),minmax(0,1fr));direction:ltr;gap:8px;width:min(100%,292px);display:grid}.logic-answer-choice{aspect-ratio:1;color:#111;width:100%;min-width:0;min-height:48px;box-shadow:none;background:#fafafa;border:1px solid #dedede;border-radius:9px;justify-content:center;align-items:center;padding:0;display:flex}.logic-answer-choice .puzzle-symbol{color:#111;flex:none;width:48%;max-width:31px;height:48%;max-height:31px}.logic-answer-choice:hover:not(:disabled),.logic-answer-selected{background:#eaeaea;border-color:#888}.logic-answer-choice:disabled{opacity:1}.logic-board-cell:focus-visible,.logic-answer-choice:focus-visible,.logic-note-options button:focus-visible,.logic-next-button:focus-visible,.logic-secondary-action:focus-visible,.logic-exit:focus-visible,.logic-launch-button:focus-visible{outline-offset:2px;outline:3px solid #555}.logic-assessment-hint{color:#444;text-align:center;background:#f6f6f6;border-radius:8px;width:100%;max-width:318px;margin:4px 0 0;padding:10px 12px;font-size:12px;line-height:1.65}.logic-note-panel{text-align:center;background:#fafafa;border:1px solid #ddd;border-radius:10px;width:min(100%,328px);margin:0 auto;padding:8px 9px}.logic-note-panel>span{color:#555;font-size:11px}.logic-note-options{direction:ltr;gap:5px;margin-top:6px;display:flex}.logic-note-options button{color:#333;background:#fff;border:1px solid #ddd;border-radius:7px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:39px;padding:4px;display:flex}.logic-note-options .puzzle-symbol{width:25px;height:25px}.logic-assessment-footer{padding:10px max(15px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left));background:#fff;border-top:1px solid #e8e8e8;flex:none}.logic-pending-footer,.logic-exam-help{color:#777;justify-content:space-between;align-items:center;gap:12px;width:min(100%,430px);min-height:43px;margin:0 auto;font-size:12px;display:flex}.logic-exam-help strong{font-variant-numeric:tabular-nums;color:#333;font-size:16px}.logic-feedback-footer{gap:8px;max-width:430px;margin:0 auto;display:grid}.logic-feedback-summary{color:#555;justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.logic-feedback-summary>span{color:#fff;background:#777;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.logic-feedback-summary .puzzle-symbol{color:#222;width:19px;height:19px}.logic-feedback-actions{align-items:stretch;gap:8px;display:flex}.logic-secondary-action{color:#333;background:#fff;border:1px solid #dadada;border-radius:9px;min-height:43px;padding:10px 12px;font-size:12px;font-weight:700}.logic-next-button{color:#fff;background:#333;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 15px;font-size:13px;font-weight:750;display:flex}.logic-assessment-explanation{align-self:center;width:100%;max-width:370px;padding:2px 0}.logic-assessment-explanation h2{text-align:center;margin:0 0 12px;font-size:18px}.logic-explanation-answer{color:#555;justify-content:center;align-items:center;gap:10px;margin:0 0 16px;font-size:13px;display:flex}.logic-explanation-answer .puzzle-symbol{color:#222;width:26px;height:26px}.logic-explanation-step{background:#f7f7f7;border:1px solid #eee;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.logic-explanation-step strong{font-size:13px}.logic-explanation-step p{color:#555;margin:5px 0 0;font-size:12px;line-height:1.6}.logic-explanation-step .puzzle-symbol{vertical-align:middle;width:18px;height:18px;display:inline-block}.logic-assessment-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;display:flex}.logic-assessment-error p{color:#555;font-size:14px}.logic-assessment-error .button{background:#333}.logic-assessment-results{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;min-height:0;padding:30px 20px;display:flex;overflow-y:auto}.logic-result-score{letter-spacing:-2px;font-size:clamp(48px,9vw,70px);font-weight:800}.logic-result-score span{color:#777;letter-spacing:0;font-size:22px;font-weight:600}.logic-assessment-results h2{margin:0;font-size:23px}.logic-assessment-results p{color:#666;max-width:420px;margin:0;font-size:14px;line-height:1.7}.logic-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.logic-result-actions .button-primary{background:#333}@media (max-width:700px){.logic-workspace-monochrome .mode-card{gap:4px;min-height:100px;padding:12px 10px}.logic-workspace-monochrome .mode-description{font-size:10px}.logic-launch{padding:20px 14px}.logic-launch-copy h3{font-size:20px}.logic-assessment-header>strong{font-size:12px}.logic-assessment-scroll{scrollbar-gutter:auto;padding:10px 14px 15px}.logic-assessment-content{gap:8px}.logic-board{--board-width:min(232px,40dvh,calc(100vw - 44px));gap:5px}.logic-board:has(>:nth-child(25)){--board-width:min(256px,43dvh,calc(100vw - 44px));gap:4px}.logic-board-cell{border-radius:8px;font-size:26px}.logic-answers{gap:7px;width:min(100%,272px)}.logic-answer-choice{border-radius:8px}.logic-feedback-actions .logic-secondary-action{flex:none}.logic-assessment-footer{padding-top:9px}}@media (max-height:620px){.logic-assessment-content{justify-content:flex-start}.logic-assessment-scroll{padding-top:10px}.logic-assessment-question{margin:0}.logic-board{--board-width:min(205px,38dvh,calc(100vw - 44px))}.logic-board:has(>:nth-child(25)){--board-width:min(230px,42dvh,calc(100vw - 44px))}.logic-answer-choice{min-height:44px}.logic-answers{width:min(100%,250px)}}@media (prefers-reduced-motion:reduce){.logic-time-track>div{transition:none}}.logic-workspace-monochrome{--lesson-ink:#20343a;--lesson-muted:#63757a;--lesson-accent:#247b75;--lesson-edge:#dce9e7;--lesson-soft:#f3f8f7}.logic-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,950px);margin:0 auto 16px;display:grid}.logic-path-card{color:#283e42;text-align:start;background:#fff;border:1px solid #e5e9e8;border-radius:18px;flex-direction:column;align-items:flex-start;gap:7px;padding:19px 22px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;position:relative;box-shadow:0 3px 14px #19363706}.logic-path-card:hover{background:#fafdfc;border-color:#a5c9c2}.logic-path-card.is-active{background:#f6fbf9;border-color:#8abdb2;box-shadow:0 0 0 2px #5ba09117}.logic-path-card .logic-path-icon{color:#3b8179;background:#e8f3f0;border-radius:13px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.logic-path-card strong{font-size:16px;font-weight:800}.logic-path-card>span:not(.logic-path-icon):not(.logic-path-check){color:#64787b;font-size:13px;line-height:1.7}.logic-path-check{top:18px;color:#fff;background:#e8efed;border-radius:50%;place-items:center;width:23px;height:23px;font-size:13px;display:grid;position:absolute;inset-inline-end:18px}.logic-path-card.is-active .logic-path-check{background:#428f7e}.logic-workspace-monochrome .logic-launch{background:linear-gradient(155deg,#fff,#fcfefd);border-color:#e2ece9;border-radius:18px;padding:23px 18px;box-shadow:0 10px 30px #204c460a}.logic-workspace-monochrome .logic-launch-copy .overline{color:#3d8479}.logic-workspace-monochrome .logic-launch-copy h3{color:#23383c;font-size:21px}.logic-workspace-monochrome .logic-launch-copy p{color:#66777b}.logic-workspace-monochrome .logic-launch-button{color:#fff;box-shadow:none;background:#277b71;border:1px solid #277b71;border-radius:12px}.logic-workspace-monochrome .logic-launch-button:hover{background:#1d6c62}.logic-workspace-monochrome .logic-launch-level{background:#f0f6f4;border-radius:12px}.logic-workspace-monochrome .logic-launch-level button.active{color:#1d6860}.logic-explanation-setting{color:#334d50;text-align:start;cursor:pointer;background:#f8fbfa;border:1px solid #e3eeeb;border-radius:12px;align-items:center;gap:12px;width:min(100%,390px);padding:11px 13px;display:flex}.logic-explanation-setting input,.logic-mini-setting input{accent-color:#2a8175;cursor:pointer;flex:none;width:17px;height:17px}.logic-explanation-setting span{gap:3px;display:grid}.logic-explanation-setting strong{font-size:13px;line-height:1.4}.logic-explanation-setting small{color:#6d8182;font-size:11px;line-height:1.5}.logic-timed-link{color:#397f75;text-underline-offset:3px;background:0 0;border:0;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:underline}.logic-timed-link:hover{color:#1e6459}.logic-assessment{color:#26383c;background:#fefefe}.logic-assessment-header{border-bottom:1px solid #e7efec}.logic-assessment-footer{border-top:1px solid #e7efec;box-shadow:0 -6px 25px #275d5209}.logic-next-button{color:#fff;background:#277b71;border-radius:12px;font-weight:750}.logic-next-button:hover{background:#206e66}.logic-next-button:disabled{opacity:.5;cursor:not-allowed}.logic-secondary-action{color:#30776c;background:#fff;border-color:#d6e7e2;border-radius:11px}.logic-secondary-action:hover{background:#f3f9f7}.logic-secondary-action:disabled{opacity:.4;cursor:not-allowed}.logic-mini-setting{color:#667b7a;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.logic-mini-setting input{width:15px;height:15px}.logic-pending-footer{gap:9px}.logic-feedback-summary.logic-feedback-good>span{background:#31836e}.logic-lesson-scroll{padding-top:15px;padding-bottom:22px}.logic-lesson-content{flex-direction:column;align-items:center;gap:15px;width:min(100%,440px);margin:0 auto;padding:5px 1px 12px;display:flex}.logic-lesson-progress{color:#68807d;justify-content:space-between;align-items:center;width:100%;font-size:12px;display:flex}.logic-lesson-progress strong{color:#2c7167;font-size:12px}.logic-lesson-track{background:#e8f1ee;border-radius:100px;flex:none;width:100%;height:5px;overflow:hidden}.logic-lesson-track span{background:#74af9c;border-radius:100px;height:100%;transition:width .18s;display:block}.logic-lesson-heading{text-align:center;max-width:430px}.logic-lesson-index{color:#2a8072;background:#e7f4f0;border-radius:13px;place-items:center;width:35px;height:35px;margin:0 auto 9px;font-size:13px;font-weight:800;display:grid}.logic-lesson-heading h2{color:#243b3d;margin:0 0 10px;font-size:clamp(19px,4vw,24px);line-height:1.4}.logic-lesson-heading p{color:#62777a;margin:0;font-size:14px;line-height:1.85}.logic-lesson-board{--board-width:min(228px,35dvh,calc(100vw - 60px));gap:5px}.logic-lesson-highlight{background:#e5f3ee!important;border-color:#b0d7c9!important}.logic-lesson-help-cell{border:2px dashed #6ba997!important}.logic-lesson-insight{color:#417169;background:#f2f9f6;border:1px solid #e0efea;border-radius:13px;align-items:flex-start;gap:10px;width:100%;padding:13px 15px;font-size:13px;line-height:1.85;display:flex}.logic-lesson-insight>span{flex:none;font-size:17px}.logic-lesson-insight p{margin:0}.logic-lesson-help{color:#557c75;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:17px;display:flex}.logic-lesson-mini-tag{color:#358777;background:#e9f5f0;border-radius:100px;padding:4px 9px;font-size:11px;font-weight:700}.logic-lesson-help .puzzle-symbol{vertical-align:middle;width:21px;height:21px;display:inline-block}.logic-lesson-choices{width:min(100%,270px)}.logic-lesson-check{color:#905f42;background:#fcf3ed;border-radius:11px;align-items:center;gap:9px;width:100%;padding:10px 13px;font-size:13px;line-height:1.7;display:flex}.logic-lesson-check.is-correct{color:#317c60;background:#eaf6f0}.logic-lesson-check>span{font-size:18px;font-weight:800}.logic-lesson-actions{align-items:stretch;gap:9px;max-width:430px;margin:0 auto;display:flex}.logic-lesson-actions .logic-next-button{flex:1}.logic-lesson-actions .logic-secondary-action{min-width:85px}.logic-assessment-explanation{width:100%;max-width:410px;margin:0 auto;padding:5px 0 18px}.logic-explanation-intro{text-align:center;margin:0 0 17px}.logic-explanation-intro h2{color:#263d3f;margin:10px 0 5px;font-size:21px}.logic-explanation-intro p{color:#6e8182;margin:0;font-size:13px;line-height:1.7}.logic-explanation-answer-row{justify-content:center;gap:13px;margin-bottom:20px;display:flex}.logic-explanation-answer-row>div{background:#fafdfc;border:1px solid #e6eeeb;border-radius:13px;justify-items:center;gap:7px;min-width:104px;padding:12px;display:grid}.logic-explanation-answer-row small{color:#607778;font-size:12px}.logic-explanation-answer-row strong{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.logic-picked-wrong{background:#f8eeeb}.logic-picked-right{background:#e7f5ee}.logic-explanation-answer-row .puzzle-symbol{color:#222;width:25px;height:25px}.logic-explanation-steps{gap:13px;display:grid}.logic-explanation-step{background:#fff;border:1px solid #e0ebe8;border-radius:16px;align-items:flex-start;gap:12px;padding:15px;display:flex;box-shadow:0 5px 20px #2e5d5308}.logic-explanation-number{color:#2e8170;background:#e4f3ee;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid}.logic-step-body{flex:1;min-width:0}.logic-step-body>strong{color:#294a48;font-size:14px}.logic-step-coordinates{color:#708480;margin:4px 0 9px;font-size:12px;display:block}.logic-evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.logic-evidence>div{background:#f5faf8;border:1px solid #e7f0ed;border-radius:10px;gap:7px;padding:9px;display:grid}.logic-evidence>div>span{color:#688079;font-size:11px}.logic-explanation-symbols{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.logic-explanation-symbols>span{background:#fff;border:1px solid #e8efec;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.logic-explanation-symbols .puzzle-symbol{width:17px;height:17px}.logic-step-body>p{color:#5e7672;margin:12px 0 0;font-size:13px;line-height:1.8}.logic-step-answer{vertical-align:middle;background:#e5f4ec;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;margin-inline-start:4px;display:inline-flex}.logic-step-answer .puzzle-symbol{width:20px;height:20px}.logic-explanation-takeaway{color:#427b70;background:#f2f9f7;border-radius:13px;align-items:flex-start;gap:9px;margin:15px 0 0;padding:13px 14px;font-size:13px;line-height:1.7;display:flex}.logic-explanation-takeaway span{font-size:17px}@media (max-width:700px){.logic-paths{gap:9px}.logic-path-card{border-radius:14px;min-height:160px;padding:13px}.logic-path-card strong{padding-inline-end:14px;font-size:14px;line-height:1.5}.logic-path-card>span:not(.logic-path-icon):not(.logic-path-check){font-size:11px;line-height:1.7}.logic-path-card .logic-path-icon{border-radius:10px;width:32px;height:32px}.logic-path-check{top:13px;width:18px;height:18px;font-size:11px;inset-inline-end:12px}.logic-lesson-content{gap:12px}.logic-lesson-heading p{font-size:13px}.logic-lesson-board{--board-width:min(225px,35dvh,calc(100vw - 60px))}.logic-lesson-index{border-radius:10px;width:31px;height:31px}.logic-evidence{gap:6px}.logic-explanation-step{gap:9px;padding:12px}.logic-explanation-symbols>span{width:26px;height:26px}}@media (max-width:360px){.logic-paths{grid-template-columns:1fr}.logic-path-card{min-height:0}.logic-lesson-board{--board-width:min(212px,33dvh,calc(100vw - 54px))}.logic-mini-setting{font-size:10px}}@media (prefers-reduced-motion:reduce){.logic-lesson-track span{transition:none}}.logic-path-heading{text-align:center;color:#334d51;margin:2px 0 13px;font-size:17px;font-weight:750;line-height:1.4}.logic-workspace-monochrome .logic-launch{background:#fff;border-color:#e5eeeb;gap:13px;padding:18px 19px;box-shadow:0 6px 22px #244c4210}.logic-workspace-monochrome .logic-launch-button{border-radius:13px;min-width:205px;min-height:48px;font-size:14px}.logic-method-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;max-width:100%;display:flex}.logic-method-steps>span{color:#58766f;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.logic-method-steps b{color:#2b786a;background:#e9f5f0;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.logic-method-steps>span+span:before{content:"·";color:#b2c5bf;margin-inline-end:2px}.logic-practice-note{color:#6c7f7a;text-align:center;max-width:390px;margin:0;font-size:12px;line-height:1.7}.logic-workspace-monochrome .logic-path-card{border-radius:15px;min-width:0}.logic-workspace-monochrome .logic-path-card.is-active{background:#f7fbf9;border-color:#98c6b8;box-shadow:0 1px 8px #3e887514}.logic-workspace-monochrome .logic-path-card strong{overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}.logic-workspace-monochrome .logic-lesson-check{border-radius:12px}.logic-lesson-detailed-error{gap:12px;width:100%;scroll-margin-top:20px;display:grid}.logic-lesson-detailed-error .logic-assessment-explanation{background:#fff;padding:14px 0 12px}.logic-lesson-detailed-error .logic-explanation-steps{gap:10px}.logic-lesson-retry{color:#277b71;background:#f3f9f6;border:1px solid #cde4da;border-radius:11px;justify-self:center;min-height:44px;padding:10px 22px;font-size:13px;font-weight:750}.logic-lesson-retry:hover{background:#e8f4ee}.logic-explanation-mistake-reason{color:#815941;background:#fff8f2;border:1px solid #f1e1d4;border-radius:12px;margin:0 0 14px;padding:13px 15px;font-size:13px;line-height:1.75}.logic-feedback-actions>.logic-next-button:only-child{width:100%}.logic-workspace-monochrome .logic-feedback-summary{color:#46665e}.logic-workspace-monochrome .logic-board-cell{background:#f2f4f3;border-color:#e5ebe8;border-radius:10px}.logic-workspace-monochrome .logic-board-target{background:#eaf2ee;border-color:#96aaa3}.logic-workspace-monochrome .logic-answer-choice{background:#fbfcfb;border-color:#dfe8e4;border-radius:10px}@media (max-width:700px){.logic-paths{gap:10px;margin-bottom:12px}.logic-workspace-monochrome .logic-path-card{min-height:143px;padding:13px 11px}.logic-workspace-monochrome .logic-path-card strong{font-size:13px;line-height:1.5}.logic-workspace-monochrome .logic-path-card>span:not(.logic-path-icon):not(.logic-path-check){font-size:11px;line-height:1.65}.logic-workspace-monochrome .logic-launch{padding:17px 12px}.logic-method-steps{gap:5px}.logic-method-steps>span{gap:4px;font-size:11px}.logic-method-steps b{width:20px;height:20px;font-size:11px}.logic-lesson-detailed-error .logic-assessment-explanation{padding-top:9px}.logic-lesson-detailed-error .logic-explanation-answer-row{margin-bottom:12px}}@media (max-width:360px){.logic-method-steps>span+span:before{display:none}}.logic-module{width:min(100%,950px);margin:0 auto}.logic-module-header{text-align:center;margin:2px 0 22px}.logic-module-header h3{letter-spacing:-1.1px;color:#203a40;margin:0 0 9px;font-size:clamp(25px,3.4vw,35px);line-height:1.3}.logic-module-header p{color:#687b81;max-width:700px;margin:0 auto;font-size:14px;line-height:1.75}.logic-mode-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 auto 17px;display:grid}.logic-mode-button{text-align:start;color:#26434b;background:#fff;border:1.5px solid #e0ebeb;border-radius:15px;flex-direction:column;align-items:flex-start;gap:8px;min-height:100px;padding:17px 18px;transition:background .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 3px 12px #2b565909}.logic-mode-button:hover{background:#fafdfe;border-color:#a2cac6}.logic-mode-button.selected{background:#f3faf7;border-color:#7cbcac;box-shadow:0 0 0 2px #55a28b16}.logic-mode-button strong{font-size:15px;font-weight:800;line-height:1.35}.logic-mode-button small{color:#677d81;font-size:12px;font-weight:450;line-height:1.65}.logic-mode-button:focus-visible,.logic-start-direct:focus-visible{outline-offset:3px;outline:3px solid #408f83}.logic-intro-panel{background:#fff;border:1px solid #deebeb;border-radius:20px;overflow:hidden;box-shadow:0 13px 34px #173b4310}.logic-intro-top{text-align:center;padding:27px 24px 18px}.logic-intro-top h4{color:#243d41;margin:0 0 8px;font-size:clamp(19px,2.5vw,24px);line-height:1.45}.logic-intro-top p{color:#657d81;max-width:670px;margin:0 auto;font-size:13px;line-height:1.85}.logic-intro-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:4px 22px 23px;display:grid}.logic-intro-guide-step{background:#f9fcfb;border:1px solid #e4eeed;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:14px;display:flex}.logic-intro-guide-number{letter-spacing:1.2px;color:#3d9686;font-size:11px;font-weight:800}.logic-intro-guide-step strong{color:#324f52;font-size:13px}.logic-intro-guide-step p{color:#728489;margin:0;font-size:12px;line-height:1.75}.logic-intro-start{background:#fafdfc;border-top:1px solid #e8eeee;flex-direction:column;align-items:center;gap:18px;padding:20px 22px 24px;display:flex}.logic-intro-difficulty{flex-direction:column;align-items:center;gap:9px;display:flex}.logic-intro-difficulty>span{color:#637a80;font-size:12px;font-weight:750}.logic-intro-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.logic-intro-actions .logic-launch-button{color:#fff;background:#277b71;border:1px solid #277b71;border-radius:11px;min-height:46px;padding:11px 20px}.logic-intro-actions .logic-launch-button:hover{background:#1d6d64}.logic-intro-actions .logic-start-direct{color:#366d68;background:#fff;border-color:#d2e2df;border-radius:11px;min-height:46px;padding:11px 18px}.logic-intro-actions .logic-start-direct:hover{background:#f1faf7}@media (max-width:700px){.trainer-section .topic-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:100%;margin-bottom:26px;padding:0;display:grid;overflow:visible}.trainer-section .topic-picker button{text-align:center;white-space:normal;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-width:0;height:auto;min-height:79px;padding:10px 7px;display:flex}.trainer-section .topic-picker button span:first-child{font-size:19px;line-height:1}.trainer-section .topic-picker button span:last-child{white-space:normal;text-align:center;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;width:100%;font-size:clamp(11px,2.9vw,13px);line-height:1.45;display:block}.logic-module-header{margin:0 0 16px}.logic-module-header h3{font-size:26px}.logic-module-header p{padding:0 4px;font-size:12px}.logic-mode-select{gap:7px;margin-bottom:13px}.logic-mode-button{border-radius:12px;gap:6px;min-height:116px;padding:12px 10px}.logic-mode-button strong{font-size:13px}.logic-mode-button small{font-size:11px;line-height:1.55}.logic-intro-top{padding:22px 15px 15px}.logic-intro-top h4{font-size:20px}.logic-intro-top p{font-size:12px}.logic-intro-guide{grid-template-columns:1fr;gap:8px;padding:0 13px 15px}.logic-intro-guide-step{grid-template-columns:30px 1fr;gap:3px 9px;padding:10px 12px;display:grid}.logic-intro-guide-number{grid-row:span 2;align-self:center}.logic-intro-guide-step strong{font-size:12px}.logic-intro-guide-step p{font-size:11px}.logic-intro-start{gap:15px;padding:17px 12px 19px}.logic-intro-actions .button{min-height:44px;font-size:12px}}@media (max-width:345px){.logic-mode-button{padding:10px 7px}.logic-mode-button strong{font-size:12px}.logic-mode-button small{font-size:10px}.logic-intro-actions{flex-direction:column;width:100%}.logic-intro-actions .button{width:100%}.trainer-section .topic-picker button span:last-child{font-size:11px}}@media (prefers-reduced-motion:reduce){.logic-mode-button{transition:none}}