.lesson-bar{display:flex;gap:12px;align-items:center;background:#eef4ed;border:1px solid #c1d3c9;border-radius:18px;padding:17px 21px;margin-bottom:20px;color:#1c413f}.lesson-bar>div{flex:1}.lesson-bar strong{display:block;margin-top:5px}.range-progress,.range-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0}.range-progress{padding:13px;background:#f0eee3;border-radius:12px}.range-progress select{padding:8px 10px;border:1px solid #a8bcb4;border-radius:8px;background:white}.range-progress span{color:#276b58;font-weight:700}.range-toolbar strong{margin-left:auto;color:#285f52}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-card{display:block;border:2px solid #d6ddd4;border-radius:14px;padding:14px;background:#fffefa;cursor:pointer;min-width:0;transition:background .15s,border-color .15s}.page-card:has(input:checked){background:#edf6ec;border-color:#408773}.page-heading{display:flex;align-items:center;gap:9px}.page-heading b{font-size:20px}.page-heading small{margin-left:auto;color:#61736d}.page-heading input,.extras-option input{width:21px;height:21px;accent-color:#27745e}.page-status{display:inline-block;margin:8px 0;font-size:12px;color:#6c756b}.page-status.next-lesson{font-weight:800;background:#f5d88e;color:#5b4521;padding:3px 9px;border-radius:20px}.page-words{display:block;font-size:13px;line-height:1.85;color:#455952;word-break:keep-all}.range-note{font-size:13px;line-height:1.8;color:#55665e}.extras-option{display:flex;gap:8px;align-items:center;margin:17px 0}.form-error{color:#9d3434;font-weight:700}.quiz-source,.word-page{font-size:12px;color:#2c715f;font-weight:700}.quiz-source{margin:0 0 10px}.word-page{display:block;margin-bottom:7px}.key-rows{border:1px solid #cbd6cc;border-radius:13px;overflow:hidden}.key-row{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #dce4dc}.key-row:last-child{border:0}.key-row>strong{width:120px;flex-shrink:0;font-size:14px}.key-row>div{display:flex;gap:9px;flex-wrap:wrap}.key-slot{display:inline-flex;align-items:center;gap:2px}.key-bind{min-width:80px;padding:9px 12px;background:#fffef7;border:1px solid #b0c6b9;border-radius:8px;color:#264d42;font-weight:700;cursor:pointer}.key-bind.capturing{background:#f4df9d;border-color:#916c26}.key-remove{border:0;border-radius:50%;background:#e8ded4;color:#784a3b;width:23px;height:23px;cursor:pointer}#keyMessage{min-height:42px;color:#795c2d;font-weight:700}.v6-settings-links{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #cbd8ce;margin-top:15px;padding-top:15px}.page-card:focus-within,.key-bind:focus-visible{outline:3px solid #b59138;outline-offset:2px}
@media(max-width:650px){.lesson-bar{flex-wrap:wrap;padding:14px}.lesson-bar>div{flex-basis:100%}.lesson-bar>.btn{flex:1}.page-grid{grid-template-columns:1fr}.range-toolbar strong{width:100%;margin:0}.key-row{align-items:flex-start;flex-direction:column;gap:7px}.key-bind{min-width:67px}.key-row>div{gap:6px}.top-actions{flex-wrap:wrap}.app-header{align-items:flex-start}.modal{max-height:90dvh}.page-words{font-size:13px}.range-progress label{display:flex;align-items:center;gap:10px}}
.modal.v6-form-modal{display:flex;flex-direction:column;overflow:hidden;outline:none}.v6-form-modal>.modal-top{flex-shrink:0}.v6-form-modal>.modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain}.v6-form-modal>.modal-actions{flex-shrink:0;display:flex;gap:12px;justify-content:flex-end;margin:0;padding:17px 26px;background:#f4efdf;border-top:1px solid #d6cbb0}.v6-form-modal>.modal-actions .btn{min-width:90px}.modal:focus{outline:none}