:root{--bg-from: #5DADE2;--bg-mid: #85C1E9;--bg-to: #AED6F1;--accent: 93,173,226;--surface: 255,255,255;--text: 27,58,82}.lexipop-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-from) 0%,var(--bg-mid) 40%,var(--bg-to) 100%);padding:1rem;display:flex;flex-direction:column;gap:.7rem;align-items:center;position:relative;overflow:hidden}.lexipop-container:before,.lexipop-container:after{content:"";position:absolute;border-radius:50%;pointer-events:none;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.lexipop-container:before{width:600px;height:600px;top:-200px;left:-100px;background:rgba(var(--surface),.08);animation:float 20s ease-in-out infinite}.lexipop-container:after{width:400px;height:400px;bottom:-150px;right:-100px;background:rgba(var(--text),.06);animation:float 15s ease-in-out infinite reverse}.app-header{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:rgba(var(--surface),.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(var(--surface),.3);border-radius:20px;box-shadow:0 6px 24px rgba(var(--text),.1);position:relative;z-index:100}.app-logo{max-width:130px;height:auto;display:block;mix-blend-mode:screen}.lang-toggle,.theme-toggle{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;background:rgba(var(--surface),.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(var(--surface),.45);border-radius:10px;color:rgb(var(--text));font-size:.82rem;font-weight:700;cursor:pointer;transition:background .18s ease;white-space:nowrap}.lang-toggle:hover,.theme-toggle:hover{background:rgba(var(--surface),.4)}.chevron-sm{font-size:.6rem;opacity:.65}.dropdown-menu{position:absolute;top:calc(100% + 6px);background:#fffffffa;border:1.5px solid rgba(var(--accent),.3);border-radius:13px;box-shadow:0 10px 36px #00000038;overflow:visible;min-width:140px;animation:dropIn .14s ease;z-index:99999}.dropdown-menu--left{left:0}.dropdown-menu--right{right:0}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{display:flex;align-items:center;gap:.55rem;width:100%;padding:.6rem 1.1rem;background:transparent;border:none;color:#1b3a52;font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;transition:background .13s ease;white-space:nowrap}.dropdown-option:hover{background:rgba(var(--accent),.1)}.dropdown-option.active{background:rgba(var(--accent),.2);font-weight:800}.section-tabs{width:100%;max-width:520px;position:relative;z-index:1;display:flex;gap:.5rem;padding:.4rem;background:rgba(var(--surface),.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--surface),.25);border-radius:16px}.section-tab{flex:1;padding:.65rem .5rem;background:transparent;border:2px solid transparent;color:rgb(var(--text));font-weight:700;font-size:.88rem;border-radius:11px;cursor:pointer;transition:all .2s ease;text-align:center}.section-tab:hover{background:rgba(var(--surface),.2)}.section-tab.active{background:rgba(var(--surface),.38);border-color:rgba(var(--surface),.6);box-shadow:0 3px 10px rgba(var(--accent),.2)}.chevron{font-size:.7rem;opacity:.65}.reflex-list{width:100%;max-width:520px;position:relative;z-index:1;display:flex;flex-direction:column;gap:.35rem;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.reflex-list.open{max-height:800px;opacity:1}.reflex-list.closed{max-height:0;opacity:0;pointer-events:none}.reflex-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.65rem 1.1rem;background:rgba(var(--surface),.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;border-radius:11px;cursor:pointer;transition:all .18s ease;text-align:left}.reflex-item:hover{background:rgba(var(--surface),.22);transform:translate(3px)}.reflex-item.active{background:rgba(var(--surface),.33);border-color:rgba(var(--accent),.55)}.reflex-item.mastered{border-color:#2ecc7159;background:#2ecc7112}.reflex-item.active.mastered{border-color:#2ecc71a6;background:#2ecc7124}.reflex-item-name{font-size:.88rem;font-weight:600;color:rgb(var(--text))}.reflex-item-stats{font-size:.76rem;color:rgb(var(--text));opacity:.6;white-space:nowrap;margin-left:.75rem}.challenge-card{width:100%;max-width:520px;padding:1.25rem;background:rgba(var(--surface),.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--surface),.35);border-radius:24px;box-shadow:0 10px 40px rgba(var(--text),.12);display:flex;flex-direction:column;gap:.9rem;position:relative;z-index:1}.challenge-reflex-label{font-size:.78rem;font-weight:600;color:rgb(var(--text));opacity:.6;text-align:center}.challenge-equation{font-size:1.85rem;font-weight:700;text-align:center;color:rgb(var(--text));font-family:Courier New,monospace;white-space:pre-line;padding:1rem;background:rgba(var(--surface),.15);border-radius:14px;border:1px solid rgba(var(--surface),.3);min-height:88px;display:flex;align-items:center;justify-content:center}.answer-display-wrapper{display:flex;align-items:center;gap:.55rem}.answer-label{font-size:.85rem;font-weight:700;color:rgb(var(--text));opacity:.7;white-space:nowrap}.answer-display{flex:1;min-height:52px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;font-family:Courier New,monospace;color:rgb(var(--text));background:rgba(var(--surface),.22);border:2px solid rgba(var(--surface),.4);border-radius:12px;transition:all .18s ease}.answer-display.has-value{background:rgba(var(--surface),.32);border-color:rgba(var(--accent),.6)}.answer-display.correct{background:#2ecc712e;border-color:#2ecc7199;color:#1a6636}.answer-display.incorrect{background:#e74c3c1a;border-color:#e74c3c73}.answer-placeholder{font-size:1.6rem;opacity:.3}.submit-inline{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(var(--surface),.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(var(--surface),.4);border-radius:12px;color:rgb(var(--text));font-size:1.35rem;font-weight:700;cursor:pointer;transition:all .14s ease;-webkit-user-select:none;user-select:none}.submit-inline:hover{background:rgba(var(--accent),.22);border-color:rgba(var(--accent),.5)}.submit-inline:active{transform:scale(.93)}.card-footer{display:flex;align-items:center;gap:.75rem;min-height:38px}.lexi-feedback{flex:1;padding:.7rem 1rem;background:rgba(var(--surface),.22);border:1px solid rgba(var(--surface),.4);border-radius:10px;color:rgb(var(--text));font-size:.88rem;line-height:1.45;animation:fadeInUp .22s ease;display:flex;gap:.35rem}.lexi-name{font-weight:700;color:rgb(var(--accent));white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.help-btn{padding:.5rem 1.1rem;background:rgba(var(--surface),.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(var(--surface),.4);border-radius:9px;color:rgb(var(--text));font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0}.help-btn:hover:not(:disabled){background:rgba(var(--surface),.38);transform:translateY(-1px)}.help-btn.active{background:rgba(var(--accent),.22);border-color:rgba(var(--accent),.55)}.help-btn.loading{opacity:.65;cursor:wait}.help-box{padding:1rem 1.25rem;background:rgba(var(--text),.04);border:1.5px solid rgba(var(--accent),.25);border-radius:12px;animation:fadeInUp .2s ease}.help-text{font-size:.9rem;line-height:1.75;color:rgb(var(--text))}.help-text p{margin-bottom:.4rem}.help-text p:empty{margin-bottom:.05rem}.help-text strong{font-weight:800}.help-text em{font-style:italic}.help-text code{font-family:Courier New,monospace;background:rgba(var(--accent),.15);padding:.1rem .3rem;border-radius:4px;font-size:.85rem}.help-loading-dots{display:flex;gap:6px;justify-content:center;padding:.5rem 0}.help-loading-dots span{width:7px;height:7px;border-radius:50%;background:rgba(var(--accent),.7);animation:bounce 1.2s ease-in-out infinite}.help-loading-dots span:nth-child(2){animation-delay:.2s}.help-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.numeric-keypad{width:100%;max-width:520px;display:flex;flex-direction:column;gap:.45rem;padding:.8rem;background:rgba(var(--surface),.18);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(var(--surface),.3);border-radius:22px;box-shadow:0 8px 28px rgba(var(--text),.1);position:relative;z-index:1}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.key-btn{height:58px;background:rgba(var(--surface),.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(var(--surface),.5);border-radius:13px;color:rgb(var(--text));font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .11s ease;box-shadow:0 3px 8px rgba(var(--text),.07),inset 0 1px rgba(var(--surface),.5);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.key-btn:active{transform:scale(.92);background:rgba(var(--accent),.35);box-shadow:0 1px 3px rgba(var(--text),.08)}.key-var{font-size:1.5rem}.symbol-panel{display:flex;flex-direction:column;gap:.45rem;padding:.6rem .2rem;background:rgba(var(--text),.04);border:1.5px solid rgba(var(--accent),.18);border-radius:14px;animation:fadeInUp .16s ease}.symbol-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.keypad-bottom{display:grid;grid-template-columns:1fr 2fr;gap:.45rem}.key-sym-toggle{font-size:1rem;font-weight:800;letter-spacing:.4px;background:rgba(var(--surface),.18);border-color:rgba(var(--surface),.32)}.key-sym-toggle.open{background:rgba(var(--accent),.18);border-color:rgba(var(--accent),.45)}.key-submit{font-size:1.9rem;background:rgba(var(--accent),.3);border:2px solid rgba(var(--accent),.52);box-shadow:0 4px 12px rgba(var(--accent),.2),inset 0 1px rgba(var(--surface),.4)}.key-submit:active{background:rgba(var(--accent),.5)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.3rem;color:rgb(var(--text));background:linear-gradient(135deg,var(--bg-from),var(--bg-to))}@media (max-width:540px){.lexipop-container{padding:.7rem;gap:.5rem}.app-logo{max-width:110px}.challenge-equation{font-size:1.5rem;min-height:76px;padding:.8rem}.key-btn{height:54px;font-size:1.3rem}.key-var{font-size:1.4rem}.key-submit{font-size:1.7rem}.section-tab{font-size:.82rem;padding:.58rem .3rem}}@media (max-width:380px){.challenge-equation{font-size:1.2rem}.key-btn{height:50px;border-radius:11px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(var(--surface),.1);border-radius:6px}::-webkit-scrollbar-thumb{background:rgba(var(--accent),.4);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent),.65)}.login-container{min-height:100vh;background:linear-gradient(135deg,#5dade2,#85c1e9,#aed6f1 50%,#5dade2);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.login-container:before{width:600px;height:600px;top:-200px;left:-100px;background:#ffffff1a;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);animation:float 20s ease-in-out infinite}.login-container:after{width:400px;height:400px;bottom:-150px;right:-100px;background:#1b3a521a;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.login-card{position:relative;z-index:1;background:#ffffff40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.35);border-radius:28px;padding:3rem 2.5rem;max-width:460px;width:100%;box-shadow:0 12px 48px #1b3a5233;text-align:center;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{max-width:180px;height:auto;display:block;margin:0 auto 1.5rem;mix-blend-mode:screen}.login-title{font-size:2rem;font-weight:700;color:#1b3a52;margin:0 0 .75rem;line-height:1.2}.login-subtitle{font-size:1.05rem;color:#1b3a52;opacity:.75;margin:0 0 2.5rem;line-height:1.5}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:#fffffff2;border:2px solid rgba(66,133,244,.3);border-radius:14px;color:#1b3a52;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4285f433}.google-login-btn:hover{background:#fff;border-color:#4285f480;transform:translateY(-2px);box-shadow:0 6px 16px #4285f44d}.google-icon{flex-shrink:0}.loading-spinner{width:48px;height:48px;border:4px solid rgba(93,173,226,.2);border-top-color:#5dade2;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#1b3a52;font-size:1rem;opacity:.75;margin:0}@media (max-width: 500px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.95rem}.google-login-btn{font-size:.95rem;padding:.9rem 1.25rem}}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.app-header{text-align:center;padding:2rem;color:#fff}.app-header h1{margin:0;font-size:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.app-header p{margin:.5rem 0 0;font-size:1.2rem;opacity:.9}.app-main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit}input{font-family:inherit}