html,body{height:100%}:is(html:has(.focus-root),body:has(.focus-root)){overflow:hidden!important}body{color:var(--text-primary,#1c1c1c);background-color:#f2f4f1;overflow-x:hidden;background-image:none!important}:root{--focus-accent:#f5d054;--overlay-base:#f2f4f1;--lx-stage-vw:.985;--lx-stage-vh:.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:.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:.95}}@media (max-width:980px){:root{--lx-ui-auto-scale:.9}}@media (max-width:820px){:root{--lx-ui-auto-scale:.85}}.focus-root,.focus-overlay{z-index:9999;overscroll-behavior:none;place-items:center;padding:min(8px,1.2vw);display:grid;position:fixed;inset:0;overflow:hidden;background:var(--overlay-base)!important;-webkit-backdrop-filter:none!important;filter:none!important}.focus-outside{display:none}.focus-stage-wrap{place-items:center;width:100%;height:100%;display:grid}.focus-stage{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;--lx-stage-fg:#f8fafc;--lx-stage-fg-muted:#f8fafcc7;--lx-surface-bg:#fffffff0;--lx-surface-fg:#111827;color:var(--lx-stage-fg);transform:translateY(clamp(6px, var(--lx-stage-offset-y), 18px));will-change:transform;background-color:#0f3b33;background-image:url(/lingox/ui/bg-base.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #f5d05438,0 18px 60px #00000040;container-type:size;filter:none!important}.focus-stage[data-tone=light]{--lx-stage-fg:#111827;--lx-stage-fg-muted:#111827b8;--lx-surface-bg:#fffffff5;--lx-surface-fg:#111827;color:var(--lx-stage-fg)}.focus-stage-inner{box-sizing:border-box;padding:0;position:absolute;inset:0;overflow:hidden;filter:none!important}.lx-panel-wrap{width:100%;height:100%;padding:var(--lx-gold-inset-y) var(--lx-gold-inset-x);box-sizing:border-box;place-items:center;display:grid}.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));min-width:0;min-height:0;overflow:hidden}@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;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{aspect-ratio:auto!important;width:100%!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!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{width:100%!important;height:auto!important;transform:none!important}@keyframes correctPulse{0%{box-shadow:0 0 #a4f0008c}to{box-shadow:0 0 0 24px #a4f00000}}.correct{animation:.4s ease-out correctPulse}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.wrong{animation:.3s wrongShake}.lx-action-row{z-index:20;gap:16px;width:min(520px,92%);margin:0 auto;padding-top:10px;display:flex;position:sticky;bottom:16px}.lx-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:1;justify-content:center;align-items:center;height:56px;font-size:16px;font-weight:800;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);display:inline-flex}.lx-btn:active{transform:scale(.96)}.lx-btn-primary{color:#fff;background:#1f6f5f;border:1px solid #1f6f5f;box-shadow:0 10px 24px #00000038}.lx-btn-primary:hover{background:#258673;transform:scale(1.04);box-shadow:0 14px 32px #00000042}.lx-btn-secondary{box-shadow:0 8px 18px #00000024;color:#1f6f5f!important;background:#fff!important;border:1px solid #1f6f5fa6!important}.lx-btn-secondary:hover{transform:scale(1.04);box-shadow:0 14px 30px #00000038;color:#fff!important;background:#1f6f5f!important;border-color:#1f6f5f!important}.lx-btn:hover{outline-offset:2px;outline:2px solid #a4f00040}