:root{--green:#397c43;--green-dark:#245d32;--green-light:#e8f3e8;--red:#a61d2d;--red-light:#fbecee;--gold:#c9982e;--gold-light:#fff5d8;--ink:#203329;--muted:#68766c;--paper:#fbfcf8;--white:#fff;--line:#e3e9e1;--shadow:0 12px 30px rgba(34,74,45,.08);--radius:22px;font-family:"Almarai",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 85% 5%,rgba(216,235,205,.24),transparent 36%),var(--paper);font-size:16px;line-height:1.75}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e0b64f;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}.site-header{min-height:80px;padding:12px clamp(18px,5vw,68px);display:flex;align-items:center;gap:26px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;min-width:245px}.brand__logo{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#f6f7fa}.brand__text{display:grid;line-height:1.35}.brand__text strong{font-size:15px}.brand__text small{color:var(--muted);font-size:11px}.main-nav{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}.nav-link{background:transparent;border:0;color:#5b695f;border-radius:999px;padding:9px 13px;font-size:13px;white-space:nowrap}.nav-link:hover,.nav-link.active{background:var(--green-light);color:var(--green-dark);font-weight:800}.teacher-tag{font-size:11px;color:var(--muted);white-space:nowrap}.teacher-tag b{display:block;color:var(--ink);font-size:13px}.app-shell{width:min(1160px,calc(100% - 40px));margin:0 auto}.save-note{width:max-content;max-width:100%;margin:12px 0 0 auto;color:#55725a;background:#f0f6eb;border-radius:99px;padding:4px 12px;font-size:11px}.view{padding:30px 0 54px;animation:appear .24s ease-out}.view[hidden]{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#f1f8ed 0%,#eff5e5 55%,#f7eddd 100%);border:1px solid #e0ebda;border-radius:30px;padding:clamp(28px,5vw,62px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:350px}.hero__copy{position:relative;z-index:2;max-width:610px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.015em;color:var(--green);display:inline-flex;align-items:center;gap:8px}.eyebrow__dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(166,29,45,.08)}h1,h2,h3,p{margin-top:0}.hero h1,.page-heading h1{font-size:clamp(31px,4.1vw,52px);letter-spacing:-.04em;line-height:1.23;margin:13px 0 12px}.hero h1 em{font-style:normal;color:var(--red)}.hero__copy>p{max-width:480px;color:#586b5c;font-size:17px;margin-bottom:22px}.hero__actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:0;border-radius:13px;padding:11px 17px;font-weight:800;font-size:13px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:var(--green);box-shadow:0 6px 16px rgba(57,124,67,.2)}.button--primary:hover{background:var(--green-dark)}.button--large{padding:14px 21px;font-size:14px}.button--secondary{color:var(--green-dark);background:var(--green-light);border:1px solid #cfe3cf}.button--quiet{color:var(--green-dark);background:rgba(255,255,255,.7);border:1px solid var(--line)}.button--quiet:hover,.button--secondary:hover{background:#fff}.button--small{padding:7px 11px;font-size:11px}.button--full{width:100%}.hero__facts{display:flex;gap:17px;flex-wrap:wrap;margin-top:22px;color:#637469;font-size:11px}.hero__facts span:before{content:"✓";color:var(--green);font-weight:900;margin-left:5px}.hero__art{min-height:245px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px dashed rgba(66,127,71,.3);width:260px;height:210px;transform:rotate(-18deg)}.orbit--two{width:215px;height:260px;transform:rotate(42deg);border-color:rgba(201,152,46,.35)}.idea-card{position:relative;z-index:2;width:185px;height:184px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:32px;background:#fff;box-shadow:0 16px 44px rgba(43,85,45,.13);transform:rotate(3deg)}.idea-card__spark{position:absolute;top:17px;left:24px;color:var(--gold);font-size:22px}.idea-card__icon{font-size:50px}.idea-card b{font-size:15px}.idea-card small{font-size:11px;color:var(--muted)}.floating{position:absolute;font-size:27px;z-index:3;filter:drop-shadow(0 4px 5px #aaa4)}.floating--star{top:24px;right:15%}.floating--book{bottom:24px;left:15%}.floating--leaf{bottom:28px;right:15%;font-size:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:39px 0 18px}.section-heading h2{font-size:25px;margin:2px 0 0;line-height:1.35}.section-heading>p{font-size:12px;color:var(--muted);margin:0}.grade-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grade-card{position:relative;min-height:200px;text-align:right;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;box-shadow:0 5px 18px rgba(32,65,39,.03);transition:transform .18s ease,box-shadow .18s ease}.grade-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.grade-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;left:-42px;bottom:-62px;background:var(--accent-bg)}.grade-card--green{--accent:var(--green);--accent-bg:#edf6ec}.grade-card--gold{--accent:#a87513;--accent-bg:#fff7e1}.grade-card--red{--accent:var(--red);--accent-bg:#fcedee}.grade-card__icon{position:absolute;left:18px;top:16px;width:44px;height:44px;border-radius:14px;background:var(--accent-bg);display:grid;place-items:center;font-size:23px}.grade-card__number{color:var(--accent);font-size:11px;font-weight:800}.grade-card strong{font-size:18px;margin-top:8px}.grade-card small{color:var(--muted);font-size:12px;max-width:235px;margin-top:5px}.grade-card__go{margin-top:auto;padding-top:17px;color:var(--accent);font-size:11px;font-weight:800;z-index:1}.grade-card__go b{margin-right:5px}.home-note{display:flex;align-items:center;gap:11px;margin-top:17px;padding:12px 16px;border-radius:15px;background:#fff;border:1px solid var(--line);font-size:12px;color:#536259}.home-note p{margin:0}.home-note__icon{font-size:20px}.page-heading{margin:8px 0 24px}.page-heading h1{font-size:34px;margin:7px 0}.page-heading p{color:var(--muted);font-size:14px;margin:0}.page-heading--row{display:flex;justify-content:space-between;align-items:center}.level-chip{border-radius:999px;background:var(--green-light);color:var(--green-dark);padding:8px 14px;font-size:12px;font-weight:800}.two-column-layout,.progress-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px rgba(32,65,39,.035);padding:22px}.form-panel{display:grid;gap:14px}.field{display:grid;gap:6px;min-width:0}.field>span{font-size:12px;font-weight:800;color:#394a3e}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe7dd;border-radius:11px;padding:10px 12px;color:var(--ink);background:#fcfdfb;font-size:13px;outline:none}.field textarea{resize:vertical;min-height:74px;line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus{border-color:#76a57a;box-shadow:0 0 0 3px rgba(57,124,67,.1)}.field input::placeholder,.field textarea::placeholder{color:#a1aca2}.field-hint{color:#7d897f;font-size:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tip-panel{background:#f6faf2;border-color:#e4ede0}.tip-panel__icon{font-size:27px}.tip-panel h2{font-size:19px;margin:6px 0}.tip-panel>p{color:var(--muted);font-size:13px}.tip-panel__sample{display:grid;gap:5px;background:#fff;border:1px dashed #d6e3d4;border-radius:14px;padding:13px;font-size:11px;color:#5d6a60}.tip-panel__sample strong{color:var(--green-dark);font-size:12px}.text-button{margin-top:16px;padding:0;border:0;background:none;color:var(--green-dark);font-weight:800;font-size:12px}.plan-result{margin-top:18px;animation:appear .2s ease-out}.plan-result h2{font-size:20px;margin-bottom:4px}.plan-result__intro{color:var(--muted);font-size:12px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}.plan-card{padding:13px;border-radius:14px;background:#f8faf6;border:1px solid var(--line)}.plan-card strong{font-size:12px;color:var(--green-dark);display:block;margin-bottom:5px}.plan-card p,.plan-card ul{margin:0;color:#536259;font-size:11px}.plan-card ul{padding-right:16px}.plan-result__footer{margin-top:13px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.plan-result__footer small{font-size:10px;color:var(--muted)}.workshop-stepper{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#96a198;font-size:11px}.stepper-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.stepper-item b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eff2ed;color:#718072}.stepper-item.active{color:var(--green-dark);font-weight:800}.stepper-item.active b{background:var(--green);color:#fff}.workshop-stepper i{height:1px;width:38px;background:#d9e3d8}.template-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:18px}.template-card{min-height:105px;text-align:right;border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px;display:flex;flex-direction:column;gap:4px;transition:.15s ease}.template-card:hover,.template-card.selected{border-color:#80a984;background:#f1f8ef;box-shadow:0 4px 12px rgba(57,124,67,.08)}.template-card__icon{font-size:22px}.template-card strong{font-size:11px;line-height:1.45}.template-card small{font-size:9px;color:var(--muted)}.builder-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;align-items:start}.builder-form{display:grid;gap:12px}.panel-heading{display:flex;align-items:center;gap:11px;margin-bottom:7px}.panel-heading__icon{width:39px;height:39px;flex:0 0 39px;border-radius:13px;display:grid;place-items:center;background:var(--green-light);font-size:19px}.panel-heading h2{font-size:17px;margin:0}.panel-heading p{font-size:10px;color:var(--muted);margin:1px 0 0}.preview-panel{padding:20px}.game-preview{background:#f7faf5;border:1px solid #e4ede0;border-radius:17px;min-height:210px;padding:14px;display:grid;place-items:center}.preview-empty{text-align:center;color:var(--muted)}.preview-empty span{display:block;font-size:34px}.preview-empty strong{display:block;color:var(--ink);font-size:14px}.preview-empty p{font-size:11px;margin:3px 0}.game-window{width:100%;align-self:stretch;display:flex;flex-direction:column;gap:11px}.game-window__heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.game-window__heading strong{font-size:14px}.game-window__heading small{font-size:10px;color:var(--muted);display:block}.game-score{padding:3px 9px;border-radius:99px;background:var(--gold-light);color:#755709;font-size:10px;font-weight:800;white-space:nowrap}.game-question{font-size:14px;font-weight:800;margin:0}.game-instructions{font-size:10px;color:var(--muted);margin:-6px 0 0}.game-options{display:grid;gap:7px}.game-option{width:100%;text-align:right;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:11px;color:var(--ink)}.game-option:hover{border-color:var(--green);background:#f8fcf7}.game-message{min-height:23px;font-size:11px;color:var(--green-dark);font-weight:800}.game-message.error{color:var(--red)}.game-movement{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.game-movement button,.game-control{border:1px solid #dbe6da;background:#fff;color:var(--green-dark);border-radius:10px;padding:7px 12px;font-weight:800;font-size:12px}.maze-grid{display:grid;grid-template-columns:repeat(5,34px);justify-content:center;gap:4px;margin:4px auto}.maze-cell{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid #e5ebe4;font-size:16px}.maze-cell.wall{background:#d9dfd6;border-color:#d9dfd6}.maze-cell.path{background:#f5fbf2}.collect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.collect-item{min-height:44px;border:1px solid #e2e9df;background:#fff;border-radius:11px;font-size:21px}.order-grid{display:grid;gap:6px}.order-item{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px;text-align:right;font-size:11px}.order-item:disabled{color:#89958b;background:#f2f5f0;text-decoration:line-through}.code-lines{display:grid;gap:4px;direction:ltr;text-align:left;font-family:ui-monospace,monospace}.code-line{border:1px solid #e2e7df;background:#fff;border-radius:8px;padding:7px 9px;text-align:left;font:12px ui-monospace,monospace}.code-line:hover{border-color:var(--red);background:#fff7f7}.test-actions{border-top:1px solid var(--line);padding-top:13px;margin-top:14px;display:grid;gap:10px}.test-actions .field{gap:4px}.test-actions .field input{padding:8px 10px;font-size:11px}.form-feedback{color:var(--green-dark);font-size:10px;min-height:16px;margin:0}.preview-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.preview-actions .button{font-size:10px;flex:1}.assistant-panel{margin-top:16px;display:flex;gap:14px;padding:20px;border-radius:20px;background:#f4f8fb;border:1px solid #e2eaf0}.assistant-panel__badge{flex:0 0 44px;width:44px;height:44px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:23px}.assistant-panel__body{flex:1;min-width:0}.assistant-panel h2{font-size:17px;margin:3px 0}.assistant-panel p{margin:0 0 8px;color:#435448;font-size:13px}.prompt-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#fff;border:1px dashed #c8d6dd;border-radius:12px;font-size:11px}.prompt-box>span{flex:1}.assistant-panel__body>small{display:block;color:#718078;font-size:10px;margin-top:8px}.progress-layout{grid-template-columns:1fr 1fr}.achievements-panel,.rubric-panel{min-height:330px}.achievement-list{display:grid;gap:9px;margin:14px 0}.achievement-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:13px;border:1px solid var(--line);background:#fbfcfa}.achievement-item.done{border-color:#d1e5d1;background:#f2f8f0}.achievement-item__mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef2eb;color:#809080;font-size:14px}.achievement-item.done .achievement-item__mark{background:var(--green-light);color:var(--green-dark)}.achievement-item strong{display:block;font-size:11px}.achievement-item small{display:block;color:var(--muted);font-size:9px}.rubric-rows{display:grid;gap:8px;margin:14px 0}.rubric-row{display:grid;grid-template-columns:1fr 58px 31px;align-items:center;gap:8px;font-size:11px}.rubric-row strong{font-size:11px}.rubric-row small{color:var(--muted);font-size:9px;display:block}.rubric-row input{width:58px;border:1px solid var(--line);border-radius:8px;padding:5px;text-align:center;font-size:11px}.rubric-total{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px}.rubric-total strong{font-size:18px;color:var(--green-dark)}.rubric-total strong b{font-size:22px}.local-data-note{margin-top:14px;padding:11px 14px;border-radius:13px;background:#f5f8f3;color:#617065;font-size:11px}.timeline-panel{padding:8px 22px}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:85px 30px 1fr;gap:10px;align-items:stretch;min-height:77px}.timeline-time{padding-top:19px;font-size:12px;font-weight:800;color:var(--green-dark);text-align:left}.timeline-track{display:flex;justify-content:center;position:relative}.timeline-track:after{content:"";position:absolute;width:2px;background:#dce8d9;top:0;bottom:0}.timeline-item:first-child .timeline-track:after{top:20px}.timeline-item:last-child .timeline-track:after{bottom:55%}.timeline-dot{width:21px;height:21px;border:4px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 1px #c5dbc4;position:relative;z-index:1;margin-top:17px}.timeline-copy{padding:12px 0 13px;border-bottom:1px solid #eff2ed}.timeline-item:last-child .timeline-copy{border:0}.timeline-copy strong{font-size:13px}.timeline-copy p{font-size:11px;color:var(--muted);margin:2px 0}.guide-bottom{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}.guide-tip{display:flex;gap:12px;align-items:flex-start;padding:17px}.guide-tip>span{font-size:22px}.guide-tip strong{font-size:12px}.guide-tip p{color:var(--muted);font-size:11px;margin:3px 0 0}.site-footer{border-top:1px solid var(--line);padding:17px 0 28px;display:flex;align-items:center;gap:10px;color:#66746a;font-size:10px;flex-wrap:wrap}.footer-logo{width:28px;height:28px;object-fit:contain;border-radius:7px}.site-footer i{height:16px;width:1px;background:var(--line)}.site-footer small{margin-right:auto;color:#8a958b}.toast{position:fixed;bottom:20px;left:20px;z-index:50;background:#253c2b;color:#fff;padding:10px 15px;border-radius:12px;font-size:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}.toast.show{opacity:1;transform:translateY(0)}
@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.site-header{gap:12px;padding-inline:18px;flex-wrap:wrap}.brand{min-width:200px}.main-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto}.nav-link{padding:7px 10px}.teacher-tag{margin-right:auto}.template-list{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-layout{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.app-shell{width:min(100% - 28px,600px)}.site-header{padding:10px 14px}.brand__logo{width:42px;height:42px}.brand__text strong{font-size:13px}.brand__text small{font-size:10px}.teacher-tag{font-size:9px}.teacher-tag b{font-size:11px}.main-nav{gap:2px}.nav-link{font-size:10px;padding:7px 9px}.view{padding-top:20px}.hero{grid-template-columns:1fr;min-height:0;padding:25px 22px}.hero__copy>p{font-size:14px}.hero__art{min-height:190px;margin-top:6px}.idea-card{width:154px;height:150px;border-radius:27px}.idea-card__icon{font-size:41px}.orbit{width:210px;height:180px}.orbit--two{width:190px;height:215px}.floating--star{right:20%}.floating--book{left:18%}.section-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-top:27px}.section-heading h2{font-size:22px}.grade-list{grid-template-columns:1fr}.grade-card{min-height:160px;padding:18px}.grade-card__icon{width:40px;height:40px}.two-column-layout,.progress-layout,.builder-layout{grid-template-columns:1fr}.page-heading h1{font-size:29px}.panel{padding:17px;border-radius:18px}.field-row{gap:8px}.template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{min-height:95px}.page-heading--row{align-items:flex-start}.workshop-stepper{gap:5px;font-size:9px}.stepper-item{gap:4px}.stepper-item b{width:20px;height:20px}.workshop-stepper i{width:15px}.assistant-panel{padding:15px;gap:10px}.prompt-box{align-items:flex-start;flex-direction:column}.guide-bottom{grid-template-columns:1fr}.timeline-item{grid-template-columns:65px 25px 1fr;gap:7px}.timeline-time{font-size:10px}.timeline-copy strong{font-size:12px}.site-footer{gap:7px}.site-footer small{flex-basis:100%;margin:0}.save-note{font-size:9px}.plan-grid{grid-template-columns:1fr}}
@media(max-width:390px){.brand{min-width:auto}.brand__text small{max-width:150px}.teacher-tag{display:none}.nav-link{font-size:9px;padding:7px}.app-shell{width:calc(100% - 20px)}.field-row{grid-template-columns:1fr}.hero__actions .button{flex:1}.grade-card{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


.lesson-create-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}.lesson-generator-form{display:grid;gap:13px}.lesson-generator-tip{background:#f5f9f1;border-color:#e1ecdc}.lesson-generator-tip h2{font-size:18px;margin:6px 0}.lesson-generator-tip ul{margin:0 0 14px;padding-right:20px;color:#4e6253;font-size:13px}.lesson-generator-tip li{margin:5px 0}.lesson-generator-tip>p{margin:0;color:#718078;font-size:11px}.lesson-sample-button{align-self:end;min-height:43px}.lesson-output{display:grid;gap:16px;margin-top:18px}.lesson-output[hidden]{display:none}.lesson-overview{background:linear-gradient(115deg,#f4f9f0,#fff 70%)}.lesson-overview h2{font-size:24px;margin:5px 0}.lesson-overview>p{color:#586b5c;font-size:13px;margin:7px 0 12px}.lesson-overview__meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.lesson-overview__meta span{border-radius:99px;background:#eef5e9;color:#315e36;padding:5px 10px;font-size:10px;font-weight:800}.lesson-objectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.lesson-objective{border:1px solid #e4ebdf;background:#fff;border-radius:12px;padding:11px;color:#435448;font-size:11px}.lesson-objective b{display:block;color:var(--green-dark);margin-bottom:4px;font-size:10px}.lesson-slide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lesson-slide-card{position:relative;background:#fbfcf9;border:1px solid #e5ebe2;border-radius:14px;padding:14px 15px;min-width:0}.lesson-slide-card__number{position:absolute;top:12px;left:13px;width:25px;height:25px;border-radius:9px;background:#edf5e9;color:var(--green-dark);display:grid;place-items:center;font-size:10px;font-weight:900}.lesson-slide-card h3{font-size:14px;margin:0 30px 7px 0;color:var(--green-dark)}.lesson-slide-card ul{margin:0;padding-right:17px;color:#526257;font-size:11px}.lesson-slide-card li{margin:4px 0}.lesson-slide-card__example{margin:9px 0 0;padding:8px 10px;border-radius:9px;background:#fff7df;color:#68551f;font-size:10px}.lesson-quiz-progress{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#68766c;font-size:11px;margin-bottom:10px}.lesson-quiz-progress strong{color:var(--green-dark)}.lesson-quiz-question{font-size:17px;font-weight:900;color:#273b2c;margin:8px 0 13px}.lesson-quiz-options{display:grid;gap:8px}.lesson-quiz-option{width:100%;text-align:right;padding:11px 13px;border-radius:11px;border:1px solid #dfe7dd;background:#fff;color:var(--ink);font-size:12px}.lesson-quiz-option:hover:not(:disabled){border-color:#79a67b;background:#f5faf3}.lesson-quiz-option.is-correct{border-color:#70a875;background:#edf7eb;color:#245d32;font-weight:800}.lesson-quiz-option.is-wrong{border-color:#d9969e;background:#fff0f1;color:#8d2631}.lesson-quiz-feedback{min-height:26px;margin:10px 0 0;color:var(--green-dark);font-size:12px;font-weight:800}.lesson-quiz-feedback.is-wrong{color:var(--red)}.lesson-quiz-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.lesson-quiz-result{text-align:center;padding:22px 12px;background:#f4f8f1;border-radius:15px}.lesson-quiz-result strong{display:block;color:var(--green-dark);font-size:25px}.lesson-quiz-result p{color:#586b5c;font-size:13px;margin:4px 0 13px}.lesson-output-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-output-actions .form-feedback{flex-basis:100%}.lesson-output-actions .button{min-height:44px}.lesson-source-note{font-size:10px;color:#748176;margin-top:9px}.lesson-generator-status--error{color:var(--red)}
@media(max-width:760px){.lesson-create-layout{grid-template-columns:1fr}.lesson-objectives{grid-template-columns:1fr}.lesson-slide-list{grid-template-columns:1fr}.lesson-output-actions .button{flex:1 1 100%}.lesson-sample-button{width:100%;align-self:stretch}.lesson-quiz-navigation{align-items:stretch;flex-direction:column}.lesson-quiz-navigation .button{width:100%}}
@media(max-width:430px){.lesson-generator-form,.lesson-overview,.lesson-slides-panel,.quiz-panel,.lesson-output-actions{padding:15px}.lesson-overview h2{font-size:21px}.lesson-quiz-question{font-size:15px}}