:root{--banner-opacity: .3;--tile-alpha: 1;--bg: #0e1116;--surface: #171b22;--surface-locked: #14171d;--border: #232833;--accent: #2dd4bf;--accent-dim: #14b8a6;--text: #e6e9ef;--text-dim: #9aa3b2;--text-label: #5d6678;--danger: #f87171;--correct: #34d399;--wrong: #f87171}body.light{--bg: #f4f6f9;--surface: #ffffff;--surface-locked: #eef0f4;--border: #e2e6ec;--accent: #14b8a6;--accent-dim: #0f9488;--text: #1a1f29;--text-dim: #5d6678;--text-label: #9aa3b2}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.container{max-width:640px;margin:0 auto;padding:24px 20px 48px}.label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--text-label);text-transform:uppercase}.eyebrow{font-size:13px;color:var(--accent);font-weight:500}h1{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:4px 0 0}h2{font-size:20px;font-weight:700;margin:0}.muted{color:var(--text-dim);font-size:13px}.card{background:color-mix(in srgb,var(--surface) calc(var(--tile-alpha, 1) * 100%),transparent);border:1px solid var(--border);border-radius:18px;padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;text-align:left;color:inherit;transition:border-color .15s,transform .05s}.card:hover{border-color:var(--accent)}.card:active{transform:scale(.995)}.card.locked{background:color-mix(in srgb,var(--surface-locked) calc(var(--tile-alpha, 1) * 100%),transparent);cursor:not-allowed}.card.locked:hover{border-color:var(--border)}.card .bar{width:3px;height:42px;border-radius:2px;background:var(--accent)}.card.locked .bar{background:var(--text-label)}.card-title{font-size:15px;font-weight:700}.card.locked .card-title{color:var(--text-label)}.card-sub{font-size:12px;color:var(--text-dim);margin-top:3px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:12px}.spacer-sm{height:14px}.spacer{height:28px}button.btn{background:var(--accent);color:#06201d;border:none;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:700;cursor:pointer;width:100%}button.btn:disabled{opacity:.5;cursor:default}button.btn.secondary{background:transparent;color:var(--accent);border:1px solid var(--border)}.linkbtn{background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;padding:0}input.field{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 14px;color:var(--text);font-size:16px}input.field:focus{outline:none;border-color:var(--accent)}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}.center{min-height:60vh;display:flex;align-items:center;justify-content:center}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger);font-size:13px}.answer{width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;color:var(--text);font-size:15px;cursor:pointer}.answer:hover:not(:disabled){border-color:var(--accent)}.answer.correct{border-color:var(--correct);background:#34d3991f}.answer.wrong{border-color:var(--wrong);background:#f871711f}.answer:disabled{cursor:default}.progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .25s}.avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#06201d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.with-bottomnav{padding-bottom:72px}.bottomnav{position:fixed;left:0;right:0;bottom:0;height:64px;background:#14171d;border-top:1px solid var(--border);display:flex;z-index:10}.bottomnav-item{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-label);font-size:11px}.bottomnav-item.active{color:var(--accent)}.bottomnav-icon{font-size:20px;line-height:1}.modetabs{display:flex;gap:4px;background:var(--surface);border-radius:14px;padding:4px}.modetab{flex:1;border:none;cursor:pointer;background:transparent;color:var(--text-dim);border-radius:10px;padding:10px 0;font-size:14px;font-weight:500}.modetab.active{background:var(--accent);color:#06201d;font-weight:700}.toggle{width:46px;height:28px;border-radius:14px;background:var(--border);border:none;cursor:pointer;padding:0;position:relative;flex-shrink:0;transition:background .15s}.toggle.on{background:var(--accent)}.toggle>span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on>span{transform:translate(18px)}.flashcard{background:linear-gradient(#f7f4ec,#e9e4d6);border-left:6px solid var(--accent);border-radius:22px;min-height:240px;padding:28px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #00000040;text-align:center}.flashcard-label{font-size:10px;letter-spacing:2px;font-weight:700;color:#7a756a;margin-bottom:14px}.flashcard-text{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.4}@keyframes lvFade{0%{opacity:0}to{opacity:1}}@keyframes lvPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes lvGlow{0%,to{filter:drop-shadow(0 0 6px rgba(255,216,106,.55))}50%{filter:drop-shadow(0 0 22px rgba(255,216,106,.95))}}@keyframes lvSpin{to{transform:rotate(360deg)}}.levelup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:24px;display:flex;align-items:center;justify-content:center;background:#000000b8;animation:lvFade .2s ease}.levelup-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:30px 24px;max-width:340px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:lvPop .5s cubic-bezier(.2,.8,.3,1.2)}.levelup-card:before{content:"";position:absolute;top:-40%;left:50%;width:320px;height:320px;transform:translate(-50%);z-index:0;opacity:.14;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 18deg,var(--accent) 18deg 22deg,transparent 22deg 40deg,var(--accent) 40deg 44deg,transparent 44deg);animation:lvSpin 9s linear infinite}.levelup-card>*{position:relative;z-index:1}.levelup-badge{animation:lvGlow 1.8s ease-in-out infinite;margin-bottom:4px}.levelup-eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}.levelup-title{font-size:28px;font-weight:800}.levelup-levelcircle{width:110px;height:110px;border-radius:50%;color:#06201d;font-size:46px;font-weight:800;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#6ff3e6,var(--accent));box-shadow:0 6px 22px #2dd4bf73}.ld-ta{scrollbar-width:none;-ms-overflow-style:none}.ld-ta::-webkit-scrollbar{width:0;height:0;display:none}.ld-editable:empty:before{content:attr(data-placeholder);color:#9aa6b2;pointer-events:none}.ld-editable{-webkit-user-select:text;user-select:text}.ld-rich mark{color:inherit;padding:0;border-radius:2px}.ld-rich.bivo{font-family:Calibri,Carlito,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;line-height:1.15!important}.ld-rich.bivo span{line-height:inherit;font-size:inherit!important}@media(max-width:720px){.ld-editor-body{flex-direction:column!important}.ld-context-panel{width:100%!important;flex-basis:auto!important;border-left:none!important;border-top:1px solid rgba(255,255,255,.1)!important;max-height:42vh}}@keyframes auraBreathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.16)}}.aura-fx-live{animation:auraBreathe 9s ease-in-out infinite;will-change:transform,filter}@media(prefers-reduced-motion:reduce){.aura-fx-live{animation:none}}