/* A quiet cockpit for one sentence at a time. */
.modal.flight-modal{max-width:850px;max-height:94dvh;border-radius:22px;background:#f7f9f5;--flight-surface:#fff;--flight-soft:#6f7e70;--flight-border:#e0e8db;--flight-green:#527c36}
.flight-header{padding:22px 30px 20px;position:sticky;top:0;z-index:3;background:#fff}
.flight-header .study-top-row{margin-bottom:19px;align-items:center}
.flight-heading{display:flex;gap:12px;align-items:center;min-width:0}
.flight-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf5e2;color:#87a568;flex-shrink:0}
.flight-mark .icon{width:22px;height:22px}
.flight-eyebrow{font-size:8px;letter-spacing:1.6px;color:#80996d;font-weight:750;display:block;margin-bottom:5px}
.flight-heading h2{font-size:15px;letter-spacing:-.3px;line-height:1.5}
.flight-progress-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#7c8978;margin-bottom:10px}
.flight-progress-caption strong{font-weight:750;color:#526c43}
.flight-session-xp{display:flex;align-items:center;gap:5px;color:#8e80ae;font-size:9px}
.flight-session-xp .icon{height:14px;width:14px}
.flight-header .study-progress{gap:10px}
.flight-header .study-progress .progress-track{height:7px;background:#edf1e8}
.flight-header .progress-track>span{background:#b4d78a;transition:width .25s ease-out}
.flight-destination{color:#b4c69d;display:grid;place-items:center}
.flight-destination .icon{width:15px;height:15px}
.flight-body{padding:27px 36px 22px;text-align:left;background-image:radial-gradient(circle at 9% 14%,#9eb5781a 1px,transparent 1.5px),radial-gradient(circle at 88% 68%,#9eb5781a 1px,transparent 1.5px);background-size:175px 185px,235px 235px}
.flight-context{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--flight-soft);font-size:10px;margin-bottom:13px}
.flight-language{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:650}
.flight-modal .flight-sentence{margin:0;min-height:186px;padding:33px 30px;background:var(--flight-surface);border:1px solid var(--flight-border);border-radius:16px;position:relative;font-size:29px;line-height:1.9;font-weight:600;letter-spacing:-.6px;box-shadow:0 4px 15px #40592c05;text-align:center}
.flight-sentence-star{position:absolute;right:17px;top:15px;color:#b7c9a1;line-height:1}
.flight-sentence-star .icon{height:15px;width:15px}
.flight-modal .flight-sentence .blank{background:#ecf4e1;border-color:#a5c67f;color:#a1bc86;font-size:26px;letter-spacing:5px;padding:1px 12px;min-width:98px;max-width:100%;margin:0 5px;vertical-align:baseline;white-space:pre-wrap;overflow-wrap:anywhere}
.flight-modal .flight-sentence .blank.draft{font-size:inherit;font-weight:650;color:#658a49;letter-spacing:-.3px;background:#eef6e4}
.flight-modal .flight-sentence .blank.answered{font-size:inherit;letter-spacing:-.3px}
.flight-modal .flight-sentence .blank.correct{background:#e4f0d4;color:#527b35;border-color:#85b55c}
.flight-modal .flight-sentence .blank.incorrect,.flight-modal .flight-sentence .blank.revealed{background:#f5ecdc;color:#946d37;border-color:#cfb17c}
.flight-answer{margin-top:25px}
.flight-answer-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:9px}
.flight-answer-label label{font-size:12px;font-weight:700;margin:0}
.flight-answer-label>span{font-size:9px;color:var(--flight-soft);text-align:right}
.flight-input-wrap{position:relative;display:flex;align-items:center}
.flight-input-wrap>.icon{position:absolute;left:16px;height:18px;width:18px;color:#8ca376;pointer-events:none}
.flight-modal .flight-input-wrap input{border:1px solid #dce5d3;background:var(--flight-surface);font-size:17px;line-height:1.7;min-height:57px;padding:12px 95px 12px 46px;border-radius:11px;color:#34472d;box-shadow:0 2px 5px #203a1603}
.flight-input-wrap input::placeholder{color:#9ba593;opacity:1}
.flight-input-wrap kbd{position:absolute;right:13px;display:flex;align-items:center;gap:4px;border:1px solid #e3e9dc;border-radius:5px;padding:3px 6px;font:9px var(--font);color:#8a9980;background:#f7faf3;pointer-events:none}
.flight-input-wrap kbd .icon{width:11px;height:11px}
.flight-input-help{font-size:9px;color:var(--flight-soft);margin:8px 0 0;line-height:1.7;min-height:16px}
.flight-input-help.input-error{color:#b16b4e}
.flight-input-wrap input[aria-invalid="true"]{border-color:#c99068}
[data-feedback="correct"] .flight-input-wrap input{border-color:#9bbb7d;background:#f4f9ed;color:#54773d}
[data-feedback="incorrect"] .flight-input-wrap input,[data-feedback="revealed"] .flight-input-wrap input{border-color:#d6bb97;background:#fcf8f1;color:#95795c}
[data-feedback="incorrect"] .flight-input-wrap>.icon,[data-feedback="revealed"] .flight-input-wrap>.icon{color:#ba9970}
[data-feedback="correct"] .flight-input-wrap kbd,[data-feedback="incorrect"] .flight-input-wrap kbd,[data-feedback="revealed"] .flight-input-wrap kbd{display:none}
.flight-modal .flight-feedback{display:flex;gap:13px;align-items:flex-start;border-radius:12px;margin-top:15px;padding:17px;background:#eaf4de;border:1px solid #d3e5bd;color:#5b7b42;text-align:left}
.feedback-icon{height:34px;width:34px;display:grid;place-items:center;border-radius:10px;background:#d7eac0;color:#6c974d;flex-shrink:0}
.feedback-icon .icon{height:20px;width:20px}
.flight-feedback .feedback-copy{flex:1;min-width:0}
.flight-feedback .feedback-copy strong{font-size:12px;font-weight:750;line-height:1.7;display:block}
.flight-feedback .feedback-copy p{font-size:10px;margin:4px 0 0;line-height:1.8}
.feedback-reward{font-size:11px;font-weight:800;padding:5px 8px;border-radius:6px;background:#d8eac2;color:#5d823b;white-space:nowrap}
.flight-modal .flight-feedback.wrong,.flight-modal .flight-feedback.revealed{background:#fbf1e4;border-color:#eddbc2;color:#8e6d47}
.flight-feedback.wrong .feedback-icon,.flight-feedback.revealed .feedback-icon{background:#eedcc3;color:#a57d47}
.flight-feedback .feedback-correction{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.feedback-correction>span{font-size:9px;opacity:.85}
.feedback-correction b{font-size:14px;font-weight:750}
.flight-feedback .feedback-explanation{opacity:.9;font-size:9px!important;line-height:1.8}
.flight-modal .flight-hint{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;margin-top:13px;min-height:34px}
.flight-hint-toggle{display:flex;gap:6px;align-items:center;font-size:10px;color:#82966d;min-height:30px;padding:0}
.flight-hint-toggle>.icon{height:14px;width:14px}
.flight-hint-toggle>.icon:nth-of-type(2){height:11px;width:11px;transform:rotate(90deg)}
.flight-hint-toggle[aria-expanded="true"]>.icon:nth-of-type(2){transform:rotate(-90deg)}
.flight-hint .hint-text{font-size:12px;line-height:1.8;color:#6d7f60;margin:2px 0 0 20px}
.flight-no-hint{display:flex;align-items:center;gap:6px;font-size:9px;color:#91a183}
.flight-no-hint .icon{height:12px;width:12px}
.flight-modal .flight-controls{position:sticky;bottom:0;background:#fff;z-index:3;padding:18px 30px;border-top:1px solid var(--flight-border);gap:12px}
.flight-controls .button{font-size:11px;min-height:43px}
.flight-controls .button.ghost{font-size:10px;color:#8a957e;padding-left:0}
.flight-controls .button.ghost:disabled{display:none}
.flight-keyboard-note{font-size:9px;color:#9aa48f;margin-left:auto}
html[data-theme="dark"] .modal.flight-modal{background:#12142a;--flight-surface:#1a1c3d;--flight-soft:#a6a8ca;--flight-border:#303360;--flight-green:#cfee8b}
html[data-theme="dark"] .flight-header{background:#171834}
html[data-theme="dark"] .flight-mark{background:#2d2f44;color:#d9f2a3}
html[data-theme="dark"] .flight-eyebrow{color:#c8ec7b}
html[data-theme="dark"] .flight-progress-caption{color:#a7a9c8}
html[data-theme="dark"] .flight-progress-caption strong{color:#ddf3ac}
html[data-theme="dark"] .flight-session-xp{color:#c5b2e5}
html[data-theme="dark"] .flight-header .study-progress .progress-track{background:#2b2e51}
html[data-theme="dark"] .flight-header .progress-track>span{background:#ccee84}
html[data-theme="dark"] .flight-destination{color:#cced84}
html[data-theme="dark"] .flight-body{background-image:radial-gradient(ellipse at 80% 10%,#685c9b12,transparent 60%),radial-gradient(circle at 9% 14%,#b9bbd826 1px,transparent 1.5px),radial-gradient(circle at 88% 68%,#b9bbd81a 1px,transparent 1.5px);background-size:auto,175px 185px,235px 235px}
html[data-theme="dark"] .flight-modal .flight-sentence{background:linear-gradient(120deg,#1c1f42,#1c1f42);border-color:#343767;box-shadow:0 7px 23px #0001}
html[data-theme="dark"] .flight-sentence-star{color:#c4eb70}
html[data-theme="dark"] .flight-modal .flight-sentence .blank{background:#2a2c44;border-color:#c2ea6b;color:#d9f2a3}
html[data-theme="dark"] .flight-modal .flight-sentence .blank.draft{background:#30324d;color:#e7f7c5}
html[data-theme="dark"] .flight-modal .flight-sentence .blank.correct{background:#333553;color:#e8f7c7;border-color:#c7ec78}
html[data-theme="dark"] .flight-modal .flight-sentence .blank.incorrect,html[data-theme="dark"] .flight-modal .flight-sentence .blank.revealed{background:#514333;color:#f1d7ad;border-color:#d9b87e}
html[data-theme="dark"] .flight-modal .flight-input-wrap input{background:#14162f;border-color:#3d406a;color:#e9eaf3}
html[data-theme="dark"] .flight-input-wrap input::placeholder{color:#9194ba}
html[data-theme="dark"] .flight-input-wrap>.icon{color:#cbed81}
html[data-theme="dark"] .flight-input-wrap kbd{background:#1e2045;border-color:#3b3e64;color:#b8bad7}
html[data-theme="dark"] .flight-input-help.input-error{color:#f0be99}
html[data-theme="dark"] [data-feedback="correct"] .flight-input-wrap input{background:#24263b;border-color:#8b9d63;color:#e2f5b9}
html[data-theme="dark"] [data-feedback="incorrect"] .flight-input-wrap input,html[data-theme="dark"] [data-feedback="revealed"] .flight-input-wrap input{background:#3a302e;border-color:#947452;color:#edc9ad}
html[data-theme="dark"] .flight-modal .flight-feedback.correct{background:#27293f;border-color:#3c3f6c;color:#def3ae}
html[data-theme="dark"] .feedback-icon{background:#353758;color:#dcf3aa}
html[data-theme="dark"] .feedback-reward{background:#343657;color:#e5f6c1}
html[data-theme="dark"] .flight-modal .flight-feedback.wrong,html[data-theme="dark"] .flight-modal .flight-feedback.revealed{background:#3c312c;border-color:#6b553d;color:#f0cfac}
html[data-theme="dark"] .flight-feedback.wrong .feedback-icon,html[data-theme="dark"] .flight-feedback.revealed .feedback-icon{background:#58432f;color:#f0d2a6}
html[data-theme="dark"] .flight-hint-toggle{color:#ceee88}
html[data-theme="dark"] .flight-hint .hint-text{color:#d3f095}
html[data-theme="dark"] .flight-no-hint{color:#bee963}
html[data-theme="dark"] .flight-modal .flight-controls{background:#171834}
html[data-theme="dark"] .flight-controls .button.ghost{color:#c6ec76}
html[data-theme="dark"] .flight-keyboard-note{color:#bde85f}
@media(max-width:760px){
 .modal.flight-modal{border-radius:17px;max-height:95dvh}
 .flight-header{padding:18px 19px 15px}
 .flight-header .study-top-row{margin-bottom:15px}
 .flight-heading{gap:9px}
 .flight-mark{height:34px;width:34px;border-radius:10px}
 .flight-mark .icon{height:19px;width:19px}
 .flight-eyebrow{font-size:7px;letter-spacing:1.3px}
 .flight-heading h2{font-size:12px;max-width:220px}
 .flight-progress-caption{font-size:10px;margin-bottom:7px}
 .flight-session-xp{font-size:8px}
 .flight-body{padding:22px 19px 18px}
 .flight-context{font-size:8px;gap:10px;align-items:flex-start;margin-bottom:12px}
 .flight-context>span:last-child{max-width:160px;text-align:right}
 .flight-modal .flight-sentence{font-size:25px;min-height:157px;padding:28px 17px;line-height:1.9}
 .flight-modal .flight-sentence .blank{font-size:23px;min-width:76px;padding:1px 9px;margin:0 3px}
 .flight-modal .flight-sentence .blank.draft,.flight-modal .flight-sentence .blank.answered{font-size:24px}
 .flight-answer{margin-top:22px}
 .flight-answer-label{align-items:flex-start;gap:10px}
 .flight-answer-label label{font-size:11px}
 .flight-answer-label>span{font-size:8px;max-width:125px;line-height:1.8}
 .flight-modal .flight-input-wrap input{font-size:16px;min-height:52px;padding:12px 15px 12px 40px}
 .flight-input-wrap>.icon{left:13px;height:16px;width:16px}
 .flight-input-wrap kbd{display:none}
 .flight-input-help{font-size:9px;min-height:0;margin-top:7px}
 .flight-modal .flight-feedback{gap:9px;padding:14px 12px;margin-top:14px}
 .feedback-icon{width:29px;height:29px;border-radius:8px}
 .feedback-icon .icon{width:18px;height:18px}
 .flight-feedback .feedback-copy strong{font-size:11px}
 .flight-feedback .feedback-copy p{font-size:9px}
 .feedback-correction b{font-size:13px}
 .feedback-reward{font-size:9px;padding:4px 6px}
 .flight-hint-toggle{min-height:38px;font-size:10px}
 .flight-hint .hint-text{font-size:11px;line-height:1.8;margin-left:19px}
 .flight-modal .flight-controls{padding:14px 18px;gap:8px}
 .flight-controls .button{font-size:10px;min-height:44px;padding:10px 12px;gap:6px}
 .flight-controls .button.ghost{font-size:9px;padding:8px 0;gap:5px}
 .flight-controls .button .icon{height:14px;width:14px}
 .flight-keyboard-note{display:none}
 .flight-controls>.button.primary{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.flight-header .progress-track>span{transition:none}}

.flight-hint-toggle:disabled{opacity:1;cursor:default}
.flight-answer-label>span{font-size:10px}
.study-polish{padding:17px 20px 18px;margin:0 0 16px;background:#edf1fa;border:1px solid #dce3f1;border-radius:12px;overflow-wrap:anywhere}
.study-polish h3{display:flex;align-items:center;gap:8px;color:#6a7090;font-size:10px;font-weight:700;letter-spacing:.3px;margin:0 0 8px}
.polish-language-mark{display:grid;place-items:center;border:1px solid #d4daec;background:#fff9;border-radius:5px;color:#737994;width:25px;height:21px;font-size:9px;letter-spacing:.6px}
.study-polish>p{font-size:19px;line-height:1.65;font-weight:600;letter-spacing:-.3px;color:#454d68;margin:0;white-space:pre-wrap}
.study-gap-instruction{font-size:10px;color:var(--flight-soft);display:flex;align-items:center;gap:6px;margin:0 0 9px}
.study-gap-instruction .icon{width:13px;height:13px}
.study-polish.missing{background:#f9f3e8;border-color:#eadcc4}
.study-polish.missing h3{color:#94774e}
.study-polish.missing>p{font-size:14px;color:#816642}
.study-polish-missing{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}
.study-polish-missing>span{font-size:10px;color:#947d60;line-height:1.8;max-width:350px}
.study-polish-missing .text-link{font-size:10px;color:#816642;min-height:32px}
html[data-theme="dark"] .study-polish{background:linear-gradient(120deg,#262847,#232544);border-color:#3c3f64}
html[data-theme="dark"] .study-polish h3{color:#bfc1db}
html[data-theme="dark"] .polish-language-mark{background:#323559;border-color:#4a4d75;color:#d9dae9}
html[data-theme="dark"] .study-polish>p{color:#e7e8f2}
html[data-theme="dark"] .study-polish.missing{background:#342e28;border-color:#66523c}
html[data-theme="dark"] .study-polish.missing h3{color:#dec29d}
html[data-theme="dark"] .study-polish.missing>p{color:#eed7ba}
html[data-theme="dark"] .study-polish-missing>span{color:#cbb79c}
html[data-theme="dark"] .study-polish-missing .text-link{color:#ebcda7}
@media(max-width:760px){.study-polish{padding:14px 15px;margin-bottom:15px}.study-polish h3{font-size:9px;gap:7px;margin-bottom:8px}.study-polish>p{font-size:17px;line-height:1.7}.study-gap-instruction{font-size:9px}.study-polish-missing>span{font-size:10px}.study-polish-missing .text-link{min-height:38px}.flight-modal .flight-sentence{min-height:140px}}
.flight-input-help{font-size:10px}
.flight-feedback .feedback-copy strong{font-size:14px}
.flight-feedback .feedback-copy p{font-size:12px}
.feedback-correction>span{font-size:11px}
.feedback-correction b{font-size:16px}
.flight-feedback .feedback-explanation{font-size:11px!important}
@media(max-width:760px){.flight-answer-label>span{font-size:9px}.flight-input-help{font-size:10px}.flight-feedback .feedback-copy strong{font-size:12px}.flight-feedback .feedback-copy p{font-size:11px}.feedback-correction>span{font-size:10px}.feedback-correction b{font-size:14px}.flight-feedback .feedback-explanation{font-size:10px!important}}
@media(min-width:761px) and (max-height:800px){
 .flight-header{padding:18px 26px 16px}
 .flight-header .study-top-row{margin-bottom:13px}
 .flight-body{padding:20px 30px 18px}
 .study-polish{padding:13px 17px;margin-bottom:12px}
 .flight-modal .flight-sentence{min-height:124px;padding:19px 24px;font-size:27px}
 .flight-answer{margin-top:18px}
 .flight-modal .flight-controls{padding:14px 26px}
}