.study-stage .player-frame{position:relative;container-type:inline-size;overflow:hidden}.study-stage #player-slot{position:absolute;inset:0}.study-stage #player-slot iframe{width:100%;height:100%}.study-stage .video-overlay{position:absolute;left:5%;right:5%;bottom:max(14%,72px);z-index:5;display:flex;flex-direction:column;align-items:center;gap:4px;max-height:70%;pointer-events:none;font-family:"Segoe UI Variable Text","Segoe UI",Roboto,Arial,sans-serif;text-align:center}.study-stage .stage-subtitles{width:100%;min-height:0;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.study-stage .stage-subtitles p{display:block;max-width:100%;width:max-content;margin:0;padding:0 .45em;border-radius:4px;background:rgba(8,8,8,.72);color:#fff;text-shadow:0 1px 2px #0009;line-height:1.35;overflow-wrap:anywhere}.study-stage .stage-subtitles p:empty{display:none}.study-stage #stage-sentence{font-size:clamp(15px,calc(2.6cqw * var(--study-text-scale,1)),42px);font-weight:600;max-height:5.4em;overflow:auto}.study-stage #stage-prev,.study-stage #stage-next{font-size:clamp(11px,calc(1.45cqw * var(--study-text-scale,1)),26px);font-weight:500;color:#e4e4e7;opacity:.62;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.study-stage #stage-meaning{font-size:clamp(11px,calc(1.45cqw * var(--study-text-scale,1)),26px);color:#d4d4d8;background:rgba(8,8,8,.5)}.study-stage.typing-active #stage-prev,.study-stage.typing-active #stage-next{display:none}.study-stage.typing-paused .stage-subtitles{display:none}.study-stage.explaining .stage-subtitles,.study-stage.explaining .typing-card{display:none}.study-stage .typing-card{pointer-events:auto;box-sizing:border-box;max-width:min(92%,520px);width:100%;max-height:42cqh;overflow:auto;padding:7px 10px;border:1px solid #777;border-radius:8px;background:rgba(8,8,8,.88);color:#fff;text-align:left;box-shadow:none}.study-stage .typing-card .eyebrow{color:#ffca72}.study-stage .typing-card .typing-source{font-size:calc(16px * var(--study-text-scale,1));line-height:1.45;color:#fff;margin:5px 0;max-height:4.35em;overflow:auto}.study-stage .typing-card .typing-target-line strong{color:#ffca72;background:transparent;text-decoration:underline;text-underline-offset:.18em;font-size:calc(15px * var(--study-text-scale,1))}.study-stage .typing-card .typing-target-line span,.study-stage .typing-card #typing-prompt{color:#ddd}.study-stage .typing-card #typing-prompt{margin:4px 0;font-size:calc(13px * var(--study-text-scale,1))}.study-stage .typing-card .typing-entry input{background:#161616;color:#fff;padding:6px 8px;font-size:calc(14px * var(--study-text-scale,1))}.study-stage .typing-card #typing-timer{color:#ffca72}.study-stage .typing-card #typing-feedback{margin:4px 0 0;color:#86dec0}.study-stage .typing-card #typing-feedback.error{color:#ff8c8c}.study-stage .typing-card .typing-entry button{background:#26394e;border-color:#8391a0;color:#fff}.study-stage .explain{pointer-events:auto;max-width:min(90%,700px);max-height:50cqh;overflow:auto;margin:0;padding:12px 16px;border:1px solid #8995a4;border-radius:8px;background:rgba(8,8,8,.9);color:#fff;text-align:left;box-shadow:none}.study-stage .explain .eyebrow{color:#ffca72}.study-stage .explain p{font-size:calc(16px * var(--study-text-scale,1));line-height:1.5}.study-stage:fullscreen #stage-sentence{font-size:clamp(20px,calc(2.6cqw * var(--study-text-scale,1)),52px)}
.study-stage .explain-actions{display:flex;flex-wrap:wrap;column-gap:12px}
.study-stage .typing-card .typing-entry textarea{background:#161616;color:#fff;padding:6px 8px;font-size:calc(14px * var(--study-text-scale,1))}
.study-stage .typing-card .typed-correct{color:#86dec0}.study-stage .typing-card .typing-entry .typing-capture{position:absolute;width:1px;height:1px;min-width:0;min-height:0;opacity:0;pointer-events:none;padding:0;border:0;resize:none}
.study-stage .typing-card .typing-source{max-height:8em;padding:10px 12px;border:1px solid #a8cfc3;border-radius:8px;background:#f7fbf8;color:#173936;white-space:normal;overflow-wrap:anywhere;cursor:text}.study-stage .typing-card .typed-correct{color:#168052}.study-stage .typing-card .typing-space{display:inline-block;margin:0 .05em;padding:0 .16em;border-radius:3px;background:#e4eee9;color:#58786c;font-size:.72em;line-height:1.25}.study-stage .typing-card .typed-correct.typing-space{background:#d4f2df;color:#0b774e}.study-stage .typing-card .typing-current{background:#dbeedb;color:#173936}.study-stage .typing-card .typed-correct.typing-current{color:#168052}.study-stage .typing-card .typing-current.typing-space{background:#f1d79d;color:#6a4b12}