/* Feedback appears only while starting, buffering, or recovering a word story. */
.video-feedback{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(300px,calc(100% - 40px));padding:18px;background:var(--paper,#f7f6ef);color:var(--ink,#263e32);border:1px solid var(--line,#d9dfd1);border-radius:12px;box-shadow:0 6px 24px #162c2426;text-align:center;font-size:14px;line-height:1.7}
.video-feedback[hidden],.video-feedback button[hidden]{display:none}
.video-feedback p{margin:0}.video-feedback-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.video-feedback-actions:has(button:not([hidden])){margin-top:12px}
.video-feedback button{min-height:44px;padding:9px 18px;border:1px solid var(--green,#285e43);border-radius:9px;background:var(--green,#285e43);color:var(--paper,#fffef9);font:600 14px/1.5 var(--font,system-ui);cursor:pointer}
.video-feedback button:focus-visible{outline:3px solid #b48139;outline-offset:3px}.detail-video{aspect-ratio:1080 / 1922;object-fit:contain}

.video-quality{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0;color:var(--muted,#526858);font-size:13px;line-height:1.5}
.video-quality[hidden]{display:none}.video-quality select{font:inherit;min-height:44px;max-width:100%;padding:8px 28px 8px 12px;border:1px solid var(--line,#d9dfd1);border-radius:8px;background:var(--paper,#f7f6ef);color:var(--ink,#263e32)}
.video-quality select:focus-visible{outline:3px solid #b48139;outline-offset:3px}.lesson-card>.video-quality{padding:8px 18px;border-top:1px solid var(--line,#d9dfd1)}
.detail-content>.video-quality{margin-top:-12px;margin-bottom:8px}.video-feedback{max-height:calc(100% - 28px);overflow:auto}.video-feedback-actions button{flex-shrink:0}