@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap";.progress-screen{max-width:960px}.progress-groups{display:grid;gap:17px}.progress-group{background:#fff;border:1px solid #eeeae2;border-radius:21px;overflow:hidden}.progress-group-head{display:flex;align-items:center;gap:15px;padding:20px 23px;background:#fbfaff}.progress-group-head h3{font-size:21px;margin:3px 0}.progress-group-head small{color:#747d90}.attempt-list{padding:0 23px}.attempt-row{display:flex;align-items:center;gap:17px;padding:15px 0;border-top:1px solid #eeedf2}.attempt-number{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f0f2f9;color:#64708b;font-weight:900;flex:none}.attempt-row>div:nth-child(2){min-width:180px;flex:1}.attempt-row strong,.attempt-row small{display:block}.attempt-row small{color:#81899a;font-size:12px;margin-top:2px}.attempt-meter{width:90px;height:8px;border-radius:99px;background:#e7eaf5;overflow:hidden}.attempt-meter span{height:100%;display:block;background:#5872e7;border-radius:99px}.attempt-row .outline-button{min-height:36px;padding:8px 12px}.empty-state .empty-spark{display:block;font-size:45px;color:#efa843}.empty-state h2{margin:10px 0}.empty-state p{margin-bottom:22px}@media(max-width:650px){.attempt-row{flex-wrap:wrap}.attempt-row>div:nth-child(2){min-width:0}.attempt-meter{order:4;width:100%}.attempt-row .outline-button{width:100%}}.student-profile{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border:1px solid #e8e9f0;border-radius:20px;padding:19px 23px;margin-bottom:16px}.student-profile h2{font-size:20px;margin:5px 0 2px}.student-profile p{font-size:12px;color:#737c8e;margin:0;max-width:270px}.student-profile-fields{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px;flex:1;max-width:560px}.student-profile-fields label{display:grid;gap:5px;font-size:11px;font-weight:900;color:#626c82}.student-profile-fields input{min-width:0;width:100%;border:1.5px solid #dfe2ef;border-radius:10px;padding:10px 11px;color:#26324c;background:#fff}.teacher-result{align-items:center;border-radius:11px;margin-bottom:5px}.teacher-result>span:first-child{min-width:185px}.teacher-result>span:first-child b,.teacher-result>span:first-child small{display:block}.teacher-result>span:first-child small{font-size:11px;color:#798193}.teacher-result>span:nth-child(2){min-width:140px}.teacher-result>strong{min-width:45px;text-align:center}@media(max-width:900px){.student-profile{align-items:stretch;flex-direction:column}.student-profile-fields{max-width:none;width:100%}}@media(max-width:560px){.student-profile-fields{grid-template-columns:1fr}.teacher-result{flex-wrap:wrap}.teacher-result>span:nth-child(2){min-width:0}.teacher-result>small{width:100%;text-align:right}}.question-image-editor{background:#f8f9ff;border:1px dashed #bfc9f2;border-radius:16px;padding:17px;margin-bottom:19px}.question-image-editor>div:first-child strong,.question-image-editor>div:first-child small{display:block}.question-image-editor>div:first-child strong{font:900 14px Nunito,sans-serif}.question-image-editor>div:first-child small{font-size:11px;color:#737d94;margin:3px 0 13px}.image-upload{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border:2px solid #aebcf4;border-radius:12px;background:#fff;color:#4058c6;font-weight:900!important;cursor:pointer;margin-bottom:0!important}.image-upload input{position:absolute;width:1px;height:1px;opacity:0}.image-preview{display:flex;align-items:flex-end;gap:12px;margin:10px 0 16px;flex-wrap:wrap}.image-preview img{display:block;max-width:min(100%,290px);max-height:185px;object-fit:contain;border:1px solid #d9deea;border-radius:12px;background:#fff}.quiz-question-image{display:block;width:auto;max-width:100%;max-height:320px;object-fit:contain;margin:-8px auto 27px;border-radius:17px;border:1px solid #e1e5f2;background:#fff}.review-question-image{display:block;max-width:100%;max-height:200px;object-fit:contain;margin:6px 0 13px;border-radius:10px;border:1px solid #e1e5f2}:root{font-family:DM Sans,system-ui,sans-serif;color:#242d43;background:#fffbf4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Nunito,system-ui,sans-serif;letter-spacing:-.035em}a{color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,32px);border-bottom:1px solid #edeae4;background:#fffbf4}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;color:#242d43;text-align:left;padding:0;font-family:Nunito,sans-serif;font-size:23px;font-weight:900;letter-spacing:-.07em;line-height:.8}.brand small{display:block;font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-top:7px}.brand-dot{color:#ee765b}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;background:#4562e8;color:#fff;transform:rotate(-8deg)}.topbar-right{display:flex;align-items:center;gap:24px}.demo-pill{font-size:11px;font-weight:900;letter-spacing:.13em;color:#4562e8;background:#ebeeff;border-radius:99px;padding:9px 14px}.switch-btn{border:0;background:transparent;color:#354ed0;font-weight:800;display:flex;align-items:center;gap:7px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px max(5vw,32px);color:#717789;font-size:12px;font-weight:600}.footer>div{display:flex;align-items:center;gap:20px}.footer button{border:0;background:none;color:#3e56d6;font-weight:800}.home{flex:1;max-width:1320px;width:100%;margin:auto;padding:45px 50px 10px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;min-height:530px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.16em;color:#4e62d3;font-weight:900}.hero h1{font-size:clamp(54px,6vw,88px);line-height:1.04;margin:20px 0 22px;font-weight:900;letter-spacing:-.07em}.hero h1 em{font-style:normal;color:#f27054}.hero-copy>p{max-width:490px;font-size:18px;line-height:1.65;color:#626b7d}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 22px}.primary-button,.secondary-button,.outline-button{border-radius:15px;min-height:50px;padding:12px 19px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-weight:900;font-family:Nunito,sans-serif;transition:transform .18s,box-shadow .18s}.primary-button{background:#4562e8;color:#fff;border:2px solid #4562e8;box-shadow:0 7px #2d44b1}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px #2d44b1}.primary-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 4px #2d44b1}.secondary-button{background:#fff;color:#27324e;border:2px solid #d9dce8}.secondary-button:hover{border-color:#4562e8}.outline-button{background:#fff;color:#4054bc;border:2px solid #e0e4f5;min-height:42px;font-size:13px}.hero-note{font-size:12px;color:#80869a}.hero-art{height:480px;position:relative;display:grid;place-items:center;background:#fbeccd;border-radius:45% 55% 49% 51%/54% 43% 57% 46%;overflow:hidden}.art-orbit{position:absolute;border:2px dashed #f4c581;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:500px;height:240px}.orbit-two{width:330px;height:410px;transform:rotate(35deg)}.art-card{position:absolute;background:#fff;border:2px solid #232f4b;border-radius:24px;box-shadow:8px 10px #232f4b;display:flex;flex-direction:column;text-align:center}.art-a{width:220px;height:175px;left:11%;top:15%;transform:rotate(-11deg);align-items:center;justify-content:center}.art-a span{display:grid;place-items:center;background:#ffdd72;border-radius:18px;width:56px;height:56px;font-size:30px;color:#fff;margin-bottom:12px}.art-a b,.art-b b{font:900 18px Nunito,sans-serif}.art-a small{color:#f27054;font-weight:800;margin-top:5px}.art-b{width:220px;height:205px;right:10%;bottom:10%;transform:rotate(9deg);justify-content:center;align-items:center}.art-b>span{font:900 54px Nunito;color:#4562e8}.art-stars{color:#f2ad31;font-size:22px;letter-spacing:4px;margin-top:8px}.art-shape{position:absolute;top:12%;right:18%;font-size:55px;color:#ed765b}.home-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:4px 0 40px}.home-bottom>div{display:grid;grid-template-columns:54px auto;column-gap:13px;align-items:center;background:#fff;border:1px solid #ebe7de;border-radius:19px;padding:17px}.mini-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;grid-row:span 2}.mini-icon.blue{background:#e5eaff;color:#4d61d4}.mini-icon.coral{background:#ffe4dc;color:#e77556}.mini-icon.yellow{background:#fff0c9;color:#b78319}.home-bottom b{font:900 16px Nunito,sans-serif;align-self:end}.home-bottom small{color:#82889a;align-self:start}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);flex:1;max-width:1500px;width:100%;margin:auto}.sidebar{border-right:1px solid #eeebe5;padding:34px 17px;display:flex;flex-direction:column;gap:38px}.side-role{display:flex;gap:12px;align-items:center;padding:0 8px}.role-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center}.role-icon.teacher{background:#e7ebff;color:#4562e8}.role-icon.student{background:#ffe5dc;color:#e47452}.side-role small{display:block;color:#9399aa;font-size:10px;font-weight:900;letter-spacing:.14em}.side-role strong{font:900 18px Nunito,sans-serif}.side-nav{display:grid;gap:5px}.side-nav button{display:flex;align-items:center;gap:13px;width:100%;padding:14px;border:0;border-radius:13px;background:none;text-align:left;color:#626b7c;font-weight:800}.side-nav button.selected{color:#3c54cd;background:#e9edff}.side-nav button:hover{background:#f4f5ff}.side-note{margin-top:auto;background:#fff0ce;border-radius:19px;padding:18px 17px}.side-note>span{font-size:25px;color:#d99025}.side-note strong{display:block;font:900 15px Nunito}.side-note p{font-size:12px;line-height:1.55;color:#745e43;margin:6px 0 0}.main-content{padding:43px min(5vw,58px) 70px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.page-heading h1{font-size:clamp(32px,4vw,47px);line-height:1.1;margin:10px 0 8px}.page-heading p{color:#737c8e;line-height:1.5;margin:0;max-width:650px}.page-heading .primary-button{flex:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.stat{background:#fff;border:1px solid #eeeae2;border-radius:20px;padding:20px;display:grid;grid-template-columns:56px auto;grid-template-rows:auto auto;align-items:center}.stat .mini-icon{grid-row:span 2}.stat strong{font:900 30px Nunito,sans-serif;line-height:1}.stat small{color:#7c8492;font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 15px}.section-heading h2{font-size:23px;margin:0}.section-heading>span{color:#818899;font-size:13px}.quiz-list{display:grid;gap:12px}.teacher-quiz{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #eeeae2;border-radius:18px;padding:17px}.quiz-badge{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;flex:none}.quiz-badge.blue{background:#e7ebff;color:#4562e8}.quiz-badge.coral{background:#ffe3da;color:#e77153}.quiz-badge.yellow{background:#fff0c4;color:#b98417}.quiz-badge.lilac{background:#eee5fa;color:#8b5bc0}.teacher-quiz>div{flex:1;min-width:0}.teacher-quiz h3{margin:3px 0;font-size:18px}.teacher-quiz small{color:#788296}.subject-label{font-size:11px;letter-spacing:.07em;color:#5365c8;font-weight:900;text-transform:uppercase}.results-section{margin-top:30px}.result-line{display:flex;gap:10px;justify-content:space-between;background:#fff;padding:13px 18px;border-bottom:1px solid #eceaf0}.result-line span{flex:1}.result-line small{color:#818899}.student-heading{margin-bottom:20px}.progress-spark{font-size:64px;color:#f2a84e;line-height:1}.student-summary{background:#4562e8;color:#fff;border-radius:23px;padding:26px 35px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.student-summary span{font-size:11px;letter-spacing:.15em;font-weight:900;opacity:.8}.student-summary strong{display:block;font:900 clamp(26px,3vw,38px) Nunito;margin:6px 0}.student-summary small{color:#d8deff}.summary-art{font-size:36px;color:#ffdb73;transform:rotate(18deg);line-height:1}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.student-quiz{background:#fff;border:1px solid #eeeae2;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.quiz-illustration{height:140px;display:grid;place-items:center;position:relative;overflow:hidden}.student-quiz.blue .quiz-illustration{background:#dce5ff;color:#4d64e0}.student-quiz.coral .quiz-illustration{background:#ffe1d6;color:#e07353}.student-quiz.lilac .quiz-illustration{background:#ede3fa;color:#9c67c7}.student-quiz.yellow .quiz-illustration{background:#fff0c8;color:#ca941a}.quiz-illustration:before{content:"";position:absolute;width:210px;height:210px;border:2px dashed currentColor;opacity:.35;border-radius:50%;left:-30px;top:25px}.quiz-illustration>span{font:900 78px Nunito;transform:rotate(-12deg);text-shadow:5px 7px 0 #fff9}.quiz-illustration i{position:absolute;top:10px;right:23px;font-size:35px;font-style:normal}.student-quiz-body{padding:20px;display:flex;flex-direction:column;flex:1}.student-quiz h3{font-size:22px;margin:8px 0}.student-quiz p{font-size:13px;color:#70798b;line-height:1.5;flex:1}.student-quiz button{border:0;background:none;color:#3f58d3;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:10px 0 0}.review-card{display:flex;gap:16px;align-items:center;background:#fff6de;border-radius:20px;padding:18px 22px;margin-top:27px}.review-card strong{font:900 17px Nunito}.review-card p{color:#6d7180;margin:3px 0;font-size:13px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.editor-main{display:grid;gap:16px}.form-card,.aside-card{background:#fff;border:1px solid #ede9e2;border-radius:22px;padding:25px}.form-card-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.form-card-title h2{font-size:21px;margin:0;flex:1}.number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e9edff;color:#4562e8;font:900 13px Nunito}.icon-action{border:0;background:#fff0ed;color:#c05d4d;border-radius:9px;width:36px;height:36px;display:grid;place-items:center}.form-card label{display:grid;gap:8px;font-size:12px;font-weight:900;color:#424b5e;margin-bottom:16px}.form-card input:not([type=radio]),.form-card textarea{width:100%;border:1.5px solid #dddfe9;border-radius:11px;padding:12px 14px;color:#26324c;outline:0;background:#fff}.form-card textarea{resize:vertical;min-height:78px}.form-card input:focus,.form-card textarea:focus{border-color:#4562e8;box-shadow:0 0 0 3px #e4e9ff}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.color-picker{display:flex;gap:9px;align-items:center}.color-picker>span{font-size:12px;font-weight:900;margin-right:6px}.color-picker button{width:28px;height:28px;border:2px solid #fff;border-radius:50%}.color-picker button.chosen{outline:2px solid #343e58}.color-picker .blue{background:#7187e9}.color-picker .coral{background:#f19478}.color-picker .yellow{background:#f0c65c}.color-picker .lilac{background:#b493d5}.answers-label{font-size:12px;font-weight:900;margin:6px 0 12px}.answers-label small{font-weight:500;color:#858b9a;margin-left:6px}.answer-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.answer-edit{display:flex;align-items:center;gap:7px}.answer-edit input[type=radio]{accent-color:#4562e8;width:19px;height:19px;flex:none}.answer-edit input:not([type=radio]){min-width:0}.add-question{width:100%;border:2px dashed #b8c3f9;background:#f6f7ff;color:#4058cc;padding:18px;border-radius:16px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.aside-card{position:sticky;top:20px;background:#f7edda}.aside-card h3{font-size:23px;margin:13px 0}.aside-card p{font-size:13px;color:#6f7180;line-height:1.55}.aside-count{display:flex;gap:8px;align-items:center;margin:22px 0;font-weight:900;font-size:13px}.full{width:100%;margin-bottom:12px}.text-back{border:0;background:none;color:#5265c9;font-weight:900;display:flex;gap:8px;align-items:center;padding:0;margin:0 0 25px}.play-screen,.result-screen{max-width:800px;margin:auto}.play-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.play-top strong{font-size:13px}.progress-track{height:9px;border-radius:99px;background:#e5e7ef;overflow:hidden;margin-bottom:25px}.progress-track div{height:100%;background:#f0a949;border-radius:99px;transition:width .25s}.question-card{background:#fff;border:1px solid #eeeae2;border-radius:25px;padding:35px}.question-card h1{font-size:clamp(30px,4vw,42px);margin:12px 0 30px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer-grid button{display:flex;align-items:center;gap:12px;text-align:left;border:2px solid #e3e6ef;background:#fff;border-radius:15px;padding:16px;min-height:72px;font-weight:700}.answer-grid button:hover{border-color:#acb8f5}.answer-grid button.picked{border-color:#4562e8;background:#eef1ff}.answer-grid button>span{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:#f0f2f7;font-weight:900;color:#647088}.answer-grid button.picked>span{background:#4562e8;color:#fff}.answer-grid button svg{margin-left:auto;flex:none;color:#4562e8}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px}.question-actions span{color:#8a90a0;font-size:12px}.result-hero{text-align:center;background:#e8eeff;border-radius:25px;padding:36px 20px;margin-bottom:30px}.result-hero>span{color:#f0ae3e;letter-spacing:13px;font-size:27px}.result-hero h1{font-size:40px;margin:10px 0 3px}.result-hero p{color:#68728a}.result-hero strong{font:900 68px Nunito;color:#405bd9}.result-hero strong small{font-size:32px;color:#8993b8}.review-list{display:grid;gap:12px}.review-item{display:flex;gap:15px;padding:18px 20px;border:1px solid #e9e8e2;border-radius:17px;background:#fff}.review-symbol{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;flex:none;font-weight:900}.review-item.right .review-symbol{background:#dbf2df;color:#317c45}.review-item.wrong .review-symbol{background:#ffe5db;color:#cc704b}.review-item h3{font-size:17px;margin:0 0 8px}.review-item p{font-size:13px;margin:3px 0;color:#596171}.review-item small{display:block;margin-top:10px;color:#7b8292;line-height:1.5}.result-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.empty-state{padding:40px;text-align:center;background:#fff;border:1px dashed #cbd1e9;border-radius:18px;color:#788092}.notice{display:flex;justify-content:space-between;gap:12px;background:#fff4d7;color:#6b4e13;border:1px solid #f1d894;border-radius:13px;padding:12px 16px;margin-bottom:20px;font-weight:700}.notice button{background:none;border:0;font-size:20px;color:#6b4e13}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f0a949;outline-offset:3px}@media(max-width:1100px){.student-grid{grid-template-columns:repeat(2,1fr)}.hero-art{height:400px}.art-card{transform:scale(.85)}}@media(max-width:800px){.topbar{height:74px;padding:0 20px}.home{padding:35px 22px}.hero{grid-template-columns:1fr;gap:10px}.hero-art{height:350px;order:-1}.hero h1{font-size:56px}.home-bottom,.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #eee;padding:15px 20px;gap:15px}.side-role{display:none}.side-nav{display:flex}.side-nav button{width:auto;padding:9px 13px}.side-note{display:none}.main-content{padding:30px 20px}.editor-layout{grid-template-columns:1fr}.aside-card{position:static}.footer{padding:22px}.demo-pill{display:none}}@media(max-width:550px){.brand{font-size:19px}.brand-mark{width:39px;height:39px}.switch-btn{font-size:11px}.hero-art{height:290px}.art-a{left:2%;top:5%}.art-b{right:0;bottom:0}.hero h1{font-size:45px}.hero-actions{display:grid}.hero-actions button{width:100%}.page-heading{align-items:start;flex-direction:column}.page-heading .primary-button{width:100%}.stats,.student-grid,.field-grid,.answer-edit-grid,.answer-grid{grid-template-columns:1fr}.question-card{padding:23px}.question-actions{align-items:stretch;flex-direction:column}.footer,.footer>div{align-items:start;flex-direction:column}.teacher-quiz{flex-wrap:wrap}.teacher-quiz .outline-button{width:100%}}