:root{--ink:#193c39;--muted:#71817e;--accent:#246e5e;--line:#dce7e2;--pale:#f2f7f4}
.exercise-notes{position:static;max-height:none;overflow:visible;display:flex;gap:12px;margin:0 30px 26px;padding:16px 18px;background:#f3f7f5;border:1px solid #e0ebe5;border-radius:12px;font-size:12px;line-height:1.65;color:#57766a}.exercise-notes .notes-icon{display:flex;align-items:center;justify-content:center;flex:0 0 20px;height:20px;margin-top:1px;border:1.5px solid #80a18f;border-radius:50%;font-weight:bold;font-size:12px}.exercise-notes strong{display:block;color:#315b49;font-size:12px;margin-bottom:4px}.exercise-notes p{margin:2px 0}.feedback-dialog{position:fixed;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);border:1px solid #dce7df;border-radius:24px;padding:38px 34px 30px;text-align:center;color:#254536;box-shadow:0 24px 90px #132c3433;background:#fff}.feedback-dialog::backdrop{background:#17382d66;backdrop-filter:blur(4px)}.feedback-dialog .feedback-close{position:absolute;right:14px;top:12px;display:block;width:32px;height:32px;padding:0;margin:0;border:0;border-radius:50%;background:#f4f7f4;color:#7d9385;font-size:24px;line-height:1}.feedback-icon{width:66px;height:66px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:#e8f4e9;color:#4b8a57;font-size:34px;font-weight:500}.feedback-dialog.retry .feedback-icon,.feedback-dialog.warning .feedback-icon{background:#fff3de;color:#b38339}.feedback-dialog h2{font-size:26px;line-height:1.25;margin:0 0 14px;font-weight:600;letter-spacing:-.4px}.feedback-copy{font-size:14px;line-height:1.7;color:#718478;margin:0 0 26px}.feedback-actions{display:flex;flex-direction:column;gap:10px}.feedback-actions button{border-radius:11px;padding:13px 18px;min-height:44px;font-size:13px;font-weight:600}.feedback-actions .primary{background:#2d6a50;color:#fff}.feedback-actions .secondary{background:#f5f8f3;border:1px solid #dce6d9;color:#55705c}.feedback-actions .text-button{border:0;background:none;color:#859287;padding:8px;min-height:34px;font-weight:400}@media(max-width:680px){.exercise-notes{margin:0 18px 22px;padding:14px;gap:9px;font-size:11px}.feedback-dialog{padding:35px 24px 26px}.feedback-dialog h2{font-size:23px}}
body{background:#f3f6f4;color:var(--ink)}header{background:#fff;border-color:var(--line);height:80px}aside{background:#f8faf8;border-color:var(--line);max-height:calc(100vh - 80px)}.workspace{min-height:calc(100vh - 147px)}.lesson.active{background:#e3efe8;color:#205a4c}.content{max-width:1450px;width:100%;margin:0 auto;padding:30px 36px}.toolbar{margin-bottom:22px;gap:18px}.toolbar>button{background:transparent;border-color:transparent;padding-left:0;color:#527268}.task-location{font-size:12px;color:var(--muted)}.task-navigation{display:flex;gap:8px;margin-left:auto}.task-navigation button{width:40px;height:40px;padding:0;border-color:var(--line);background:#fff;border-radius:12px}.exercise-card{background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 35px #234e3c05;overflow:hidden}.exercise-heading{padding:30px 32px 20px}.exercise-heading .badge{background:#edf5ef;color:#4c7a61;font-size:11px}.exercise-heading h3{font-weight:600;font-size:24px;line-height:1.45;margin:20px 0 0;letter-spacing:-.3px;max-width:950px}.exercise-hint{font-size:13px;color:var(--muted);line-height:1.7;margin:0;padding:0 32px 26px}.matching-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;padding:0 28px 26px}.matching-item{min-width:0;background:#f7f9f7;border:1px solid #e6ede7;border-radius:16px;padding:12px}.matching-item>img{display:block;width:100%;height:155px;object-fit:contain;user-select:none;pointer-events:none;mix-blend-mode:multiply;margin-bottom:12px}.answer-slot{min-height:91px;border:1.5px dashed #bacfc4;border-radius:12px;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fff;transition:border-color .12s,background .12s}.slot-prompt{font-size:11px;line-height:1.6;color:#879c90;text-align:center}.answer-slot.filled .slot-prompt{display:none}.bank-title{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#789082;padding:24px 30px 0;margin:0;border-top:1px solid #eaf0eb}.answer-bank{padding:18px 28px 30px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;min-height:95px}.answer-bank:empty:after{content:'Все карточки размещены. Теперь проверьте ответ.';font-size:13px;color:#618472}.answer-chip.obj{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;max-width:220px;white-space:normal;overflow-wrap:break-word;font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:600;line-height:1.5;border:1px solid #cdded2;border-radius:10px;padding:12px 16px;background:#fff;color:#285340;box-shadow:0 3px 7px #35563e08;cursor:grab;user-select:none;pointer-events:auto}.answer-slot .answer-chip{width:100%!important;text-align:center;font-size:13px!important;padding:10px 7px;border-color:#bdd6c4;background:#edf6ee;box-shadow:none}.choice-exercise{padding:4px 32px 32px}.exercise-copy{font-size:17px;line-height:1.7;padding:0 0 20px}.exercise-copy span{font-size:inherit!important}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.choice-card.obj{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:66px;font-size:17px!important;line-height:1.5;border:1px solid #dce6de;border-radius:13px;background:#fafcf9;padding:0;white-space:normal;color:#284a3c!important}.choice-card label{padding:17px 20px;gap:13px;min-height:66px}.choice-card input{accent-color:#28765a;flex:0 0 20px;width:20px;height:20px}.choice-card:hover{border-color:#8fb59c;background:#f3f8f0}.choice-card.chosen{border-color:#6b9d79;background:#edf6eb;box-shadow:0 0 0 1px #6b9d79}.question-picture{display:block;max-width:min(100%,400px);max-height:240px;object-fit:contain;margin:0 auto 24px}.stage-wrap{border:0;border-radius:0;box-shadow:none;background:#fff}.modern-stage{background:#fff!important;font-family:Arial,sans-serif}.modern-stage .object-type-21,.modern-stage .object-type-20{background:transparent!important;border-color:transparent!important}.modern-stage .object-type-8{background:transparent!important}.modern-stage .object-type-3 button{border:1px solid #ccdbd1;background:#f2f7f3;color:#284a3d;border-radius:9px;cursor:pointer}.modern-stage input:not([type=checkbox]):not([type=radio]),.modern-stage select{border:1px solid #acbfb2;border-radius:7px;background:#fcfefb;color:#264637;outline-color:#618b6e;padding:2px 6px}.modern-stage .object-type-12 label,.modern-stage .object-type-13 label{border-radius:7px;background:#f3f7f1;outline:1px solid #d8e3d6;padding:2px 4px}.modern-stage [data-drag-name]{pointer-events:auto!important;touch-action:none;cursor:grab;user-select:none}.modern-stage .object-type-8[data-drag-name]{background:#eef5ed!important;border:1px solid #b6d0bb!important;border-radius:9px;padding:4px 6px;display:flex;align-items:center;justify-content:center;white-space:normal}.modern-stage [data-drop-name]{background:#f7faf4!important;border:1.5px dashed #9cbaa2!important;border-radius:8px}.modern-stage .object-type-23[data-drop-name]{background:transparent!important}.task-bottom{padding:24px 0;gap:18px}.task-bottom>.primary{padding:15px 24px;border-radius:12px;background:#28634e;font-weight:600;font-size:14px}.task-bottom>.save-status:last-child{margin-left:auto;font-size:11px;color:#7f9387}.verdict{font-weight:500;font-size:13px}.drag-selected{outline:3px solid #5b9874!important;outline-offset:3px}.drop-ready{border-color:#619b78!important;background:#eef8ee!important}.drop-hover{outline:3px solid #43876a!important;outline-offset:2px;background:#e2f1e4!important}.drag-ghost{position:fixed;z-index:9999;pointer-events:none;background:#fff;color:#234936;max-width:230px;padding:14px 18px;border:1px solid #7ca68b;border-radius:12px;box-shadow:0 12px 36px #14332233;font:600 14px/1.5 Arial,sans-serif}.drag-ghost img{display:block;max-width:125px;max-height:125px;object-fit:contain}.is-dragging,.is-dragging *{cursor:grabbing!important;user-select:none!important}button:focus-visible,[data-drag-name]:focus-visible,[data-drop-name]:focus-visible{outline:3px solid #82af99;outline-offset:3px}footer{background:#f8faf7;border-color:var(--line)}
@media(max-width:1100px){.workspace{grid-template-columns:225px minmax(0,1fr)}.content{padding:25px 22px}.exercise-heading{padding:26px 25px 18px}.exercise-heading h3{font-size:22px}.matching-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));padding:0 20px 22px;gap:10px}.matching-item{padding:9px}.matching-item>img{height:120px}.exercise-hint{padding:0 25px 22px}.choice-grid{grid-template-columns:1fr}}
@media(max-width:680px){header{height:72px}.workspace{display:block}.content{padding:20px 12px}.toolbar{gap:10px;margin-bottom:15px}.task-location{font-size:10px}.task-navigation{gap:4px}.exercise-card{border-radius:16px}.exercise-heading{padding:24px 20px 16px}.exercise-heading h3{font-size:20px;margin-top:18px}.exercise-hint{font-size:12px;padding:0 20px 20px}.matching-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 20px}.matching-item>img{height:125px}.matching-item:last-child:nth-child(odd){grid-column:1/-1;max-width:220px;width:100%;justify-self:center}.answer-bank{padding:17px 18px 24px}.answer-chip.obj{font-size:12px!important;padding:11px 13px;max-width:100%}.choice-exercise{padding:0 20px 24px}.choice-card.obj{font-size:16px!important}.task-bottom{gap:14px}.task-bottom>.save-status:last-child{width:100%;margin:0}.bank-title{padding:20px 20px 0}aside{max-height:160px}.stage-wrap{overflow:hidden}}

.grade-chooser{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.grade-chooser select{font:inherit;font-weight:600;padding:9px 28px 9px 12px;border:1px solid #b8cdbd;border-radius:10px;background:#f5f9f1;color:#254e3b;cursor:pointer}.grade-chooser select:focus-visible{outline:2px solid #6c9c7a;outline-offset:2px}#account{flex-wrap:wrap}@media(max-width:680px){.grade-chooser>span{display:none}.grade-chooser select{padding:7px 21px 7px 8px}.brand small{display:none}#account{gap:8px}}
.workbook-selection { max-width: 1040px; margin: 0 auto; padding-top: 60px; }
.workbook-selection h1 { margin: 0 0 32px; }
.workbook-grade-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 18px; }
.workbook-grade-button { min-height: 120px; padding: 24px; border: 1px solid #b8cdbd; border-radius: 18px; background: #f5f9f1; color: #254e3b; font-family: inherit; font-size: 28px; font-weight: 600; line-height: 1.3; cursor: pointer; }
.workbook-grade-button:hover { background: #e4f0df; border-color: #618b6e; }
.workbook-grade-button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 480px) { .workbook-grade-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .workbook-grade-button { min-height: 100px; padding: 16px; font-size: 24px; } }