.language-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.language-tabs a{font-size:12px;padding:10px 14px;border:1px solid var(--line,#dbe4e0);border-radius:10px;background:white}.language-tabs .selected{background:#164e50;color:white;border-color:#164e50}.language-hero{background:#123f43;color:#fff;border-radius:22px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-bottom:24px}.language-hero h2{font-size:28px;line-height:1.3;margin:8px 0}.language-hero p{color:#ceddd8;max-width:650px;line-height:1.8}.language-emblem{width:120px;height:120px;border:1px solid #60847b;border-radius:50%;display:grid;place-content:center;color:#eac38b;font-size:30px;font-weight:700}.language-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px}.language-path{position:relative;padding:28px;border-radius:18px;background:#fff;border:1px solid #d9e4df;overflow:hidden}.language-path .path-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.language-path h2{font-size:23px;margin-bottom:12px}.language-path p{color:#607773;line-height:1.8;margin-bottom:22px}.language-path ul{padding-left:18px;font-size:13px;line-height:2;color:#446461}.language-path.exam-path{background:#eef3ea}.language-meta{font-size:11px;letter-spacing:.1em;font-weight:700;color:#96703b;text-transform:uppercase}.language-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.language-item{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #d9e4df;border-radius:14px;padding:18px;min-width:0}.language-item:hover{border-color:#5c8274}.language-item b{font-size:12px;color:#5a8273;background:#eef4ed;border-radius:10px;padding:10px}.language-item strong{font-size:14px;display:block;line-height:1.6}.language-item small{font-size:11px;color:#728680;display:block;margin-top:4px}.language-item .done{background:#d5ebdd}.language-word{background:transparent;border:0;border-bottom:1px dotted #8ea797;color:inherit;font:inherit;padding:0 1px;cursor:pointer;border-radius:3px}.language-word:hover,.language-word:focus-visible{background:#f1d5a3;color:#193f3d;outline:2px solid #d99b3d}.language-reading{font-size:19px;line-height:1.95;white-space:pre-line}.language-reading p{margin:16px 0}.language-note{background:#f5f1e6;border-left:3px solid #dfaa5c;border-radius:0 10px 10px 0;padding:18px;margin-top:20px;line-height:1.8;font-size:14px}.language-translation{color:#607973;font-size:14px;line-height:1.8;margin:12px 0 20px}.language-stepbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.language-slide{min-height:400px;padding:34px;border-radius:20px;background:white;border:1px solid #dbe6df}.language-slide h2{font-size:27px;margin:12px 0 22px;line-height:1.4}.language-slide .objectives{font-size:16px;line-height:1.9}.vocab-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.vocab-flip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px;width:100%;background:#fff;border:1px solid #d7e2db;border-radius:22px;padding:28px;color:#163e41;cursor:pointer;box-shadow:0 12px 40px #183f3d08;transition:transform .2s}.vocab-flip:hover{transform:translateY(-2px)}.vocab-flip .word{font-size:clamp(26px,4vw,44px);line-height:1.3;margin:26px 0;text-align:center;overflow-wrap:anywhere}.vocab-flip small{color:#66817a;font-size:12px}.vocab-back{background:#edf4ed}.vocab-controls{display:flex;justify-content:center;gap:10px;margin:20px 0;flex-wrap:wrap}.vocab-example{margin-top:20px;padding:24px;background:white;border-radius:15px;border:1px solid #dbe6df}.vocab-example .language-reading{font-size:18px}.notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.word-entry{padding:24px;border:1px solid #dce6df;border-radius:16px;background:#fff}.word-entry h3{font-size:22px;margin:0 0 8px}.word-entry p{line-height:1.8}.word-entry textarea{width:100%;min-height:80px}.word-entry .field{margin-top:20px}.source-credit{font-size:10px;color:#6c7d77;line-height:1.6;overflow-wrap:anywhere;margin-top:18px}.source-credit a{text-decoration:underline}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:22px;align-items:start}.exam-question{padding:28px;background:#fff;border:1px solid #dbe5df;border-radius:18px}.exam-question h2{font-size:18px;line-height:1.8;margin:20px 0}.exam-passage{font-size:16px;line-height:1.9;white-space:pre-line;padding:20px;background:#f6f8f3;border-radius:12px}.exam-numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:15px 0}.exam-numbers button{min-height:34px;border:1px solid #d2dfd7;background:white;border-radius:7px;font-size:11px;cursor:pointer}.exam-numbers .answered{background:#e0efde;border-color:#a8c2a6}.exam-numbers .current{background:#174d4c;color:white}.exam-timer{font-size:25px;font-variant-numeric:tabular-nums;color:#174d4c;font-weight:700}.exam-save{font-size:11px;min-height:20px;color:#577c64;margin-top:12px}.exam-save.failed{color:#ad3030}.language-bars .bar-row{display:grid;grid-template-columns:170px 1fr 45px;gap:10px;margin:15px 0;align-items:center;font-size:12px}.language-bars .bar{height:10px;border-radius:10px;background:#e6eee7;overflow:hidden}.language-bars .bar span{display:block;height:100%;background:#438c79;border-radius:10px}.speech-game{border:1px solid #cfddcf;border-radius:16px;padding:24px;background:#f4f8ef;margin-top:24px}.speech-game audio{width:100%;margin-top:16px}.speech-words{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.speech-words button{padding:10px 16px;background:white;border:1px solid #cddfce;border-radius:10px;cursor:pointer;font-size:15px}.speech-slot{min-height:58px;background:#fff;border:2px dashed #aec3ad;border-radius:12px;padding:15px;line-height:1.8}.language-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.language-toolbar .field{flex:1;min-width:160px}.language-sources{font-size:13px;line-height:1.9}.language-sources a{text-decoration:underline}.language-status{font-size:12px;color:#547866}.language-result{font-size:46px;font-weight:700;color:#174d4c}.lesson-facts{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#667f78;margin-bottom:24px}.language-unknown{line-height:1.8;font-size:14px}.language-pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:24px 0}.editor-sections details{margin:12px 0;padding:18px;border:1px solid #d6e2dc;border-radius:12px}.editor-sections summary{font-weight:700;cursor:pointer}.editor-sections textarea{min-height:100px}.editor-actions{position:sticky;bottom:0;background:#edf3ecef;backdrop-filter:blur(8px);padding:15px;border-radius:12px;display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;z-index:10}.editor-sub{border-left:3px solid #bfd2c3;padding:12px 18px;margin-top:15px}.editor-sections .field{margin-top:12px}@media(max-width:1000px){.vocab-layout,.exam-layout{grid-template-columns:1fr}.exam-layout aside{order:-1}.exam-numbers{grid-template-columns:repeat(10,1fr)}.language-paths{grid-template-columns:1fr}.language-emblem{width:85px;height:85px}.language-bars .bar-row{grid-template-columns:120px 1fr 40px}}@media(max-width:650px){.language-hero{padding:22px;grid-template-columns:1fr}.language-emblem{display:none}.language-hero h2{font-size:24px}.language-list,.notebook-grid{grid-template-columns:1fr}.language-slide,.exam-question{padding:22px}.language-slide h2{font-size:22px}.language-reading{font-size:17px}.language-tabs{gap:6px}.language-tabs a{padding:9px 10px;font-size:11px}.exam-numbers{grid-template-columns:repeat(8,1fr)}.language-toolbar{align-items:stretch}.vocab-flip{min-height:270px}.language-stepbar{flex-wrap:wrap}.speech-game{padding:17px}}@media(prefers-reduced-motion:reduce){.vocab-flip{transition:none;transform:none!important}}
.field textarea{display:block;width:100%;padding:12px 14px;border:1px solid #cfddd7;border-radius:10px;background:#fff;color:#183f43;font:inherit;line-height:1.7;resize:vertical;min-height:100px;box-sizing:border-box}.field textarea:focus{outline:2px solid #96b6a6;outline-offset:1px}.note-form .row{flex-wrap:wrap}.language-note{margin-bottom:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}