:root{--navy: #27477b;--teal: #68acab;--yellow: #f4b425;--sky: #cae3ec;--bg: #f6f9fa;--surface: #ffffff;--fg: #1b2a3f;--muted: #5a6b80;--line: #d6e3e8;--error: #8a4b3c;--font-body: "Montserrat", "Segoe UI", system-ui, sans-serif;--font-display: "Montserrat", "Segoe UI", sans-serif}:root[data-theme=qazaq]{--navy: #8b1e24;--teal: #00afca;--yellow: #e3ba4d;--sky: #eceadc;--bg: #f5f4dd;--surface: #ffffff;--fg: #2a2320;--muted: #6d7a62;--line: #cdd3b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.5}h1,h2{font-family:var(--font-display);font-weight:700;color:var(--navy);margin:0}.splash{min-height:100dvh;display:grid;place-items:center;font-family:var(--font-display);font-size:28px;color:var(--navy)}.login-wrap,.home-wrap{min-height:100dvh;max-width:420px;margin-inline:auto;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.login-wrap{justify-content:center}.login-head{display:flex;align-items:center;gap:12px}.login-head h1{font-size:26px;flex:1}.home-head{display:flex;align-items:center;gap:12px}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:14px}input{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}input:focus-visible{outline:2px solid var(--teal);border-color:var(--teal)}button[type=submit]{font:inherit;font-weight:600;padding:12px;border:0;border-radius:8px;background:var(--navy);color:#fff;cursor:pointer}button[type=submit]:disabled{opacity:.6;cursor:wait}button[type=submit]:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.linkish{font:inherit;background:none;border:0;color:var(--navy);text-decoration:underline;cursor:pointer;padding:4px}.lang-switch{display:flex;gap:2px;border:1px solid var(--line);border-radius:8px;padding:2px}.lang-switch button{font:inherit;font-size:12px;font-weight:600;border:0;background:none;padding:4px 8px;border-radius:6px;cursor:pointer;color:var(--muted)}.lang-switch button.active{background:var(--sky);color:var(--navy)}.error{color:var(--error);margin:0;font-size:14px}.muted{color:var(--muted);margin:0;font-size:14px}.small{font-size:13px}.lesson-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lesson-item{font:inherit;width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.lesson-item:hover{border-color:var(--teal)}.lesson-title{font-weight:500}.lesson-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-badge{font-size:12px;font-weight:700;line-height:1.3;padding:3px 9px;border-radius:999px;white-space:nowrap}.status-new{background:var(--yellow);color:var(--fg)}.status-progress{background:var(--sky);color:var(--navy)}.status-waiting{background:var(--surface);color:var(--navy);border:1px solid var(--navy)}.status-graded,.status-done{background:var(--teal);color:var(--surface)}.status-redo{background:var(--error);color:var(--surface)}.all-lessons summary{cursor:pointer;color:var(--muted);font-weight:600;font-size:14px}.all-lessons[open] summary{margin-bottom:8px}.lesson-wrap{min-height:100dvh;max-width:560px;margin-inline:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.lesson-head{display:flex;align-items:center;gap:12px}.progress{flex:1;height:8px;border-radius:4px;background:var(--sky);overflow:hidden}.progress-fill{height:100%;background:var(--teal);transition:width .25s}.banner{margin:0;padding:10px 14px;border-radius:10px;font-size:14px;background:#fdf3d6;border:1px solid var(--yellow)}.block{display:flex;flex-direction:column;gap:14px}.prompt-line{margin:0;font-weight:600}.reading{display:flex;flex-direction:column;gap:10px}.reading p{margin:0}.cards{display:flex;flex-direction:column;gap:8px}.word-card-row{display:flex;gap:8px;align-items:stretch}.word-card-row .word-card{flex:1}.audio-btn{font:inherit;font-size:18px;cursor:pointer;width:46px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.audio-btn:hover{border-color:var(--teal);background:var(--teal-soft, var(--sky))}.word-card{font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.word-card .term{font-weight:700;color:var(--navy)}.word-card .definition{color:var(--fg)}.word-card .translation{color:var(--teal);font-weight:600}.options{display:flex;flex-direction:column;gap:8px}.options.row{flex-direction:row}.option{font:inherit;text-align:left;cursor:pointer;flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.option.picked{border-color:var(--navy);background:var(--sky);font-weight:600}.gap-text{margin:0;line-height:2.1}.gap-input{font:inherit;padding:4px 8px;margin-inline:2px;border:1px solid var(--teal);border-radius:6px;background:var(--surface);width:auto}.gap-input.wide{width:100%;padding:10px 12px}.gap-slot{font:inherit;cursor:pointer;margin-inline:2px;padding:4px 10px;border:1px dashed var(--teal);border-radius:6px;background:var(--surface);min-width:48px}.gap-slot.filled{border-style:solid;background:var(--sky);font-weight:600}.bank,.chosen-line{display:flex;flex-wrap:wrap;gap:8px}.chosen-line{min-height:42px;padding:6px;border:1px dashed var(--line);border-radius:10px;align-items:center}.tile{font:inherit;cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tile:disabled{opacity:.35;cursor:default}.tile.picked{background:var(--sky);border-color:var(--teal)}.tw{position:relative;cursor:pointer;border-radius:3px}.tw:active{background:var(--sky)}.tw-tip{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);background:var(--navy);color:#fff;font-size:13px;line-height:1.3;padding:5px 10px;border-radius:7px;white-space:nowrap;z-index:10;max-width:240px;white-space:normal;width:max-content;text-align:center}.ref-material{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:14px;background:var(--bg)}.ref-material summary{cursor:pointer;color:var(--navy);font-weight:600;font-size:14px}.ref-material .reading{margin-top:8px;font-size:14px}.gap-input.wrong,.gap-slot.wrong{border-color:var(--error);background:var(--no-soft, #f7e7e2)}.option.wrong,.tile.wrong{border-color:var(--error);background:#f7e7e2;color:var(--error)}.classify-row.wrong-row{border-color:var(--error);background:#fdf4f1}.feedback-panel{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;display:flex;flex-direction:column;gap:12px}.prompt-wrap{display:flex;flex-direction:column;gap:8px}.mission-line{margin:0;font-weight:700;color:var(--navy);background:var(--sky);border-radius:8px;padding:8px 12px}.step-chip{display:inline-block;background:var(--yellow);color:#1b2a3f;font-size:12px;font-weight:700;border-radius:999px;padding:1px 9px;margin-right:4px}.ok-note{margin:0;font-weight:700;color:var(--teal);font-size:18px}.wrong-note{margin:0;font-weight:700;color:var(--error);font-size:18px}.explanation{margin:0;padding:10px 14px;border-radius:10px;font-size:15px;background:var(--sky);color:var(--fg)}.lesson-wrap.wide{max-width:720px}.media-player{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.play-btn{font:inherit;font-weight:600;cursor:pointer;padding:14px 26px;border:0;border-radius:10px;background:var(--teal);color:#fff}.play-btn:disabled{opacity:.5;cursor:default}.match-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.match-cols{grid-template-columns:1fr}}.match-col{display:flex;flex-direction:column;gap:8px}.option.matched{border-color:var(--teal);background:var(--teal-soft, var(--sky))}.classify-list{display:flex;flex-direction:column;gap:12px}.classify-row{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.classify-text{font-weight:500}.classify-chips{display:flex;gap:8px;flex-wrap:wrap}.bonus-link{text-decoration:none;text-align:center;font-weight:600;color:var(--navy)}.open-area{font:inherit;width:100%;padding:10px 12px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.open-area:focus-visible{outline:2px solid var(--teal);border-color:var(--teal)}.recorder{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recorder audio{max-width:100%}.tile.recording{border-color:var(--error);color:var(--error);font-weight:600}.review-comment{margin:0;white-space:pre-wrap}.marks-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}mark{background:var(--yellow-soft, #fdf3d6);border-radius:3px;padding:0 3px}.answers-box{display:flex;flex-direction:column;gap:14px}.answer-block{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.answer-block h3{margin:0}.student-text{margin:0;white-space:pre-wrap}.mark-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mark-row mark{flex-shrink:1}.auto-details summary{cursor:pointer}.wrong-list{margin:2px 0 4px;padding-left:16px;color:var(--error);list-style:none}.redo-badge{color:var(--error);font-weight:600}.rubric-body{margin:6px 0 0;background:var(--sky);border-radius:8px;padding:8px 12px}.linkish:disabled{color:var(--muted);text-decoration:none;cursor:default;opacity:.6}.spell-row{display:flex;flex-direction:column;gap:4px}.spell-row-top{display:flex;align-items:center;gap:10px}.audio-btn.small-audio{width:36px;height:32px;font-size:15px;flex-shrink:0}.spell-hint{font-family:ui-monospace,Consolas,monospace;letter-spacing:1px;color:var(--muted)}.center{align-items:center;text-align:center}.score{font-size:20px;margin:0}.center-text{text-align:center}.trainer-entry{font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--yellow)}.trainer-entry:hover{border-color:var(--teal);border-left-color:var(--yellow)}.trainer-title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--navy)}.deck-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.deck-item{font:inherit;width:100%;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.deck-item:hover{border-color:var(--teal)}.deck-title{font-weight:600;color:var(--navy)}.deck-progress{display:block;width:100%;height:6px;border-radius:3px;background:var(--sky);overflow:hidden}.deck-progress-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--navy));transition:width .25s}.wt-card{position:relative;min-height:240px;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:28px 22px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.wt-card:hover{border-color:var(--teal)}.wt-card:focus-visible{outline:2px solid var(--teal)}.wt-audio{position:absolute;top:12px;right:12px;height:42px}.wt-def{margin:0;font-size:18px}.wt-term{margin:0;font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--navy)}.wt-translation{margin:0;font-size:17px;font-weight:600;color:var(--teal)}.wt-actions{display:flex;gap:10px;width:100%}.wt-actions button{font:inherit;font-weight:600;flex:1;padding:13px;border-radius:10px;cursor:pointer}.wt-know{border:0;background:var(--teal);color:#fff}.wt-know:hover{background:var(--navy)}.wt-again{border:1px solid var(--yellow);background:var(--yellow-soft, #fdf3d6);color:var(--fg)}.wt-actions button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}