body,html{height:100%}body:has(.focus-root),html:has(.focus-root){overflow:hidden!important}body{overflow-x:hidden;background-image:none!important;background-color:#f2f4f1;color:var(--text-primary,#1c1c1c)}:root{--focus-accent:#f5d054;--overlay-base:#f2f4f1;--lx-stage-vw:0.985;--lx-stage-vh:0.965;--lx-stage-max-w:1920px;--lx-stage-max-h:1152px;--lx-stage-offset-y:1.2vh;--lx-gold-inset-x:clamp(18px,4cqi,72px);--lx-gold-inset-y:clamp(18px,4cqh,72px);--lx-panel-to-stage:0.8165;--lx-panel-max-w:calc(var(--lx-stage-max-w) * var(--lx-panel-to-stage));--lx-panel-max-h:calc(var(--lx-stage-max-h) * var(--lx-panel-to-stage));--lx-ui-auto-scale:1;--lx-ui-manual-scale:1;--lx-ui-scale:calc(var(--lx-ui-auto-scale) * var(--lx-ui-manual-scale))}@media (max-width:1200px){:root{--lx-ui-auto-scale:0.95}}@media (max-width:980px){:root{--lx-ui-auto-scale:0.90}}@media (max-width:820px){:root{--lx-ui-auto-scale:0.85}}.focus-overlay,.focus-root{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:min(8px,1.2vw);background:var(--overlay-base)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;overscroll-behavior:none;overflow:hidden}.focus-outside{display:none}.focus-stage-wrap{width:100%;height:100%;display:grid;place-items:center}.focus-stage{container-type:size;position:relative;max-width:var(--lx-stage-max-w);max-height:var(--lx-stage-max-h);width:min(calc(var(--lx-stage-vw) * 100vw),calc(var(--lx-stage-vh) * 100vh * 5 / 3),var(--lx-stage-max-w),calc(var(--lx-stage-max-h) * 5 / 3));aspect-ratio:5/3;border-radius:28px;overflow:hidden;box-shadow:0 0 0 2px rgba(245,208,84,.22),0 18px 60px rgba(0,0,0,.25);background-color:#0f3b33;background-image:url(/lingox/ui/bg-base.png);background-repeat:no-repeat;background-position:50%;background-size:contain;--lx-stage-fg:#f8fafc;--lx-stage-fg-muted:rgba(248,250,252,.78);--lx-surface-bg:hsla(0,0%,100%,.94);--lx-surface-fg:#111827;color:var(--lx-stage-fg);transform:translateY(clamp(6px,var(--lx-stage-offset-y),18px));will-change:transform;filter:none!important}.focus-stage[data-tone=light]{--lx-stage-fg:#111827;--lx-stage-fg-muted:rgba(17,24,39,.72);--lx-surface-bg:hsla(0,0%,100%,.96);--lx-surface-fg:#111827;color:var(--lx-stage-fg)}.focus-stage-inner{position:absolute;inset:0;padding:0;box-sizing:border-box;overflow:hidden;filter:none!important}.lx-panel-wrap{width:100%;height:100%;display:grid;place-items:center;padding:var(--lx-gold-inset-y) var(--lx-gold-inset-x);box-sizing:border-box}.lx-panel{width:min(calc(100% * var(--lx-panel-to-stage)),var(--lx-panel-max-w));aspect-ratio:5/3;max-height:min(calc(100% * var(--lx-panel-to-stage)),var(--lx-panel-max-h));overflow:hidden;min-width:0;min-height:0}@supports (width:1cqi){.lx-panel{width:min(calc(100cqi * var(--lx-panel-to-stage)),calc((100cqh - (2 * var(--lx-gold-inset-y))) * 5 / 3),100%,var(--lx-panel-max-w));max-height:min(calc(100cqh * var(--lx-panel-to-stage)),var(--lx-panel-max-h),calc(100cqh - (2 * var(--lx-gold-inset-y))))}}.lx-panel>.lx-panel-content{--s:var(--lx-ui-scale);transform:scale(var(--s));transform-origin:top center;width:calc(100% / var(--s));height:calc(100% / var(--s))}.lx-panel>.lx-panel-content>.lx-panel-scroll{width:100%;height:100%;overflow:auto}.lx-panel .lx-panel{width:100%!important;max-height:none!important;aspect-ratio:auto!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;overflow:visible!important}.lx-panel .lx-panel .lx-panel-header{display:none!important}.lx-panel .lx-panel>.lx-panel-content{transform:none!important;width:100%!important;height:auto!important}@keyframes correctPulse{0%{box-shadow:0 0 0 0 rgba(164,240,0,.55)}to{box-shadow:0 0 0 24px rgba(164,240,0,0)}}.correct{animation:correctPulse .4s ease-out}@keyframes wrongShake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.wrong{animation:wrongShake .3s ease}.lx-action-row{width:min(520px,92%);margin:0 auto;display:flex;gap:16px;position:sticky;bottom:16px;z-index:20;padding-top:10px}.lx-btn{flex:1;height:56px;border-radius:999px;font-weight:800;font-size:16px;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1),background-color .15s cubic-bezier(.2,.8,.2,1),color .15s cubic-bezier(.2,.8,.2,1),border-color .15s cubic-bezier(.2,.8,.2,1)}.lx-btn:active{transform:scale(.96)}.lx-btn-primary{background:#1f6f5f;color:#fff;border:1px solid #1f6f5f;box-shadow:0 10px 24px rgba(0,0,0,.22)}.lx-btn-primary:hover{transform:scale(1.04);background:#258673;box-shadow:0 14px 32px rgba(0,0,0,.26)}.lx-btn-secondary{background:#fff!important;color:#1f6f5f!important;border:1px solid rgba(31,111,95,.65)!important;box-shadow:0 8px 18px rgba(0,0,0,.14)}.lx-btn-secondary:hover{transform:scale(1.04);background:#1f6f5f!important;color:#fff!important;border-color:#1f6f5f!important;box-shadow:0 14px 30px rgba(0,0,0,.22)}.lx-btn:hover{outline:2px solid rgba(164,240,0,.25);outline-offset:2px}