/* Learning React adapter. No scoring/streak calculation occurs here. */
#lop-react-learning-root{position:relative;z-index:2147481800}.lop-react-learning-hud{display:none}
html.lop-react-learning-mounted body[data-lop-react-surface="learning"] :where(.lop-support-main,.lop-vocab-main,.lop-practice-shell,.lop-study-lesson-detail,.lop-study-quiz-runner){min-width:0}
html.lop-react-learning-mounted body[data-lop-react-surface="learning"] :where(.lop-study-flow-step,.lop-study-vocab-card,.lop-vocab-card,.lop-practice-panel){scroll-margin-top:20px}
html.lop-react-learning-focus body[data-lop-react-surface="learning"] :where(header:not(.lop-study-flow-step header),footer,.lop-vocab-footer,.lopsp-info-footer){opacity:.38;transition:opacity .18s ease}
html.lop-react-learning-focus body[data-lop-react-surface="learning"] :where(header:not(.lop-study-flow-step header),footer,.lop-vocab-footer,.lopsp-info-footer):hover{opacity:1}
@media(max-width:767px){
 html.lop-react-learning-mounted body[data-lop-react-surface="learning"]{padding-bottom:74px!important}
 .lop-react-learning-hud{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid rgba(148,163,184,.34);border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 18px 50px rgba(15,23,42,.16);backdrop-filter:blur(16px);pointer-events:auto}
 .lop-react-learning-hud__label{min-width:0;display:grid;gap:1px;padding-left:5px}.lop-react-learning-hud__label small{font:800 9px/1.2 system-ui;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.lop-react-learning-hud__label strong{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:850 12px/1.3 system-ui;color:#0f172a}
 .lop-react-learning-hud__actions{display:flex;gap:5px}.lop-react-learning-hud button{display:grid;place-items:center;gap:1px;min-width:56px;min-height:46px;padding:4px 8px;border:0;border-radius:12px;background:#ecfdf5;color:#065f46}.lop-react-learning-hud button.is-active{background:#d1fae5}.lop-react-learning-hud button span{font-size:17px;line-height:1}.lop-react-learning-hud button b{font:800 9px/1.1 system-ui}
}