.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-browser-tip{background:linear-gradient(135deg,#00c9a7,#9b59f5);border-radius:16px;margin:0 0 16px;padding:16px;animation:.4s both fadeUp;box-shadow:0 10px 28px #00000047}.abt-row{align-items:flex-start;gap:12px;display:flex}.abt-emoji{font-size:1.6rem;line-height:1}.abt-copy{flex:1}.abt-title{color:#fff;margin-bottom:3px;font-size:1rem;font-weight:800}.abt-sub{color:#ffffffeb;font-size:.82rem;line-height:1.45}.abt-btn{color:#14142a;cursor:pointer;background:#fff;border:none;border-radius:11px;width:100%;margin-top:12px;padding:12px;font-size:.95rem;font-weight:800;transition:transform .15s}.abt-btn:active{transform:scale(.97)}.auth-bg{pointer-events:none;position:absolute;inset:0}.a-orb{filter:blur(80px);opacity:.2;border-radius:50%;position:absolute}.a1{background:var(--teal);width:450px;height:450px;animation:9s ease-in-out infinite float;top:-150px;left:-150px}.a2{background:var(--purple);width:400px;height:400px;animation:11s ease-in-out 2s infinite float;bottom:-150px;right:-100px}.auth-content{z-index:1;flex-direction:column;gap:1.5rem;width:100%;max-width:420px;animation:.6s both fadeUp;display:flex;position:relative}.auth-logo{justify-content:center;align-items:center;gap:10px;display:flex}.auth-logo-img{width:auto;height:40px;display:block}.auth-logo-icon{font-size:1.8rem}.auth-logo-text{font-family:var(--font-display);color:var(--sun);font-size:1.8rem}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius);background:#ffffff0d;flex-direction:column;gap:1.2rem;padding:2rem;display:flex}.auth-tabs{border-radius:var(--radius-sm);background:#ffffff0f;gap:4px;padding:4px;display:flex}.auth-tab{border-radius:calc(var(--radius-sm) - 2px);color:var(--text-muted);background:0 0;flex:1;padding:10px;font-size:.9rem;font-weight:800;transition:all .2s}.auth-tab.active{background:var(--teal);color:#fff}.auth-title{font-family:var(--font-display);text-align:center;font-size:1.6rem}.auth-sub{color:var(--text-muted);text-align:center;font-size:.88rem}.auth-fields{flex-direction:column;gap:12px;display:flex}.field-wrap{flex-direction:column;gap:5px;display:flex}.field-wrap label{color:var(--text-muted);font-size:.78rem;font-weight:700}.auth-input{border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);background:#ffffff0f;width:100%;padding:13px 16px;font-size:.95rem;transition:border-color .2s}.auth-input:focus{border-color:var(--teal);outline:none}.auth-input::placeholder{color:var(--text-muted)}.auth-error{border-radius:var(--radius-sm);color:#f99;background:#ff6b6b26;border:1px solid #ff6b6b4d;padding:10px 14px;font-size:.85rem}.auth-success{border-radius:var(--radius-sm);color:var(--teal);background:#00c9a726;border:1px solid #00c9a74d;padding:10px 14px;font-size:.85rem}.auth-btn{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border-radius:var(--radius-sm);width:100%;padding:16px;font-size:1rem;font-weight:800;transition:all .2s}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00c9a74d}.auth-btn:disabled{opacity:.5}.auth-spin{font-size:1.2rem;animation:1s linear infinite spin;display:inline-block}.auth-demo{color:var(--text-muted);text-align:center;background:0 0;padding:8px;font-size:.85rem;font-weight:600;transition:color .2s}.auth-demo:hover{color:var(--white)}.auth-footer{text-align:center}.auth-features{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.auth-features span{color:var(--text-muted);font-size:.8rem;font-weight:600}.auth-forgot-link{color:var(--text-muted);text-align:center;background:0 0;padding:4px;font-size:.82rem;font-weight:600;transition:color .2s}.auth-forgot-link:hover{color:var(--teal)}.back-to-login{color:var(--text-muted);text-align:left;background:0 0;padding:0;font-size:.85rem;font-weight:700;transition:color .2s}.back-to-login:hover{color:var(--white)}.auth-divider{align-items:center;gap:12px;width:100%;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--card-border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);font-size:.78rem;font-weight:600}.google-btn{color:#3c4043;border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 16px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000004d}.google-btn:hover:not(:disabled){background:#f8f8f8;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.google-btn:disabled{opacity:.6}.auth-consent-text{color:var(--text-muted,#8189a5);text-align:center;margin:.25rem 0 0;font-size:.72rem;line-height:1.45}.auth-consent-text a{color:var(--purple,#9b59f5);text-decoration:underline}.welcome{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.welcome-bg{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(80px);opacity:.32;border-radius:50%;position:absolute}.orb1{background:var(--purple);width:500px;height:500px;animation:9s ease-in-out infinite w-drift;top:-200px;right:-100px}.orb2{background:var(--teal);width:400px;height:400px;animation:11s ease-in-out 2s infinite w-drift;bottom:-150px;left:-100px}.orb3{background:var(--sun);opacity:.18;width:300px;height:300px;animation:8s ease-in-out 1s infinite w-drift;top:40%;left:30%}@keyframes w-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(28px,-22px)scale(1.07)}}.w-stars{position:absolute;inset:0}.w-stars:before{content:"";background:#ffffffe6;border-radius:50%;width:3px;height:3px;animation:3.4s ease-in-out infinite w-twinkle;position:absolute;box-shadow:8vw 12vh #ffffffb3,22vw 28vh #fff6,35vw 8vh #fff9,48vw 18vh #ffffff59,62vw 6vh #ffffffb3,76vw 24vh #fff6,88vw 14vh #fff9,14vw 52vh #fff6,80vw 56vh #ffffff80,6vw 78vh #fff9,30vw 88vh #fff6,56vw 92vh #ffffff8c,72vw 80vh #fff6,92vw 70vh #fff9,42vw 66vh #ffffff4d}.w-stars2:before{animation:4.6s ease-in-out 1.4s infinite w-twinkle;box-shadow:12vw 22vh #ffffff80,28vw 16vh #fff9,44vw 30vh #ffffff59,58vw 12vh #ffffff80,70vw 34vh #fff6,84vw 8vh #fff9,10vw 64vh #ffffff73,24vw 74vh #ffffff8c,50vw 80vh #ffffff59,66vw 68vh #ffffff80,86vw 88vh #ffffff73,94vw 44vh #ffffff59}@keyframes w-twinkle{0%,to{opacity:.25}50%{opacity:1}}.w-hello{font-family:var(--font-display);opacity:0;font-size:1.05rem;animation:6.5s ease-in-out infinite w-hello;position:absolute}.w-hello.wh1{color:var(--sun);animation-delay:.8s;top:12%;left:8%}.w-hello.wh2{color:var(--teal);animation-delay:2.4s;top:18%;right:7%}.w-hello.wh3{color:var(--purple);animation-delay:4s;top:31%;left:7%}.w-hello.wh4{color:var(--coral);font-size:1.3rem;animation-delay:5.6s;top:26%;right:7%}@keyframes w-hello{0%,to{opacity:0;transform:translateY(12px)rotate(-2deg)scale(.95)}15%,50%{opacity:.75;transform:translateY(0)rotate(0)scale(1)}68%{opacity:0;transform:translateY(-14px)rotate(2deg)scale(1.02)}}.welcome-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.8rem;width:100%;max-width:480px;display:flex;position:relative}.wc-in{animation:.7s both fadeUp}.wc-pop{animation:.5s both popIn}.logo-wrap{align-items:center;gap:10px;display:flex}.logo-img{width:auto;height:46px;display:block}.logo-icon{font-size:2rem}.logo-text{font-family:var(--font-display);color:var(--sun);letter-spacing:1px;font-size:2rem}.hero-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.mascot-stage{justify-content:center;align-items:center;width:175px;height:155px;display:flex;position:relative}.mascot{filter:drop-shadow(0 8px 24px #00c9a766);font-size:4.6rem;animation:4s ease-in-out infinite float}.flag-orbit{animation:16s linear infinite w-orbit;position:absolute;inset:6px}.flag{filter:drop-shadow(0 2px 8px #0006);font-size:1.45rem;animation:16s linear infinite w-orbit-counter;position:absolute}.flag.f1{margin-left:-12px;top:-10px;left:50%}.flag.f2{margin-top:-12px;top:50%;right:-12px}.flag.f3{margin-left:-12px;bottom:-10px;left:50%}.flag.f4{margin-top:-12px;top:50%;left:-12px}@keyframes w-orbit{to{transform:rotate(360deg)}}@keyframes w-orbit-counter{to{transform:rotate(-360deg)}}.hero-title{font-family:var(--font-display);color:var(--white);font-size:2.6rem;line-height:1.15}.hero-accent{background:linear-gradient(90deg, var(--sun), var(--coral), var(--purple), var(--teal), var(--sun));-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}.hero-sub{color:var(--text-muted);max-width:340px;font-size:1.05rem;line-height:1.6}.lang-word{font-weight:800}.lw-es{color:var(--sun)}.lw-fr{color:var(--teal)}.lw-it{color:var(--coral)}.lw-ar{color:var(--purple)}.welcome-actions{flex-direction:column;gap:12px;width:100%;display:flex}.btn-primary{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;letter-spacing:.3px;border-radius:50px;padding:18px 36px;font-size:1.1rem;font-weight:800;transition:all .2s;animation:.7s both fadeUp,2.6s ease-out 1.3s infinite w-cta-halo;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(105deg,#0000,#fff6,#0000);width:55%;height:100%;animation:3.4s ease-in-out 1.6s infinite w-shine;position:absolute;top:0;left:-160%;transform:skew(-20deg)}.btn-primary:hover{transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-ghost{color:var(--text-muted);background:0 0;border-radius:50px;padding:12px;font-size:.95rem;font-weight:600;transition:color .2s}.btn-ghost:hover{color:var(--white)}.trust-row{align-items:center;gap:8px;display:flex}.trust-stars{animation:2.8s ease-in-out infinite w-twinkle}.trust-text{color:var(--text-muted);font-size:.85rem}.feature-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;padding:6px 16px;font-size:.82rem;font-weight:700}.pill:nth-child(odd){animation:.5s both popIn,5s ease-in-out 1.6s infinite float}.pill:nth-child(2n){animation:.5s both popIn,6s ease-in-out 2.2s infinite float}@media (height<=880px){.welcome{padding:1.25rem}.welcome-content{gap:1.2rem}.mascot-stage{width:150px;height:128px}.mascot{font-size:3.8rem}.hero-title{font-size:2.1rem}.hero-sub{font-size:.95rem}.btn-primary{padding:15px 32px}.logo-img{height:38px}}.onboarding{flex-direction:column;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.ob-bg{pointer-events:none;position:absolute;inset:0}.ob-bg .orb1{background:var(--purple);filter:blur(80px);opacity:.2;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.ob-bg .orb2{background:var(--teal);filter:blur(80px);opacity:.15;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-100px;left:-50px}.ob-header{z-index:1;align-items:center;gap:12px;margin-bottom:3rem;display:flex;position:relative}.back-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:50px;flex-shrink:0;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.back-btn:hover{color:var(--white)}.progress-bar{background:#ffffff1a;border-radius:10px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--teal), var(--purple));border-radius:10px;height:100%;transition:width .4s}.step-count{color:var(--text-muted);flex-shrink:0;font-size:.82rem;font-weight:700}.ob-content{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.2rem;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.anim-in{animation:.35s both fadeUp}.anim-out{animation:.2s reverse both fadeUp}.ob-emoji{font-size:4rem;animation:3s ease-in-out infinite float}.ob-question{font-family:var(--font-display);font-size:2rem;line-height:1.2}.ob-sub{color:var(--text-muted);font-size:.95rem}.text-input-wrap{flex-direction:column;gap:12px;width:100%;display:flex}.ob-input{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);width:100%;padding:16px 20px;font-size:1.1rem;transition:border-color .2s}.ob-input:focus{border-color:var(--teal)}.ob-input::placeholder{color:var(--text-muted)}.ob-next-btn{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border-radius:var(--radius-sm);padding:16px;font-size:1rem;font-weight:800;transition:all .2s}.ob-next-btn:hover:not(:disabled){transform:translateY(-2px)}.ob-next-btn:disabled{opacity:.4}.ob-options{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.ob-option{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius);color:var(--white);flex-direction:column;align-items:center;gap:8px;padding:20px 16px;transition:all .2s;display:flex}.ob-option:hover{border-color:var(--teal);background:#00c9a71a;transform:translateY(-3px)}.opt-emoji{font-size:2rem}.opt-label{font-size:.95rem;font-weight:800}.opt-hint{color:var(--text-muted);margin-top:2px;font-size:.65rem;font-weight:600;line-height:1.3}.ob-skip-link{color:var(--text-muted,#8189a5);cursor:pointer;background:0 0;border:none;margin:1.25rem auto 0;font-size:.85rem;text-decoration:underline;display:block}.ob-skip-link:hover{color:var(--white,#fff)}.ob-parent-gate{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e1ed1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.ob-parent-card{background:var(--card-bg,#161b30);border:1.5px solid var(--card-border,#2a3050);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.75rem;max-width:360px;padding:2rem 1.75rem;display:flex}.ob-parent-card a{color:var(--purple,#9b59f5);text-decoration:underline}.celebration-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.3s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-fixed{z-index:60;position:fixed}.confetti-piece{border-radius:2px;animation:linear forwards confettiFall;position:absolute;top:-20px}.confetti-circle{border-radius:50%}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.celebration-card{z-index:1;background:var(--navy-mid);text-align:center;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:320px;padding:2.5rem 2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex;position:relative}.cel-emoji{font-size:5rem;animation:2s ease-in-out infinite float}.cel-title{font-family:var(--font-display);font-size:2.2rem}.cel-sub{color:var(--text-muted);font-size:.95rem}.cel-btn{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:.5rem;padding:14px 36px;font-size:1rem;font-weight:800;transition:all .2s}.cel-btn:hover{transform:translateY(-2px)scale(1.03)}.wod-card{z-index:1;border-radius:var(--radius);background:linear-gradient(135deg,#9b59f526,#00c9a71a);border:1.5px solid #9b59f559;margin:0 1.25rem 1rem;padding:1.25rem;position:relative;overflow:hidden}.wod-card:before{content:"";pointer-events:none;background:#9b59f526;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.wod-header{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.wod-label{text-transform:uppercase;letter-spacing:1px;color:var(--purple);font-size:.72rem;font-weight:800}.wod-date{color:var(--text-muted);font-size:.7rem}.wod-main{align-items:center;gap:12px;margin-bottom:.875rem;display:flex}.wod-emoji{cursor:pointer;font-size:2.5rem;transition:transform .2s}.wod-emoji:hover{transform:scale(1.1)}.wod-word{font-family:var(--font-display);color:var(--white);cursor:pointer;flex:1;font-size:1.8rem}.wod-audio{color:var(--purple);cursor:pointer;background:#9b59f533;border:1px solid #9b59f54d;border-radius:50px;flex-shrink:0;padding:5px 12px;font-size:.8rem;transition:all .2s}.wod-audio:hover{background:#9b59f54d}.wod-reveal{width:100%;color:var(--purple);border-radius:var(--radius-sm);cursor:pointer;background:#9b59f533;border:1px dashed #9b59f566;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s}.wod-reveal:hover{background:#9b59f54d}.wod-revealed{flex-direction:column;gap:8px;animation:.3s both fadeUp;display:flex}.wod-translation{color:var(--sun);font-size:1.2rem;font-weight:800}.wod-sentence{border-radius:var(--radius-sm);background:#ffffff0d;flex-direction:column;gap:3px;padding:8px 12px;display:flex}.wod-sent-es{color:var(--white);font-size:.85rem;font-style:italic;font-weight:600}.wod-sent-en{color:var(--text-muted);font-size:.75rem}.wod-fact-btn{color:var(--teal);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:700}.wod-fact{border-radius:var(--radius-sm);color:var(--teal);background:#00c9a71a;border:1px solid #00c9a733;padding:8px 12px;font-size:.78rem;line-height:1.5;animation:.3s both fadeUp}.skill-breakdown{flex-direction:column;gap:10px;display:flex}.skill-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;animation:.4s both fadeUp;display:flex}.skill-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.skill-info{flex:1;min-width:0}.skill-top{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.skill-name{color:var(--white);font-size:.82rem;font-weight:800}.skill-label{font-size:.68rem;font-weight:800}.skill-bar-bg{background:#ffffff14;border-radius:10px;height:5px;margin-bottom:4px;overflow:hidden}.skill-bar-fill{border-radius:10px;height:100%;transition:width 1s}.skill-bottom{justify-content:space-between;align-items:center;display:flex}.skill-count{color:var(--text-muted);font-size:.65rem}.skill-stars{font-size:.65rem}.badges-screen{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:2rem;position:relative;overflow-x:hidden}.badges-bg{pointer-events:none;position:fixed;inset:0}.b-orb{background:var(--purple);filter:blur(120px);opacity:.12;border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-200px}.badges-header{z-index:1;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem 1rem;display:flex;position:relative}.b-back{color:var(--text-muted);cursor:pointer;background:0 0;font-size:.85rem;font-weight:700;transition:color .2s}.b-back:hover{color:var(--white)}.b-title{font-family:var(--font-display);font-size:1.5rem}.b-count{color:var(--purple);background:#9b59f533;border:1px solid #9b59f566;border-radius:50px;padding:4px 12px;font-size:.8rem;font-weight:800}.badges-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 1.25rem;display:grid;position:relative}.badge-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:1rem .75rem;transition:all .2s;animation:.4s both fadeUp;display:flex}.badge-item.earned{background:#ffb83014;border-color:#ffb83066}.badge-item.locked{opacity:.45}.badge-emoji{font-size:2rem}.badge-name{color:var(--white);font-size:.72rem;font-weight:800}.badge-desc{color:var(--text-muted);font-size:.65rem;line-height:1.4}.dashboard{min-height:100vh;padding:0 0 calc(80px + env(safe-area-inset-bottom)) 0;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.dash-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.bg-orb{filter:blur(100px);opacity:.12;border-radius:50%;position:absolute}.bg-orb.orb1{background:var(--purple);width:500px;height:500px;top:-200px;right:-200px}.bg-orb.orb2{background:var(--teal);width:400px;height:400px;bottom:-200px;left:-200px}.dash-header{z-index:1;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem 1rem;display:flex;position:relative}.header-left{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--teal), var(--purple));border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:900;display:flex}.greeting{font-size:1rem;font-weight:800}.level-badge{color:var(--teal);background:#00c9a726;border-radius:50px;margin-top:2px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.header-right{gap:8px;display:flex}.xp-pill,.streak-pill{background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;padding:6px 12px;font-size:.82rem;font-weight:800}.streak-bar{z-index:1;justify-content:space-between;padding:0 1.25rem 1rem;display:flex;position:relative}.streak-day{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:700;display:flex}.streak-dot{background:#ffffff14;border:2px solid #ffffff1a;border-radius:50%;width:28px;height:28px;transition:all .3s}.streak-day.active .streak-dot{background:var(--sun);border-color:var(--sun);box-shadow:0 0 12px #ffb83080}.streak-day.today .streak-dot{background:var(--teal);border-color:var(--teal);box-shadow:0 0 12px #00c9a780}.streak-day.active,.streak-day.today{color:var(--white)}.daily-goal-card{z-index:1;border-radius:var(--radius);background:linear-gradient(135deg,#00c9a733,#9b59f533);border:1px solid #00c9a74d;justify-content:space-between;align-items:center;margin:0 1.25rem 1.25rem;padding:1.25rem;display:flex;position:relative}.goal-label{color:var(--teal);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.72rem;font-weight:700}.goal-title{margin-bottom:10px;font-size:1.05rem;font-weight:800}.goal-progress-bar{background:#ffffff1a;border-radius:10px;width:200px;height:6px;overflow:hidden}.goal-fill{background:linear-gradient(90deg, var(--teal), var(--purple));border-radius:10px;height:100%;transition:width .5s}.goal-sub{color:var(--text-muted);margin-top:6px;font-size:.78rem}.goal-emoji{font-size:2.5rem}.tabs{z-index:1;gap:8px;padding:0 1.25rem 1rem;display:flex;position:relative}.tab{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:var(--radius-sm);flex:1;padding:10px 8px;font-size:.82rem;font-weight:700;transition:all .2s}.tab.active{border-color:var(--teal);color:var(--teal);background:#00c9a733}.lessons-grid{z-index:1;flex-direction:column;gap:10px;padding:0 1.25rem;display:flex;position:relative}.lesson-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);cursor:pointer;border-left:3px solid var(--accent);align-items:center;gap:14px;padding:1rem 1.25rem;transition:all .2s;animation:.4s both fadeUp;display:flex}.lesson-card:hover:not(.locked){background:#ffffff17;transform:translate(4px)}.lesson-card.locked{opacity:.5;cursor:not-allowed}.lesson-emoji{flex-shrink:0;font-size:2rem}.lesson-info{flex:1}.lesson-title{margin-bottom:2px;font-size:.97rem;font-weight:800}.lesson-desc{color:var(--text-muted);margin-bottom:6px;font-size:.78rem}.lesson-meta{color:var(--text-muted);gap:12px;font-size:.72rem;font-weight:700;display:flex}.lesson-arrow{color:var(--text-muted);font-size:1.1rem}.progress-tab{z-index:1;padding:0 1.25rem;position:relative}.stat-cards{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.25rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);text-align:center;padding:1.25rem}.stat-num{font-family:var(--font-display);color:var(--teal);font-size:2rem}.stat-lbl{color:var(--text-muted);margin-top:4px;font-size:.78rem}.skills-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.25rem}.skills-title{margin-bottom:1rem;font-size:.9rem;font-weight:800}.skill-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.skill-label{color:var(--text-muted);flex-shrink:0;width:80px;font-size:.82rem}.skill-bar{background:#ffffff14;border-radius:10px;flex:1;height:8px;overflow:hidden}.skill-fill{border-radius:10px;height:100%;transition:width .8s}.skill-pct{color:var(--text-muted);text-align:right;width:32px;font-size:.75rem;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--card-border);z-index:100;width:100%;max-width:480px;padding:8px 0 calc(12px + env(safe-area-inset-bottom));background:#1a1a2ef2;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px;font-size:.65rem;font-weight:700;transition:color .2s;display:flex}.nav-item span:first-child{font-size:1.3rem}.nav-item.active{color:var(--teal)}.nav-item:hover{color:var(--white)}.logout-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:50%;width:34px;height:34px;font-size:1rem;transition:all .2s}.logout-btn:hover{color:var(--coral);border-color:var(--coral)}.upgrade-pill{background:linear-gradient(135deg, var(--sun), #ff9500);color:var(--navy);border-radius:50px;padding:5px 12px;font-size:.75rem;font-weight:900;transition:all .2s}.upgrade-pill:hover{transform:scale(1.05)}.premium-pill{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff;border-radius:50px;padding:5px 12px;font-size:.75rem;font-weight:900}.upgrade-banner{z-index:1;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#ffb83033,#9b59f533);border:1px solid #ffb83066;justify-content:space-between;align-items:center;margin:0 1.25rem 1rem;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative}.upgrade-banner:hover{border-color:var(--sun);transform:translateY(-2px)}.ub-title{color:var(--sun);font-size:.95rem;font-weight:800}.ub-sub{color:var(--text-muted);margin-top:2px;font-size:.78rem}.ub-arrow{color:var(--sun);font-size:1.2rem}.coming-soon-box{border-radius:var(--radius-sm);background:#ffffff0a;border:1px dashed #ffffff26;align-items:center;gap:14px;padding:1rem 1.25rem;display:flex}.cs-icon{flex-shrink:0;font-size:2rem}.cs-label{color:var(--teal);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:.82rem;font-weight:800}.cs-desc{color:var(--text-muted);font-size:.78rem;line-height:1.5}.level-bar-wrap{z-index:1;padding:0 1.25rem .75rem;position:relative}.level-bar-label{color:var(--text-muted);justify-content:space-between;margin-bottom:5px;font-size:.72rem;font-weight:700;display:flex}.level-bar{background:#ffffff14;border-radius:10px;height:8px;overflow:hidden}.level-bar-fill{background:linear-gradient(90deg, var(--sun), #ff9500);border-radius:10px;height:100%;transition:width .8s}.badges-preview{z-index:1;border-radius:var(--radius);cursor:pointer;background:#9b59f51a;border:1px solid #9b59f54d;justify-content:space-between;align-items:center;margin:0 1.25rem .75rem;padding:.875rem 1.25rem;transition:all .2s;display:flex;position:relative}.badges-preview:hover{background:#9b59f526}.bp-title{color:var(--purple);margin-bottom:4px;font-size:.8rem;font-weight:800;display:block}.bp-emojis{gap:4px;font-size:1.2rem;display:flex}.bp-more{color:var(--text-muted);align-self:center;font-size:.72rem;font-weight:700}.bp-arrow{color:var(--purple);font-size:1rem}.badges-section-full{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);margin-top:10px;padding:1.25rem}.mini-badges-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.mini-badge{border-radius:var(--radius-sm);text-align:center;background:#ffb83014;border:1px solid #ffb83033;flex-direction:column;align-items:center;gap:4px;padding:.75rem .5rem;display:flex}.mini-badge-emoji{font-size:1.5rem}.mini-badge-name{color:var(--text-muted);font-size:.62rem;font-weight:700}.no-badges{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:1rem 0;font-size:.82rem}.see-all-badges{color:var(--purple);cursor:pointer;background:0 0;padding:4px;font-size:.85rem;font-weight:700;transition:opacity .2s}.see-all-badges:hover{opacity:.8}.review-banner{z-index:1;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#00c9a726,#9b59f51a);border:1.5px solid #00c9a766;justify-content:space-between;align-items:center;margin:0 1.25rem .75rem;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative}.review-banner:hover{border-color:var(--teal);transform:translateY(-2px)}.rb-title{color:var(--teal);margin-bottom:3px;font-size:.95rem;font-weight:800}.rb-sub{color:var(--text-muted);font-size:.75rem}.rb-arrow{color:var(--teal);font-size:1.2rem}.lesson-filters{z-index:1;flex-direction:column;gap:6px;padding:0 1.25rem .75rem;display:flex;position:relative}.filter-group{flex-wrap:wrap;gap:6px;display:flex}.filter-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:50px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.filter-btn:hover{border-color:var(--teal);color:var(--white)}.filter-btn.active{border-color:var(--teal);color:var(--teal);background:#00c9a733}.lang-switch-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;border-radius:50px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.lang-switch-btn:hover{border-color:var(--teal);color:var(--white)}.xp-lang-sub{opacity:.7;margin-left:4px;font-size:.65rem;font-weight:700}.stat-total{color:var(--text-muted);margin-top:2px;font-size:.65rem}.lesson-score{align-items:center;gap:8px;margin-top:8px;display:flex}.lesson-score-track{background:#ffffff1a;border-radius:50px;flex:1;height:6px;overflow:hidden}.lesson-score-fill{border-radius:50px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px}.lesson-score-label{white-space:nowrap;font-size:.68rem;font-weight:800}.lesson-card.done{opacity:1}.lesson-card.done .lesson-emoji,.lesson-card.done .lesson-title{opacity:.85}.lessons-grid .lesson-card:first-child{animation-delay:40ms}.lessons-grid .lesson-card:nth-child(2){animation-delay:80ms}.lessons-grid .lesson-card:nth-child(3){animation-delay:.12s}.lessons-grid .lesson-card:nth-child(4){animation-delay:.16s}.lessons-grid .lesson-card:nth-child(5){animation-delay:.2s}.lessons-grid .lesson-card:nth-child(6){animation-delay:.24s}.lessons-grid .lesson-card:nth-child(7){animation-delay:.28s}.lessons-grid .lesson-card:nth-child(8){animation-delay:.32s}.lessons-grid .lesson-card:nth-child(9){animation-delay:.36s}.lessons-grid .lesson-card:nth-child(10){animation-delay:.4s}.lessons-grid .lesson-card:nth-child(11){animation-delay:.44s}.lessons-grid .lesson-card:nth-child(12){animation-delay:.48s}.lesson-card:hover:not(.locked){box-shadow:0 8px 24px #0000004d}.lesson-card:hover:not(.locked) .lesson-emoji{animation:1.6s ease-in-out infinite float}.lesson-card:hover:not(.locked) .lesson-arrow{color:var(--teal);transform:translate(3px)}.lesson-arrow{transition:transform .2s,color .2s}.lesson-card:active:not(.locked){transform:translate(2px)scale(.99)}.filter-btn:active{transform:scale(.93)}.tab:active{transform:scale(.97)}.goal-emoji{animation:3s ease-in-out infinite float}.goal-fill{box-shadow:0 0 10px #00c9a780}.level-bar-fill{background:linear-gradient(90deg, var(--sun), #ff9500, var(--sun-light), var(--sun));background-size:250%;animation:4s linear infinite shimmer}.streak-bar .streak-day{animation:.4s both popIn}.streak-bar .streak-day:nth-child(2){animation-delay:50ms}.streak-bar .streak-day:nth-child(3){animation-delay:.1s}.streak-bar .streak-day:nth-child(4){animation-delay:.15s}.streak-bar .streak-day:nth-child(5){animation-delay:.2s}.streak-bar .streak-day:nth-child(6){animation-delay:.25s}.streak-bar .streak-day:nth-child(7){animation-delay:.3s}.streak-day.today .streak-dot{animation:2.2s ease-in-out infinite pulse-glow}.upgrade-banner{position:relative;overflow:hidden}.upgrade-banner:after{content:"";background:linear-gradient(105deg,#0000,#ffffff1f,#0000);width:55%;height:100%;animation:4.5s ease-in-out 2s infinite w-shine;position:absolute;top:0;left:-160%;transform:skew(-20deg)}.stat-card .stat-num{animation:.5s cubic-bezier(.34,1.56,.64,1) .15s both popIn}.nav-item.active span:first-child{animation:.4s cubic-bezier(.34,1.56,.64,1) juice-pop;display:inline-block}.chico-component{flex-direction:column;align-items:center;gap:8px;display:flex}.chico-body{cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:all .3s;display:flex}@keyframes chicoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes chicoBounce{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-16px)scale(1.1)}50%{transform:translateY(0)scale(.95)}75%{transform:translateY(-8px)scale(1.05)}}@keyframes chicoShake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-8px)rotate(-5deg)}40%{transform:translate(8px)rotate(5deg)}60%{transform:translate(-6px)rotate(-3deg)}80%{transform:translate(6px)rotate(3deg)}}@keyframes chicoPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.15)}}@keyframes chicoDance{0%{transform:rotate(0)scale(1)}15%{transform:rotate(-15deg)scale(1.1)}30%{transform:rotate(15deg)scale(1.1)}45%{transform:rotate(-10deg)scale(1.05)}60%{transform:rotate(10deg)scale(1.05)}75%{transform:rotate(-5deg)scale(1)}to{transform:rotate(0)scale(1)}}@keyframes chicoSpin{0%{opacity:0;transform:scale(.5)rotate(-180deg)}60%{opacity:1;transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.chico-float{animation:3s ease-in-out infinite chicoFloat}.chico-bounce{animation:.6s both chicoBounce}.chico-shake{animation:.5s both chicoShake}.chico-pulse{animation:.8s ease-in-out infinite chicoPulse}.chico-dance{animation:.8s both chicoDance}.chico-spin{animation:.6s cubic-bezier(.34,1.56,.64,1) both chicoSpin}.chico-speech{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);white-space:nowrap;border-radius:16px;padding:6px 14px;font-size:.82rem;font-weight:800;animation:.3s both popIn;position:relative}.chico-speech:before{content:"";border:4px solid #0000;border-bottom-color:var(--card-border);position:absolute;top:-8px;left:50%;transform:translate(-50%)}.chico-speech-happy,.chico-speech-perfect,.chico-speech-excited{border-color:var(--teal);color:var(--teal)}.chico-speech-happy:before,.chico-speech-perfect:before,.chico-speech-excited:before{border-bottom-color:var(--teal)}.chico-speech-wrong{border-color:var(--coral);color:var(--coral)}.chico-speech-wrong:before{border-bottom-color:var(--coral)}.chico-speech-listening{border-color:var(--purple);color:var(--purple)}.chico-speech-listening:before{border-bottom-color:var(--purple)}.lesson-screen{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.ls-orb{background:var(--purple);filter:blur(120px);opacity:.1;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.ls-header{z-index:1;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem 1rem;display:flex;position:relative}.ls-back{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:50%;width:36px;height:36px;font-size:.9rem;transition:all .2s}.ls-back:hover{color:var(--white)}.ls-title{font-size:1rem;font-weight:800}.ls-phase-badge{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:50px;padding:5px 12px;font-size:.75rem;font-weight:700}.ls-progress{z-index:1;background:#ffffff14;border-radius:10px;height:6px;margin:0 1.25rem 2rem;position:relative;overflow:hidden}.ls-prog-fill{background:linear-gradient(90deg, var(--teal), var(--purple));border-radius:10px;height:100%;transition:width .5s}.vocab-phase{z-index:1;flex-direction:column;flex:1;align-items:center;gap:1.5rem;padding:0 1.25rem 2rem;display:flex;position:relative}.phase-hint{color:var(--text-muted);font-size:.82rem}.flashcard{perspective:1000px;cursor:pointer;width:100%;max-width:340px;height:240px}.flashcard .card-front,.flashcard .card-back{border-radius:var(--radius);backface-visibility:hidden;border:1px solid var(--card-border);flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:transform .5s;display:flex;position:absolute;inset:0}.card-front{background:linear-gradient(135deg,#00c9a733,#9b59f533);transform:rotateY(0)}.card-back{background:linear-gradient(135deg,#9b59f533,#ff6b6b33);transform:rotateY(180deg)}.flashcard.flipped .card-front{transform:rotateY(-180deg)}.flashcard.flipped .card-back{transform:rotateY(0)}.card-emoji{font-size:3.5rem}.card-es{font-family:var(--font-display);color:var(--white);font-size:2.2rem}.card-tap-hint{color:var(--text-muted);font-size:.75rem}.card-en{font-family:var(--font-display);color:var(--sun);font-size:2rem}.card-es-small{color:var(--text-muted);font-size:.9rem}.card-counter{color:var(--text-muted);font-size:.82rem;font-weight:700}.vocab-actions{gap:12px;width:100%;max-width:340px;display:flex}.btn-skip{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:var(--radius-sm);flex:1;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.btn-got-it{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border-radius:var(--radius-sm);flex:2;padding:14px;font-size:.95rem;font-weight:800;transition:all .2s}.btn-got-it:hover{transform:translateY(-2px)}.practice-phase{z-index:1;flex-direction:column;flex:1;align-items:center;gap:.7rem;padding:0 1.25rem 1.25rem;animation:.4s both fadeUp;display:flex;position:relative}.practice-icon{font-size:2.2rem;animation:3s ease-in-out infinite float}.practice-title{font-family:var(--font-display);font-size:1.5rem}.practice-sub{color:var(--text-muted);text-align:center;font-size:.85rem}.word-chips{flex-direction:column;gap:6px;width:100%;max-height:46vh;display:flex;overflow-y:auto}.word-chip{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:9px 12px;font-size:.9rem;display:flex}.chip-es{flex:1;font-weight:800}.word-chip .chip-es.card-ar{font-size:1.05rem!important}.chip-arrow{color:var(--text-muted)}.chip-en{color:var(--teal);flex:1;font-weight:700}.btn-ready{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff;border-radius:var(--radius-sm);width:100%;margin-top:auto;padding:16px;font-size:1rem;font-weight:800;transition:all .2s}.btn-ready:hover{transform:translateY(-2px)}.quiz-phase{z-index:1;flex-direction:column;flex:1;gap:1.5rem;padding:0 1.25rem 2rem;animation:.4s both fadeUp;display:flex;position:relative}.quiz-num{color:var(--text-muted);font-size:.8rem;font-weight:700}.quiz-q{font-family:var(--font-display);font-size:1.6rem;line-height:1.3}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-opt{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);text-align:left;align-items:center;gap:14px;padding:16px 20px;font-size:.97rem;font-weight:700;transition:all .2s;display:flex}.quiz-opt:hover:not(:disabled){border-color:var(--purple);background:#9b59f526}.quiz-opt.correct{border-color:var(--teal);color:var(--teal);background:#00c9a733;animation:.3s popIn}.quiz-opt.wrong{border-color:var(--coral);color:var(--coral);background:#ff6b6b33}.opt-letter{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:900;display:flex}.complete-phase{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:2rem 1.25rem;animation:.5s both fadeUp;display:flex;position:relative}.complete-emoji{font-size:5rem;animation:.5s both popIn}.complete-title{font-family:var(--font-display);color:var(--sun);font-size:2.5rem}.complete-sub{color:var(--text-muted);font-size:1rem}.complete-stats{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);justify-content:space-around;gap:16px;width:100%;padding:1.25rem 2rem;display:flex}.cs-item{text-align:center}.cs-val{font-family:var(--font-display);color:var(--white);font-size:1.8rem}.cs-val.cs-xp{color:var(--sun)}.cs-lbl{color:var(--text-muted);margin-top:2px;font-size:.72rem}.btn-continue{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border-radius:var(--radius-sm);width:100%;padding:16px;font-size:1rem;font-weight:800;transition:all .2s}.btn-continue:hover{transform:translateY(-2px)}.btn-chat-practice{border:1.5px solid var(--card-border);width:100%;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.btn-chat-practice:hover{color:var(--white);border-color:var(--purple)}.phase-steps{z-index:1;justify-content:center;gap:12px;padding:0 1.25rem 1.25rem;display:flex;position:relative}.phase-step{width:36px;height:36px;color:var(--text-muted);background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .3s;display:flex}.phase-step.done{border-color:var(--teal);color:var(--teal);background:#00c9a733}.phase-step.active{border-color:var(--purple);background:#9b59f533;font-size:1rem;transform:scale(1.1)}.speak-btn-sm{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50px;margin-top:6px;padding:4px 12px;font-size:.85rem;transition:all .2s}.speak-btn-sm:hover{background:#fff3}.chip-audio{color:var(--text-muted);margin-left:auto;font-size:.85rem}.word-chip{cursor:pointer;transition:background .2s}.word-chip:hover{background:#ffffff14}.flashcard{animation:.45s cubic-bezier(.34,1.56,.64,1) both card-deal}.flashcard .card-emoji{animation:3s ease-in-out infinite float}.btn-got-it:active,.btn-skip:active{transform:scale(.96)}.word-chips .word-chip{animation:.4s both fadeUp}.word-chips .word-chip:nth-child(2){animation-delay:60ms}.word-chips .word-chip:nth-child(3){animation-delay:.12s}.word-chips .word-chip:nth-child(4){animation-delay:.18s}.word-chips .word-chip:nth-child(5){animation-delay:.24s}.word-chips .word-chip:nth-child(6){animation-delay:.3s}.word-chips .word-chip:nth-child(7){animation-delay:.36s}.word-chips .word-chip:nth-child(8){animation-delay:.42s}.quiz-q{animation:.35s both slideIn}.quiz-opt:active:not(:disabled){transform:scale(.98)}.quiz-opt.correct{animation:.4s cubic-bezier(.34,1.56,.64,1) juice-pop}.quiz-opt.wrong{animation:.35s ls-shake}.complete-emoji{animation:.55s cubic-bezier(.34,1.56,.64,1) both popIn,2.4s ease-in-out .6s infinite float}.complete-title{animation:.5s cubic-bezier(.34,1.56,.64,1) .12s both popIn}.complete-stats .cs-val{animation:.5s cubic-bezier(.34,1.56,.64,1) .3s both popIn}.btn-continue{animation:2.6s ease-out 1s infinite w-cta-halo}.btn-continue:active{transform:scale(.97)}.phase-step.active{animation:2.4s ease-in-out infinite pulse-glow}.speak-phase{z-index:1;flex-direction:column;flex:1;align-items:center;gap:.75rem;padding:0 1.25rem 1rem;animation:.4s both fadeUp;display:flex;position:relative}.speak-progress{color:var(--text-muted);font-size:.8rem;font-weight:700}.chico-wrap{flex-direction:column;align-items:center;gap:8px;transition:all .3s;display:flex}.chico-face{font-size:2.7rem;transition:all .3s}.chico-idle .chico-face{animation:3s ease-in-out infinite float}.chico-listening .chico-face{animation:.8s ease-in-out infinite pulse-glow}.chico-perfect .chico-face{animation:.4s both popIn}.chico-happy .chico-face{animation:.3s both popIn}.chico-bubble{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);color:var(--white);text-align:center;max-width:220px;padding:8px 16px;font-size:.85rem;font-weight:700}.chico-listening .chico-bubble{border-color:var(--teal);color:var(--teal)}.chico-perfect .chico-bubble{border-color:var(--sun);color:var(--sun)}.chico-happy .chico-bubble{border-color:var(--teal);color:var(--teal)}.chico-sad .chico-bubble{border-color:var(--coral);color:var(--coral)}.speak-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;padding:1rem 1.25rem;display:flex}.speak-emoji{font-size:2.2rem}.speak-word{font-family:var(--font-display);color:var(--white);font-size:1.9rem}.speak-translation{color:var(--text-muted);font-size:.9rem}.speak-audio-btn{color:var(--teal);cursor:pointer;background:#00c9a726;border:1px solid #00c9a74d;border-radius:50px;margin-top:2px;padding:6px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.speak-audio-btn:hover{background:#00c9a740}.speak-result{border-radius:var(--radius-sm);text-align:center;width:100%;padding:.7rem 1rem;animation:.3s both popIn}.result-perfect{background:#ffb83026;border:1px solid #ffb83066}.result-good{background:#00c9a726;border:1px solid #00c9a766}.result-try{background:#ff6b6b26;border:1px solid #ff6b6b66}.result-score{font-family:var(--font-display);font-size:1.8rem}.result-perfect .result-score{color:var(--sun)}.result-good .result-score{color:var(--teal)}.result-try .result-score{color:var(--coral)}.result-label{margin-top:2px;font-size:.95rem;font-weight:800}.result-heard{color:var(--text-muted);margin-top:4px;font-size:.78rem;font-style:italic}.result-text{color:var(--text-muted);font-size:.85rem}.mic-btn{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff;border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:100%;padding:14px 32px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 32px #9b59f566}.mic-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #9b59f580}.mic-btn:disabled{opacity:.7}.mic-active{background:linear-gradient(135deg, var(--coral), var(--coral-dark));animation:.8s ease-in-out infinite pulse-glow;box-shadow:0 8px 32px #ff6b6b80}.mic-icon{font-size:1.6rem}.speak-btns{gap:10px;width:100%;display:flex}.btn-retry{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.btn-retry:hover{border-color:var(--purple);color:var(--white)}.btn-next-speak{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border-radius:var(--radius-sm);cursor:pointer;flex:2;padding:14px;font-size:.95rem;font-weight:800;transition:all .2s}.btn-next-speak:hover{transform:translateY(-2px)}.btn-secondary-action{border:1.5px solid var(--card-border);width:100%;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.btn-secondary-action:hover{color:var(--white);border-color:var(--purple)}.card-ar,.card-ar-small{letter-spacing:.5px;font-weight:700;font-family:Nunito,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important}.card-ar{font-size:2.4rem!important}.card-ar-small{font-weight:600;font-size:1.05rem!important}.card-ar-script,.card-ar-script-sm{color:var(--sun,#ffb830);text-align:center;direction:rtl;margin-top:6px;font-family:Tajawal,Noto Sans Arabic,Amiri,Cairo,system-ui,sans-serif;font-weight:600}.card-ar-script{opacity:.92;font-size:1.6rem}.card-ar-script-sm{opacity:.8;margin-top:2px;font-size:1.05rem}.chip-ar-script{opacity:.7;direction:rtl;margin-left:6px;font-family:Tajawal,Noto Sans Arabic,system-ui,sans-serif;font-size:.9rem}.speak-word-ar{color:var(--sun,#ffb830);opacity:.9;direction:rtl;margin:6px 0 8px;font-family:Tajawal,Noto Sans Arabic,system-ui,sans-serif;font-size:1.4rem}.pl-ar-script,.pl-ar-script-sm{text-align:center;color:var(--sun,#ffb830);opacity:.9;direction:rtl;margin-top:6px;font-family:Tajawal,Noto Sans Arabic,system-ui,sans-serif;font-weight:600}.pl-ar-script{font-size:1.4rem}.pl-ar-script-sm{font-size:.95rem}.upgrade-screen{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.ug-bg{pointer-events:none;position:fixed;inset:0}.ug-orb1{background:var(--purple);filter:blur(100px);opacity:.2;border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite float;position:absolute;top:-200px;right:-200px}.ug-orb2{background:var(--sun);filter:blur(100px);opacity:.15;border-radius:50%;width:400px;height:400px;animation:10s ease-in-out 2s infinite float;position:absolute;bottom:-200px;left:-200px}.ug-header{z-index:1;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem 0;display:flex;position:relative}.ug-back{color:var(--text-muted);background:0 0;font-size:.85rem;font-weight:700;transition:color .2s}.ug-back:hover{color:var(--white)}.ug-logo{font-family:var(--font-display);color:var(--sun);align-items:center;font-size:1.1rem;display:flex}.ug-logo-img{width:auto;height:30px;display:block}.ug-content{z-index:1;flex-direction:column;flex:1;align-items:center;gap:1.25rem;padding:1.5rem 1.25rem 3rem;animation:.5s both fadeUp;display:flex;position:relative}.ug-badge{color:var(--sun);background:linear-gradient(135deg,#9b59f54d,#ffb8304d);border:1px solid #9b59f566;border-radius:50px;padding:6px 18px;font-size:.85rem;font-weight:800}.ug-title{font-family:var(--font-display);text-align:center;font-size:2.2rem;line-height:1.2}.ug-sub{color:var(--text-muted);text-align:center;font-size:.9rem}.plan-toggle{background:#ffffff0f;border-radius:50px;gap:4px;width:100%;padding:4px;display:flex}.plan-btn{color:var(--text-muted);background:0 0;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.plan-btn.active{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff}.save-badge{background:var(--sun);color:var(--navy);border-radius:50px;padding:2px 8px;font-size:.7rem;font-weight:900}.price-display{text-align:center}.price-amt{font-family:var(--font-display);color:var(--white);font-size:3.5rem}.price-per{color:var(--text-muted);margin-left:4px;font-size:1rem}.price-equiv{color:var(--teal);margin-top:4px;font-size:.82rem;font-weight:700}.features-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.features-col{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:1rem;display:flex}.features-col.premium{background:#9b59f51a;border-color:#9b59f566}.col-label{text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.75rem;font-weight:900}.col-label.free{color:var(--text-muted)}.col-label.prem{color:var(--purple)}.feature-item{color:var(--text-muted);gap:6px;font-size:.78rem;line-height:1.4;display:flex}.prem-item{color:var(--white)}.fi-icon{color:var(--text-muted);flex-shrink:0}.ug-error{border-radius:var(--radius-sm);color:#f99;background:#ff6b6b26;border:1px solid #ff6b6b4d;width:100%;padding:10px 14px;font-size:.85rem}.ug-cta{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff;border-radius:50px;width:100%;padding:18px;font-size:1.05rem;font-weight:800;transition:all .2s;box-shadow:0 8px 32px #9b59f566}.ug-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #9b59f580}.ug-cta:disabled{opacity:.6}.ug-spin{font-size:1.3rem;animation:1s linear infinite spin;display:inline-block}.ug-guarantee{color:var(--text-muted);text-align:center;font-size:.78rem}.ug-skip{color:var(--text-muted);background:0 0;font-size:.85rem;font-weight:600;transition:color .2s}.ug-skip:hover{color:var(--white)}.games-hub{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:2rem;display:flex;position:relative;overflow-x:hidden}.games-bg{pointer-events:none;position:fixed;inset:0}.games-orb{background:var(--purple);filter:blur(120px);opacity:.12;border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-200px}.games-header{z-index:1;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem .5rem;display:flex;position:relative}.games-back{color:var(--text-muted);cursor:pointer;background:0 0;font-size:.85rem;font-weight:700;transition:color .2s}.games-back:hover{color:var(--white)}.games-title-wrap{align-items:center;gap:8px;display:flex}.games-title{font-family:var(--font-display);font-size:1.5rem}.games-chico{z-index:1;justify-content:center;padding:.5rem 0;display:flex;position:relative}.games-sub{z-index:1;text-align:center;color:var(--text-muted);margin-bottom:1rem;font-size:.88rem;position:relative}.games-grid{z-index:1;grid-template-columns:1fr 1fr;gap:12px;padding:0 1.25rem;display:grid;position:relative}.game-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius);text-align:center;cursor:pointer;border-top:3px solid var(--gcolor);flex-direction:column;align-items:center;gap:8px;padding:1.25rem 1rem;transition:all .2s;animation:.4s both fadeUp;display:flex}.game-card:hover:not(.game-soon){background:#ffffff14;transform:translateY(-4px)}.game-card.game-soon{opacity:.5;cursor:not-allowed}.gc-emoji{font-size:2.5rem}.gc-title{color:var(--white);font-size:.95rem;font-weight:800}.gc-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.gc-soon{color:var(--text-muted);background:#ffffff1a;border-radius:50px;padding:2px 10px;font-size:.7rem;font-weight:800}.game-screen{background:var(--navy);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.game-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.game-back{color:var(--text-muted);cursor:pointer;background:0 0;font-size:.85rem;font-weight:700}.game-title{font-size:1rem;font-weight:800}.game-score{color:var(--teal);font-size:.85rem;font-weight:700}.game-chico{justify-content:center;padding:.75rem 0 0;display:flex}.game-win{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;animation:.4s both fadeUp;display:flex}.game-play-again{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:.5rem;padding:14px 32px;font-size:1rem;font-weight:800}.memory-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;padding:1rem;display:grid}.memory-card{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transform-style:preserve-3d;transition:transform .4s;position:relative}.memory-card.flipped{transform:rotateY(180deg)}.mc-front,.mc-back{border-radius:var(--radius-sm);backface-visibility:hidden;text-align:center;justify-content:center;align-items:center;padding:4px;font-size:.75rem;font-weight:800;display:flex;position:absolute;inset:0}.mc-front{background:linear-gradient(135deg, var(--purple), var(--navy-light));border:1.5px solid var(--card-border);color:var(--text-muted);font-size:1.2rem}.mc-back{border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--white);line-height:1.3;transform:rotateY(180deg)}.mc-es{border-color:var(--teal);color:var(--teal);background:#00c9a726}.mc-en{border-color:var(--purple);background:#9b59f526}.memory-card.matched .mc-back{border-color:var(--sun);background:#ffb83026}.scramble-game{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:.5rem 1.25rem 2rem;display:flex}.scramble-progress{color:var(--text-muted);font-size:.8rem;font-weight:700}.scramble-hint{font-size:1.5rem;font-weight:800}.scramble-letters{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.scramble-letter{background:linear-gradient(135deg, var(--purple), var(--navy-light));width:38px;height:38px;color:var(--white);border:1.5px solid #9b59f566;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:flex}.scramble-sub{color:var(--text-muted);font-size:.8rem}.scramble-input{background:var(--card-bg);border:1.5px solid var(--card-border);width:100%;color:var(--white);border-radius:var(--radius-sm);text-align:center;padding:13px 16px;font-size:1.1rem;font-weight:700;transition:border-color .2s}.scramble-input:focus{border-color:var(--teal);outline:none}.scramble-result{border-radius:var(--radius-sm);text-align:center;width:100%;padding:10px 16px;font-size:.9rem;font-weight:800;animation:.3s both popIn}.scramble-result.correct{border:1px solid var(--teal);color:var(--teal);background:#00c9a726}.scramble-result.wrong{border:1px solid var(--coral);color:var(--coral);background:#ff6b6b26}.game-btn-check,.game-btn-next{border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:15px;font-size:1rem;font-weight:800;transition:all .2s}.game-btn-check{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff}.game-btn-check:disabled{opacity:.4}.game-btn-next{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff}.speedtap-game{flex-direction:column;flex:1;align-items:center;gap:1.25rem;padding:.5rem 1.25rem 2rem;display:flex}.speedtap-progress{color:var(--text-muted);font-size:.8rem;font-weight:700}.speedtap-question{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);text-align:center;width:100%;padding:1.5rem}.speedtap-emoji{margin-bottom:8px;font-size:3rem}.speedtap-word{font-family:var(--font-display);color:var(--white);font-size:2rem}.speedtap-hint{color:var(--text-muted);margin-top:6px;font-size:.78rem}.speedtap-options{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.speedtap-opt{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;padding:16px;font-size:.95rem;font-weight:800;transition:all .15s}.speedtap-opt:hover{border-color:var(--purple);background:#9b59f526}.speedtap-opt.correct{border-color:var(--teal);color:var(--teal);background:#00c9a733;animation:.3s popIn}.speedtap-opt.wrong-opt{opacity:.4}.st-timer-wrap{align-items:center;gap:10px;width:100%;padding:0 1.25rem;display:flex}.st-timer-bar-bg{background:#ffffff14;border-radius:10px;flex:1;height:8px;overflow:hidden}.st-timer-bar{border-radius:10px;height:100%}.st-timer-num{font-family:var(--font-display);text-align:right;min-width:36px;font-size:1.3rem;font-weight:900}.st-score{text-align:center;color:var(--text-muted);font-size:1rem;font-weight:700}.st-flash-correct{animation:.3s flashGreen}.st-flash-wrong{animation:.3s flashRed}@keyframes flashGreen{0%,to{background:0 0}50%{background:#00c9a733}}@keyframes flashRed{0%,to{background:0 0}50%{background:#ff6b6b33}}.st-result-stats{gap:40px;display:flex}.st-stat{text-align:center}.st-stat-num{font-family:var(--font-display);font-size:2.5rem;font-weight:900}.st-stat-lbl{color:var(--text-muted);font-size:.75rem;font-weight:700}.bomb-game{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:0 1.25rem 2rem;display:flex}.bomb-progress{color:var(--text-muted);font-size:.8rem;font-weight:700}.bomb-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.bomb-icon{font-size:4rem;animation:1s ease-in-out infinite bombPulse}@keyframes bombPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.bomb-timer{font-family:var(--font-display);font-size:2rem;font-weight:900}.bomb-shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.bomb-fuse-bg{background:#ffffff14;border-radius:10px;width:100%;height:8px;overflow:hidden}.bomb-fuse{border-radius:10px;height:100%;transition:width 1s linear,background .5s}.bomb-word{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);text-align:center;width:100%;padding:1.25rem}.bomb-emoji{margin-bottom:6px;font-size:2.5rem}.bomb-en{font-family:var(--font-display);font-size:1.8rem}.bomb-hint{color:var(--text-muted);margin-top:4px;font-size:.75rem}.bomb-form{gap:8px;width:100%;display:flex}.bomb-input{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);flex:1;padding:13px 16px;font-size:1.1rem;font-weight:700}.bomb-input:focus{border-color:var(--teal);outline:none}.bomb-submit{background:var(--teal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:13px 20px;font-size:1.2rem;font-weight:900}.snake-game{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:0 1.25rem;display:flex}.snake-word{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:700;display:flex}.snake-emoji{font-size:1.5rem}.snake-en{font-size:1rem;font-weight:900}.snake-board{background:var(--navy2);border:1.5px solid var(--card-border);border-radius:12px;flex-shrink:0;position:relative;overflow:hidden}.snake-cell{background:var(--teal);border-radius:3px;margin:1px;position:absolute}.snake-head{background:var(--purple);border-radius:4px}.snake-food{color:var(--navy);background:var(--sun);text-align:center;white-space:nowrap;z-index:2;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;padding:1px 4px;font-size:.6rem;font-weight:900;line-height:1.05;display:flex;position:absolute;box-shadow:0 1px 4px #00000040}.snake-food-es{font-size:.62rem}.snake-food-en{opacity:.85;font-size:.5rem;font-weight:700}.snake-food-correct{background:var(--teal);color:#fff;animation:.4s ease-in-out infinite foodPulse}.snake-food-wrong{background:var(--coral);color:#fff}@keyframes foodPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.snake-controls{flex-direction:column;align-items:center;gap:6px;display:flex}.snake-btn{background:var(--card-bg);border:1.5px solid var(--card-border);width:48px;height:48px;color:var(--white);cursor:pointer;border-radius:10px;font-size:1.2rem;transition:all .15s}.snake-btn:active{background:var(--purple);border-color:var(--purple)}.picture-game{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:0 1.25rem 2rem;display:flex}.picture-progress{color:var(--text-muted);font-size:.8rem;font-weight:700}.picture-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius);text-align:center;width:100%;padding:2rem}.picture-emoji{margin-bottom:8px;font-size:5rem}.picture-hint{color:var(--text-muted);font-size:.82rem;font-weight:700}.picture-opts{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.picture-opt{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;transition:all .2s;display:flex}.picture-opt:hover:not(:disabled){border-color:var(--purple);background:#9b59f51a}.picture-opt.correct{border-color:var(--teal);background:#00c9a726;animation:.3s popIn}.picture-opt.wrong{border-color:var(--coral);background:#ff6b6b26}.po-es{font-size:.95rem;font-weight:900}.po-en{color:var(--text-muted);font-size:.7rem}.dw-game{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:0 1.25rem 2rem;display:flex}.dw-clue{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.dw-emoji{font-size:2.4rem}.dw-en{color:var(--white);font-size:1.1rem;font-weight:900}.dw-hint{color:var(--text-muted);font-size:.78rem}.dw-grid{flex-direction:column;gap:6px;display:flex}.dw-row{justify-content:center;gap:6px;display:flex}.dw-tile{width:42px;height:42px;color:var(--white);border:2px solid var(--card-border);text-transform:uppercase;background:var(--navy2);border-radius:8px;justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;transition:transform .1s;display:flex}.dw-tile.dw-filled{border-color:var(--purple);transform:scale(1.04)}.dw-tile.correct{background:var(--teal);border-color:var(--teal);color:#fff}.dw-tile.present{background:var(--sun);border-color:var(--sun);color:var(--navy)}.dw-tile.absent{color:#8189a5;background:#2a2f45;border-color:#2a2f45}.dw-message{color:var(--sun);font-size:.85rem;font-weight:700}.dw-form{gap:8px;width:100%;max-width:320px;display:flex}.dw-input{border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--white);letter-spacing:2px;text-transform:uppercase;border-radius:12px;outline:none;flex:1;padding:.7rem 1rem;font-size:1rem;font-weight:700}.dw-input:focus{border-color:var(--purple)}.dw-result{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.dw-comeback{color:var(--text-muted);margin-top:2px;font-size:.8rem}.sort-game{flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:1.25rem;padding:.5rem 1.25rem 2rem;display:flex}.sort-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-width:200px;padding:1.5rem 2rem;transition:transform .12s,border-color .12s;display:flex}.sort-card.sort-ok{border-color:var(--teal);transform:scale(1.05)}.sort-card.sort-bad{border-color:var(--coral);transform:translate(-4px)}.sort-emoji{font-size:3rem}.sort-es{color:var(--white);font-size:1.4rem;font-weight:900}.sort-en{color:var(--text-muted);font-size:.85rem}.sort-buckets{gap:8px;width:100%;display:flex}.sort-bucket{background:var(--card-bg);border:1.5px solid var(--card-border);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:.9rem .4rem;transition:all .15s;display:flex}.sort-bucket:active{background:var(--purple);border-color:var(--purple);transform:scale(.97)}.sb-emoji{font-size:1.6rem}.sb-title{color:var(--white);text-align:center;font-size:.72rem;font-weight:800;line-height:1.1}.sort-en-prompt{opacity:.7;font-style:italic}.sort-bucket:disabled{opacity:.55;cursor:default}.sort-bucket:disabled:active{background:var(--card-bg);border-color:var(--card-border);transform:none}.games-grid .game-card:first-child{animation-delay:50ms}.games-grid .game-card:nth-child(2){animation-delay:.1s}.games-grid .game-card:nth-child(3){animation-delay:.15s}.games-grid .game-card:nth-child(4){animation-delay:.2s}.games-grid .game-card:nth-child(5){animation-delay:.25s}.games-grid .game-card:nth-child(6){animation-delay:.3s}.games-grid .game-card:nth-child(7){animation-delay:.35s}.games-grid .game-card:nth-child(8){animation-delay:.4s}.game-card:hover:not(.game-soon){box-shadow:0 12px 32px #00000059, 0 0 0 1px var(--gcolor)}.game-card:active:not(.game-soon){transform:translateY(-1px)scale(.97)}.game-card:hover:not(.game-soon) .gc-emoji{animation:1.6s ease-in-out infinite float}.win-emoji{font-size:4rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn,2.2s ease-in-out .5s infinite float}.game-win h2{animation:.45s cubic-bezier(.34,1.56,.64,1) .1s both popIn}.game-play-again{transition:transform .15s;animation:2.6s ease-out .8s infinite w-cta-halo;position:relative;overflow:hidden}.game-play-again:hover{transform:translateY(-2px)scale(1.03)}.game-play-again:active{transform:scale(.97)}.st-stat-num{animation:.5s cubic-bezier(.34,1.56,.64,1) .25s both popIn}.speedtap-opt:active:not(:disabled){transform:scale(.96)}.speedtap-opt.correct{animation:.4s cubic-bezier(.34,1.56,.64,1) juice-pop}.picture-opt:active:not(:disabled){transform:scale(.96)}.picture-opt.correct{animation:.4s cubic-bezier(.34,1.56,.64,1) juice-pop}.picture-opt.wrong,.scramble-result.wrong{animation:.35s shake}.sort-card.sort-ok{animation:.35s cubic-bezier(.34,1.56,.64,1) juice-pop}.sort-card.sort-bad{animation:.35s shake}.memory-card.matched{animation:.45s cubic-bezier(.34,1.56,.64,1) .15s juice-pop}.memory-card.matched .mc-back{box-shadow:0 0 18px #ffb83059}.dw-tile.correct,.dw-tile.present,.dw-tile.absent{animation:.45s both dw-flip}.dw-row .dw-tile:nth-child(2){animation-delay:80ms}.dw-row .dw-tile:nth-child(3){animation-delay:.16s}.dw-row .dw-tile:nth-child(4){animation-delay:.24s}.dw-row .dw-tile:nth-child(5){animation-delay:.32s}.dw-row .dw-tile:nth-child(6){animation-delay:.4s}.dw-row .dw-tile:nth-child(7){animation-delay:.48s}@keyframes dw-flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.game-card.game-locked{opacity:.78;position:relative}.game-card.game-locked .gc-emoji{filter:grayscale(.4)}.gc-lock{background:var(--sun);color:var(--navy);letter-spacing:.02em;background-image:linear-gradient(105deg, var(--sun) 40%, var(--sun-light) 50%, var(--sun) 60%);background-size:250%;border-radius:50px;padding:2px 7px;font-size:.62rem;font-weight:900;animation:3s linear infinite shimmer;position:absolute;top:8px;right:8px;overflow:hidden}.game-card.game-locked:hover{border-color:var(--sun);transform:translateY(-4px)}.game-screen{background:#0b0f1f}.game-screen:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(55vmax 45vmax at 85% -12%,#9b59f533,#0000 60%),radial-gradient(50vmax 40vmax at -12% 112%,#00c9a729,#0000 60%);position:fixed;inset:0}.game-screen:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(#7c5cff14 1px,#0000 1px),linear-gradient(90deg,#7c5cff14 1px,#0000 1px);background-size:42px 42px;animation:14s linear infinite tech-grid;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 28%,#000,#0000 72%);mask-image:radial-gradient(at 50% 28%,#000,#0000 72%)}@keyframes tech-grid{0%{background-position:0 0}to{background-position:42px 42px}}.game-screen>*{z-index:1;position:relative}.game-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #7c5cff2e}.game-score{text-shadow:0 0 12px #00c9a799}.games-hub{background:#0b0f1f}.game-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1a;border-top:2px solid var(--gcolor);background:linear-gradient(160deg,#ffffff14,#ffffff05);overflow:hidden;box-shadow:0 6px 24px #0000004d,inset 0 1px #ffffff1a}.game-card:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 var(--gcolor);opacity:0;transition:opacity .25s,box-shadow .25s;position:absolute;inset:-1px}.game-card:hover:not(.game-soon):after{opacity:.5;box-shadow:0 0 22px -2px var(--gcolor)}.game-card:hover:not(.game-soon){box-shadow:0 14px 36px #0006, 0 0 0 1px var(--gcolor);background:linear-gradient(160deg,#ffffff21,#ffffff0a)}.gc-emoji{filter:drop-shadow(0 3px 8px #0006);transition:filter .25s}.game-card:hover:not(.game-soon) .gc-emoji{filter:drop-shadow(0 0 14px var(--gcolor))}.memory-grid{gap:10px;padding:1.25rem}.memory-card{box-shadow:0 6px 16px #00000059}.mc-front,.mc-back{border-radius:14px}.mc-front{background:linear-gradient(135deg,#7c5cffa6,#00c9a766 55%,#ffb83052) 0 0/220% 220%;border:1px solid #ffffff38;animation:4.5s infinite mc-holo;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 0 22px #7c5cff40}@keyframes mc-holo{0%,to{background-position:0%}50%{background-position:100%}}.mc-front:after{content:"";background:linear-gradient(105deg,#0000 42%,#fff6 50%,#0000 58%);animation:3.6s ease-in-out infinite mc-shine;position:absolute;inset:0;transform:translate(-130%)}@keyframes mc-shine{0%,65%{transform:translate(-130%)}to{transform:translate(130%)}}.mc-emblem{background:linear-gradient(135deg,#fff,#ffffff8c);border-radius:7px;width:38%;height:38%;animation:2.2s ease-in-out infinite mc-pulse;transform:rotate(45deg);box-shadow:0 0 16px #fffc,inset 0 0 6px #7c5cff66}@keyframes mc-pulse{0%,to{opacity:.85;transform:rotate(45deg)scale(.92)}50%{opacity:1;transform:rotate(45deg)scale(1.05)}}.mc-back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;font-size:.82rem}.mc-es{border-color:var(--teal);color:#6fffe0;background:#00c9a729;box-shadow:inset 0 0 18px #00c9a740}.mc-en{border-color:var(--purple);color:#d4b8ff;background:#9b59f529;box-shadow:inset 0 0 18px #9b59f540}.memory-card.matched .mc-back{border-color:var(--sun);color:#ffdf9e;background:#ffb8302e;animation:.5s cubic-bezier(.34,1.56,.64,1) mc-matched;box-shadow:0 0 22px #ffb8308c,inset 0 0 18px #ffb8304d}@keyframes mc-matched{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.12)}to{transform:rotateY(180deg)scale(1)}}.speedtap-opt,.picture-opt,.sort-bucket{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff1f;box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff14}.speedtap-opt:hover,.picture-opt:hover:not(:disabled){border-color:var(--purple);box-shadow:0 6px 22px #9b59f559, 0 0 0 1px var(--purple);background:#9b59f52e}.speedtap-opt.correct,.picture-opt.correct{border-color:var(--teal);color:#6fffe0;background:#00c9a738;box-shadow:0 0 24px #00c9a78c,inset 0 0 16px #00c9a74d}.scramble-letter{text-shadow:0 0 10px #fff6;background:linear-gradient(160deg,#9b59f573,#7c5cff26);border:1px solid #9b59f580;border-radius:10px;animation:.35s cubic-bezier(.34,1.56,.64,1) both popIn;box-shadow:0 4px 14px #7c5cff59,inset 0 1px #ffffff40}.scramble-hint{text-shadow:0 0 16px #00c9a780}.scramble-input:focus{box-shadow:0 0 0 1px var(--teal), 0 0 20px #00c9a759}.dw-tile{box-shadow:inset 0 1px #ffffff14}.dw-tile.dw-filled{box-shadow:0 0 14px #7c5cff80}.dw-tile.correct{box-shadow:0 0 16px #00c9a799}.dw-tile.present{box-shadow:0 0 16px #ffb83099}.bomb-icon{filter:drop-shadow(0 0 18px #ff6b6b99)}.bomb-word{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ff6b6b4d;box-shadow:0 0 26px #ff6b6b2e}.bomb-submit{box-shadow:0 0 18px #00c9a780}.snake-board{background:#070a16;box-shadow:0 0 0 1px #7c5cff4d,0 0 30px #7c5cff2e,inset 0 0 40px #0006}.snake-cell{box-shadow:0 0 8px #00c9a7b3}.snake-head{box-shadow:0 0 12px #9b59f5e6}.snake-food{box-shadow:0 0 14px #ffb830b3}.snake-btn:active{box-shadow:0 0 16px #9b59f599}.sort-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #ffffff24;box-shadow:0 8px 28px #00000059,inset 0 1px #ffffff1f}.sort-es{text-shadow:0 0 14px #ffffff40}.sort-bucket:active{box-shadow:0 0 20px #9b59f580, 0 0 0 1px var(--purple)}.st-timer-bar{box-shadow:0 0 12px}.st-timer-num{text-shadow:0 0 14px}.st-stat-num{text-shadow:0 0 16px}.phrases-hub{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:2rem;display:flex;position:relative;overflow-x:hidden}.ph-bg{pointer-events:none;position:fixed;inset:0}.ph-orb{background:var(--teal);filter:blur(120px);opacity:.1;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;left:-200px}.ph-header{z-index:1;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem 1rem;display:flex;position:relative}.ph-back{color:var(--text-muted);cursor:pointer;background:0 0;font-size:.85rem;font-weight:700;transition:color .2s}.ph-back:hover{color:var(--white)}.ph-title{font-family:var(--font-display);font-size:1.6rem}.ph-section-label{z-index:1;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 1.25rem .6rem;font-size:11px;font-weight:700;position:relative}.sit-banner{z-index:1;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#9b59f540,#ff6b6b33);border:1.5px solid #9b59f566;justify-content:space-between;align-items:center;margin:0 1.25rem 1.25rem;padding:1.25rem;transition:all .2s;display:flex;position:relative}.sit-banner:hover{border-color:var(--purple);transform:translateY(-2px)}.sit-banner-title{margin-bottom:4px;font-size:1.05rem;font-weight:800}.sit-banner-sub{color:var(--text-muted);font-size:.8rem}.sit-banner-arrow{color:var(--purple);font-size:1.3rem}.ph-grid{z-index:1;grid-template-columns:1fr 1fr;gap:10px;padding:0 1.25rem;display:grid;position:relative}.ph-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-top:3px solid var(--ccolor);border-radius:var(--radius);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:1.25rem 1rem;transition:all .2s;animation:.4s both fadeUp;display:flex}.ph-card:hover{background:#ffffff12;transform:translateY(-3px)}.ph-card-emoji{font-size:2.2rem}.ph-card-title{font-size:.88rem;font-weight:800;line-height:1.3}.ph-card-count{color:var(--text-muted);font-size:.72rem}.ph-card-locked{opacity:.62;position:relative}.ph-card-locked .ph-card-count{color:var(--sun,#ffb830);opacity:1;font-weight:800}.ph-lock{font-size:.95rem;position:absolute;top:8px;right:10px}.phrase-lesson{background:var(--navy);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.pl-header{z-index:10;justify-content:space-between;align-items:center;padding:1.25rem;display:flex;position:relative}.pl-back{color:var(--teal);cursor:pointer;z-index:10;background:0 0;border:none;padding:8px;font-size:.85rem;font-weight:800;position:relative}.pl-close{color:var(--white);cursor:pointer;z-index:10;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:900;display:flex}.pl-close:hover{background:#ffffff26}.pl-title{font-size:.95rem;font-weight:800}.pl-badge{border-radius:50px;padding:4px 12px;font-size:.72rem;font-weight:800}.pl-progress{background:#ffffff14;border-radius:10px;height:6px;margin:0 1.25rem 1.25rem;overflow:hidden}.pl-prog-fill{border-radius:10px;height:100%;transition:width .4s}.pl-cards{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:0 1.25rem 2rem;display:flex}.pl-hint{color:var(--text-muted);font-size:.8rem}.pl-card-simple{border-radius:var(--radius);cursor:pointer;border:1.5px solid;justify-content:center;align-items:center;width:100%;min-height:200px;transition:background .2s,border-color .2s;display:flex}.pl-face-front{border-radius:var(--radius);background:#ffffff0a;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:200px;padding:1.5rem;display:flex}.pl-face-back{border-radius:var(--radius);background:#ffffff17;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:200px;padding:1.5rem;animation:.2s fadeIn;display:flex}.pl-tap-hint{color:var(--text-muted);margin-top:4px;font-size:.7rem}.pl-emoji{font-size:2rem}.pl-es{font-family:var(--font-display);text-align:center;padding:0 .5rem;font-size:1.1rem}.pl-en{color:var(--sun);text-align:center;padding:0 .5rem;font-size:1rem;font-weight:700}.pl-es-small{color:var(--text-muted);text-align:center;font-size:.78rem}.pl-got-it{color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:2;padding:13px;font-size:.9rem;font-weight:800}.pl-audio{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50px;padding:4px 14px;font-size:.82rem}.pl-counter{color:var(--text-muted);font-size:.78rem;font-weight:700}.pl-actions{gap:10px;width:100%;display:flex}.pl-skip{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:13px;font-size:.9rem;font-weight:700}.pl-got-it{color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:2;padding:13px;font-size:.9rem;font-weight:800;transition:all .2s}.pl-got-it:hover{filter:brightness(1.1);transform:translateY(-1px)}.pl-quiz{flex-direction:column;flex:1;gap:1rem;padding:0 1.25rem 2rem;animation:.4s both fadeUp;display:flex}.plq-chico{justify-content:center;display:flex}.plq-num{color:var(--text-muted);font-size:.78rem;font-weight:700}.plq-phrase{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:1rem;font-size:.88rem;display:flex}.plq-es{flex:1;font-style:italic;font-weight:800}.plq-audio{cursor:pointer;background:0 0;border:none;font-size:1.1rem}.plq-sub{color:var(--text-muted);font-size:.82rem}.plq-options{flex-direction:column;gap:8px;display:flex}.plq-opt{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);text-align:left;cursor:pointer;padding:13px 16px;font-size:.88rem;font-weight:600;transition:all .2s}.plq-opt:hover:not(:disabled){border-color:var(--purple);background:#9b59f51a}.plq-opt.correct{border-color:var(--teal);color:var(--teal);background:#00c9a726;animation:.3s popIn}.plq-opt.wrong{border-color:var(--coral);color:var(--coral);background:#ff6b6b26}.pl-complete{flex-direction:column;flex:1;align-items:center;gap:.75rem;padding:1rem 1.25rem 2rem;animation:.4s both fadeUp;display:flex}.plc-title{font-family:var(--font-display);font-size:2rem}.plc-review{flex-direction:column;gap:6px;width:100%;max-height:280px;display:flex;overflow-y:auto}.plc-phrase{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;transition:background .2s;display:flex}.plc-phrase:hover{background:#ffffff14}.plc-es{color:var(--white);font-weight:700}.plc-en{color:var(--text-muted);font-size:.75rem}.plc-done{border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;width:100%;margin-top:auto;padding:15px;font-size:1rem;font-weight:800;transition:all .2s}.plc-done:hover{filter:brightness(1.1);transform:translateY(-1px)}.sit-screen{background:var(--navy);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.sit-header{justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.sit-back{color:var(--text-muted);cursor:pointer;background:0 0;font-size:.85rem;font-weight:700}.sit-title{font-size:.95rem;font-weight:800}.sit-score{color:var(--teal);font-size:.85rem;font-weight:700}.sit-progress{background:#ffffff14;border-radius:10px;height:6px;margin:0 1.25rem .75rem;overflow:hidden}.sit-prog-fill{background:linear-gradient(90deg, var(--purple), var(--coral));border-radius:10px;height:100%;transition:width .4s}.sit-chico{justify-content:center;margin-bottom:.25rem;display:flex}.sit-scene{z-index:1;border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#9b59f526,#ff6b6b1a);border:1px solid #9b59f54d;margin:0 1.25rem .75rem;padding:1rem;position:relative}.sit-scene-bg{color:var(--text-muted);font-size:.9rem;font-weight:700}.sit-bubble{z-index:1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);margin:0 1.25rem .5rem;padding:1rem;position:relative}.sit-npc{margin-bottom:4px;font-size:.95rem;font-weight:800}.sit-translation{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;font-style:italic}.sit-audio{color:var(--teal);cursor:pointer;background:#00c9a71a;border:1px solid #00c9a74d;border-radius:50px;padding:5px 14px;font-size:.78rem;font-weight:700}.sit-instruction{z-index:1;text-align:center;color:var(--text-muted);margin:0 0 .5rem;font-size:.82rem;position:relative}.sit-options{z-index:1;flex-direction:column;gap:8px;padding:0 1.25rem;display:flex;position:relative}.sit-opt{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);text-align:left;cursor:pointer;padding:12px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.sit-opt:hover:not(:disabled){border-color:var(--purple);background:#9b59f51a}.sit-correct{border-color:var(--teal);color:var(--teal);background:#00c9a726;animation:.3s popIn}.sit-wrong{border-color:var(--coral);color:var(--coral);background:#ff6b6b26}.sit-tick{font-weight:900}.sit-explanation{z-index:1;border-radius:var(--radius-sm);margin:.75rem 1.25rem 0;padding:1rem;animation:.3s both fadeUp;position:relative}.exp-correct{background:#00c9a71a;border:1px solid #00c9a74d}.exp-wrong{background:#ff6b6b1a;border:1px solid #ff6b6b4d}.exp-text{color:var(--text-muted);margin-bottom:10px;font-size:.82rem}.exp-next{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:12px;font-size:.9rem;font-weight:800}.sit-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;animation:.5s both fadeUp;display:flex}.sit-done-title{font-family:var(--font-display);color:var(--sun);font-size:2rem}.sit-stars{gap:4px;display:flex}.sit-play-again{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:.5rem;padding:14px 36px;font-size:1rem;font-weight:800}.pl-audio-top{align-self:flex-end;margin-bottom:auto}.pl-hint-small{color:var(--text-muted);margin-top:auto;font-size:.7rem}.ph-grid .ph-card:first-child{animation-delay:40ms}.ph-grid .ph-card:nth-child(2){animation-delay:80ms}.ph-grid .ph-card:nth-child(3){animation-delay:.12s}.ph-grid .ph-card:nth-child(4){animation-delay:.16s}.ph-grid .ph-card:nth-child(5){animation-delay:.2s}.ph-grid .ph-card:nth-child(6){animation-delay:.24s}.ph-grid .ph-card:nth-child(7){animation-delay:.28s}.ph-grid .ph-card:nth-child(8){animation-delay:.32s}.ph-grid .ph-card:nth-child(9){animation-delay:.36s}.ph-grid .ph-card:nth-child(10){animation-delay:.4s}.ph-grid .ph-card:nth-child(11){animation-delay:.44s}.ph-grid .ph-card:nth-child(12){animation-delay:.48s}.ph-card:hover{box-shadow:0 10px 28px #0000004d, 0 0 0 1px var(--ccolor)}.ph-card:hover .ph-card-emoji{animation:1.6s ease-in-out infinite float}.ph-card:active{transform:translateY(-1px)scale(.97)}.sit-banner{overflow:hidden}.sit-banner:after{content:"";background:linear-gradient(105deg,#0000,#ffffff1a,#0000);width:55%;height:100%;animation:5s ease-in-out 2.5s infinite w-shine;position:absolute;top:0;left:-160%;transform:skew(-20deg)}.pl-card-simple{animation:.45s cubic-bezier(.34,1.56,.64,1) both card-deal}.pl-got-it:active,.pl-skip:active{transform:scale(.96)}.plq-opt:active:not(:disabled){transform:scale(.98)}.plq-opt.correct{animation:.4s cubic-bezier(.34,1.56,.64,1) juice-pop}.plq-opt.wrong{animation:.35s ls-shake}.sit-opt:active:not(:disabled){transform:scale(.98)}.sit-correct{animation:.4s cubic-bezier(.34,1.56,.64,1) juice-pop}.sit-wrong{animation:.35s ls-shake}.plc-title{animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn}.plc-done{animation:2.6s ease-out 1s infinite w-cta-halo}.sit-done-title{animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn}.sit-stars{animation:.5s cubic-bezier(.34,1.56,.64,1) .2s both popIn}.sit-play-again{animation:2.6s ease-out 1s infinite w-cta-halo}.review-screen{background:var(--navy);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.rv-bg{pointer-events:none;position:fixed;inset:0}.rv-orb{background:var(--teal);filter:blur(120px);opacity:.1;border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;left:-200px}.rv-header{z-index:1;justify-content:space-between;align-items:center;padding:1.25rem;display:flex;position:relative}.rv-back{color:var(--text-muted);cursor:pointer;background:0 0;font-size:.85rem;font-weight:700;transition:color .2s}.rv-back:hover{color:var(--white)}.rv-title{font-size:1rem;font-weight:800}.rv-count{color:var(--teal);font-size:.82rem;font-weight:700}.rv-progress{z-index:1;background:#ffffff14;border-radius:10px;height:6px;margin:0 1.25rem .75rem;position:relative;overflow:hidden}.rv-prog-fill{background:linear-gradient(90deg, var(--teal), var(--purple));border-radius:10px;height:100%;transition:width .4s}.rv-chico{z-index:1;justify-content:center;display:flex;position:relative}.rv-card{z-index:1;background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:10px;margin:.75rem 1.25rem;padding:1.5rem;transition:background .2s;display:flex;position:relative}.rv-card:hover{background:#ffffff14}.rv-card-emoji{font-size:3rem}.rv-card-word{font-family:var(--font-display);color:var(--white);font-size:2rem}.rv-audio{color:var(--teal);cursor:pointer;background:#00c9a71a;border:1px solid #00c9a74d;border-radius:50px;padding:5px 16px;font-size:.78rem;font-weight:700;transition:all .2s}.rv-audio:hover{background:#00c9a733}.rv-sentence-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.78rem;transition:color .2s}.rv-sentence-btn:hover{color:var(--white)}.rv-sentence{border-radius:var(--radius-sm);background:#9b59f51a;border:1px solid #9b59f533;width:100%;padding:10px 14px;animation:.3s both fadeUp}.rv-sent-es{margin-bottom:4px;font-size:.88rem;font-style:italic;font-weight:700}.rv-sent-en{color:var(--text-muted);font-size:.75rem}.rv-instruction{z-index:1;text-align:center;color:var(--text-muted);margin:0 0 .5rem;font-size:.82rem;position:relative}.rv-options{z-index:1;grid-template-columns:1fr 1fr;gap:8px;padding:0 1.25rem;display:grid;position:relative}.rv-opt{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;text-align:center;padding:14px 10px;font-size:.88rem;font-weight:700;transition:all .2s}.rv-opt:hover:not(:disabled){border-color:var(--teal);background:#00c9a71a}.rv-correct{border-color:var(--teal);color:var(--teal);background:#00c9a726;animation:.3s popIn}.rv-wrong{border-color:var(--coral);color:var(--coral);background:#ff6b6b26}.rv-rating{z-index:1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);margin:.75rem 1.25rem 0;padding:.875rem;animation:.3s both fadeUp;position:relative}.rv-rating-label{color:var(--text-muted);text-align:center;margin-bottom:8px;font-size:.78rem;font-weight:700}.rv-rating-btns{gap:8px;display:flex}.rv-rate{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:10px;font-size:.82rem;font-weight:800;transition:all .2s}.rv-rate-hard{color:var(--coral);background:#ff6b6b33}.rv-rate-good{color:var(--teal);background:#00c9a733}.rv-rate-perfect{color:var(--sun);background:#ffb83033}.rv-rate:hover{filter:brightness(1.2);transform:translateY(-1px)}.rv-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;animation:.5s both fadeUp;display:flex}.rv-done-title{font-family:var(--font-display);font-size:2rem}.rv-done-sub{color:var(--text-muted);font-size:.9rem}.rv-done-tip{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);text-align:left;gap:12px;max-width:340px;padding:1rem;display:flex}.tip-icon{flex-shrink:0;font-size:1.5rem}.tip-text{color:var(--text-muted);font-size:.82rem;line-height:1.55}.rv-stats{gap:20px;display:flex}.rv-stat{text-align:center}.rv-stat-num{font-family:var(--font-display);font-size:2rem}.rv-stat-lbl{color:var(--text-muted);margin-top:2px;font-size:.72rem}.rv-continue{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:.5rem;padding:14px 36px;font-size:1rem;font-weight:800}.lang-select{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.ls-bg{pointer-events:none;position:fixed;inset:0}.ls-orb1{background:var(--teal);filter:blur(120px);opacity:.1;border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite float;position:absolute;top:-200px;right:-200px}.ls-orb2{background:var(--purple);filter:blur(120px);opacity:.1;border-radius:50%;width:400px;height:400px;animation:10s ease-in-out 2s infinite float;position:absolute;bottom:-200px;left:-200px}.ls-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:480px;animation:.6s both fadeUp;display:flex;position:relative}.ls-mascot{filter:drop-shadow(0 8px 20px #00c9a766);font-size:4rem;animation:3s ease-in-out infinite float}.ls-title{font-family:var(--font-display);font-size:2.2rem}.ls-sub{color:var(--text-muted);font-size:.95rem}.ls-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.ls-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius);cursor:pointer;border-top:3px solid var(--lcolor,var(--teal));flex-direction:column;align-items:center;gap:6px;padding:1.5rem 1rem;transition:all .2s;display:flex}.ls-card:hover:not(.ls-soon){background:#ffffff14;transform:translateY(-4px)}.ls-soon{opacity:.45;cursor:not-allowed}.ls-flag{font-size:2.5rem}.ls-name{color:var(--white);font-size:1rem;font-weight:800}.ls-native{color:var(--text-muted);font-size:.78rem}.ls-cta{color:var(--teal);margin-top:4px;font-size:.75rem;font-weight:800}.ls-coming{color:var(--text-muted);background:#ffffff0f;border-radius:50px;margin-top:4px;padding:2px 10px;font-size:.72rem;font-weight:700}.settings-screen{background:var(--navy,#0a0e1e);min-height:100vh;padding-bottom:2rem}.settings-header{justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .5rem;display:flex}.settings-back{color:var(--text-muted,#8189a5);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:700}.settings-back:hover{color:var(--white,#fff)}.settings-title{font-family:var(--font-display,sans-serif);color:var(--white,#fff);margin:0;font-size:1.3rem}.settings-body{flex-direction:column;gap:1rem;max-width:480px;margin:0 auto;padding:.5rem 1.25rem;display:flex}.settings-card{background:var(--card-bg,#161b30);border:1.5px solid var(--card-border,#2a3050);border-radius:18px;padding:1.25rem}.settings-section-title{color:var(--white,#fff);margin:0 0 .85rem;font-size:.95rem;font-weight:900}.settings-label{color:var(--text-muted,#8189a5);margin:.85rem 0 .4rem;font-size:.78rem;font-weight:700;display:block}.settings-input{border:1.5px solid var(--card-border,#2a3050);background:var(--navy2,#11162a);width:100%;color:var(--white,#fff);box-sizing:border-box;border-radius:12px;outline:none;padding:.7rem .9rem;font-size:.95rem}.settings-input:focus{border-color:var(--purple,#9b59f5)}.settings-chips{flex-wrap:wrap;gap:6px;display:flex}.settings-chip{border:1.5px solid var(--card-border,#2a3050);background:var(--navy2,#11162a);color:var(--text-muted,#8189a5);cursor:pointer;border-radius:10px;padding:.5rem .8rem;font-size:.82rem;font-weight:700;transition:all .15s}.settings-chip.active{border-color:var(--purple,#9b59f5);color:var(--white,#fff);background:#9b59f526}.settings-save{background:var(--purple,#9b59f5);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1.1rem;padding:.8rem;font-size:.95rem;font-weight:800;transition:opacity .15s}.settings-save:disabled{opacity:.7;cursor:default}.settings-link{color:var(--white,#fff);border-bottom:1px solid var(--card-border,#2a3050);padding:.7rem 0;font-size:.9rem;font-weight:600;text-decoration:none;display:block}.settings-link:last-child{border-bottom:none}.settings-link:hover{color:var(--purple,#9b59f5)}.settings-logout{border:1.5px solid var(--card-border,#2a3050);background:var(--navy2,#11162a);width:100%;color:var(--white,#fff);cursor:pointer;border-radius:12px;padding:.75rem;font-size:.9rem;font-weight:700}.settings-logout:hover{border-color:var(--purple,#9b59f5)}.settings-delete-link{color:var(--coral,#ff6b6b);cursor:pointer;background:0 0;border:none;margin:.85rem auto 0;font-size:.82rem;text-decoration:underline;display:block}.settings-delete-confirm{border:1.5px solid var(--coral,#ff6b6b);background:#ff6b6b14;border-radius:12px;margin-top:.85rem;padding:.9rem}.settings-delete-confirm p{color:var(--text-muted,#8189a5);margin:0 0 .75rem;font-size:.82rem;line-height:1.4}.settings-delete-actions{gap:8px;display:flex}.settings-cancel{border:1.5px solid var(--card-border,#2a3050);background:var(--navy2,#11162a);color:var(--white,#fff);cursor:pointer;border-radius:10px;flex:1;padding:.6rem;font-size:.85rem;font-weight:700}.settings-delete-go{background:var(--coral,#ff6b6b);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:.6rem;font-size:.85rem;font-weight:800}.settings-delete-go:disabled{opacity:.7;cursor:default}.settings-version{text-align:center;color:var(--text-muted,#8189a5);margin-top:.5rem;font-size:.75rem}.pwa-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:0 0 env(safe-area-inset-bottom,0);background:#050814b8;justify-content:center;align-items:flex-end;animation:.25s pwaFade;display:flex;position:fixed;inset:0}@keyframes pwaFade{0%{opacity:0}to{opacity:1}}.pwa-card{text-align:center;background:linear-gradient(160deg,#1b2138,#11152a);border:1.5px solid #9b59f559;border-bottom:none;border-radius:28px 28px 0 0;width:100%;max-width:420px;padding:1.75rem 1.5rem 2rem;animation:.35s cubic-bezier(.16,1,.3,1) pwaSlide;position:relative;box-shadow:0 -10px 50px #9b59f540}@keyframes pwaSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-close{color:var(--text-muted,#8189a5);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:30px;height:30px;font-size:.9rem;position:absolute;top:14px;right:16px}.pwa-close:hover{color:#fff;background:#ffffff26}.pwa-icon{border-radius:20px;width:84px;height:84px;margin-bottom:1rem;animation:.5s cubic-bezier(.16,1,.3,1) .1s both pwaPop;box-shadow:0 8px 28px #0006,0 0 0 4px #9b59f526}@keyframes pwaPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.pwa-title{font-family:var(--font-display,sans-serif);color:#fff;margin:0 0 .5rem;font-size:1.4rem;line-height:1.2}.pwa-sub{color:var(--text-muted,#8189a5);max-width:320px;margin:0 auto 1.5rem;font-size:.9rem;line-height:1.45}.pwa-actions{flex-direction:column;gap:10px;display:flex}.pwa-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9b59f5,#6c2bd9);border:none;border-radius:16px;width:100%;padding:1rem;font-size:1.05rem;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 20px #9b59f566}.pwa-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #9b59f58c}.pwa-btn:active{transform:translateY(0)}.pwa-later{color:var(--text-muted,#8189a5);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.88rem}.pwa-later:hover{color:#fff}.pwa-ios-steps{flex-direction:column;gap:12px;display:flex}.pwa-step{color:#fff;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:.8rem 1rem;font-size:.9rem;display:flex}.pwa-step-icon{flex-shrink:0;font-size:1.3rem}.pwa-ios-steps .pwa-btn{margin-top:4px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sun:#ffb830;--sun-light:#ffd97d;--teal:#00c9a7;--teal-dark:#00a88a;--coral:#ff6b6b;--coral-dark:#e55555;--purple:#9b59f5;--purple-dark:#7c3aed;--navy:#1a1a2e;--navy-mid:#16213e;--navy-light:#0f3460;--white:#fff;--off-white:#f8f6ff;--text-muted:#8892a4;--card-bg:#ffffff12;--card-border:#ffffff1f;--radius:20px;--radius-sm:12px;--font-display:"Fredoka One", cursive;--font-body:"Nunito", sans-serif}html,body,#root{height:100%;font-family:var(--font-body);background:var(--navy);color:var(--white);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input{font-family:var(--font-body);border:none;outline:none}#root>.dashboard,#root>.lesson-screen,#root>.review-screen,#root>.phrases-hub,#root>.phrase-lesson,#root>.sit-screen,#root>.games-hub,#root>.game-screen,#root>.settings-screen,#root>.upgrade-screen,#root>.onboarding,#root>.welcome,#root>.auth-screen,#root>.lang-select,#root>.badges-screen{padding-top:env(safe-area-inset-top)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00c9a74d}50%{box-shadow:0 0 40px #00c9a799}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-deal{0%{opacity:0;transform:translateY(26px)scale(.92)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes ls-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes juice-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes w-shine{0%,55%{left:-160%}78%,to{left:170%}}@keyframes w-cta-halo{0%{box-shadow:0 8px 32px #00c9a766,0 0 #00c9a773}70%{box-shadow:0 8px 32px #00c9a766,0 0 0 16px #00c9a700}to{box-shadow:0 8px 32px #00c9a766,0 0 #00c9a700}}.boot-screen{background:radial-gradient(120vmax 80vmax at 15% -10%,#9b59f538,#0000 55%),radial-gradient(100vmax 70vmax at 110% 115%,#00c9a729,#0000 55%),#0a0e1e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.boot-orb{filter:blur(70px);opacity:.5;border-radius:50%;animation:9s ease-in-out infinite boot-drift;position:absolute}.boot-orb1{background:#9b59f559;width:45vmax;height:45vmax;top:-14vmax;left:-18vmax}.boot-orb2{background:#00c9a747;width:38vmax;height:38vmax;animation-delay:-3s;bottom:-12vmax;right:-14vmax}.boot-orb3{background:#ffb8302e;width:24vmax;height:24vmax;animation-delay:-6s;top:-10vmax;right:8vmax}@keyframes boot-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3vmax,2vmax)scale(1.08)}}.boot-center{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.1rem;animation:.6s both popIn;display:flex;position:relative}.boot-logo{filter:drop-shadow(0 0 18px #ffb83073);width:auto;height:6.5rem;animation:2.6s ease-in-out infinite float}.boot-logo-glow{border-radius:50%;animation:2.6s ease-in-out infinite boot-glow}@keyframes boot-glow{0%,to{filter:drop-shadow(0 0 12px #9b59f540)}50%{filter:drop-shadow(0 0 34px #9b59f58c)}}.boot-wordmark{width:auto;height:1.7rem;animation:.7s .25s both fadeUp}.boot-tagline{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.85rem;animation:.7s .45s both fadeUp}.boot-dots{gap:7px;margin-top:.4rem;animation:.7s .6s both fadeUp;display:flex}.boot-dots span{border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite boot-bounce}.boot-dots span:first-child{background:var(--sun)}.boot-dots span:nth-child(2){background:var(--teal);animation-delay:.15s}.boot-dots span:nth-child(3){background:var(--purple);animation-delay:.3s}@keyframes boot-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}.boot-hello{z-index:1;font-family:var(--font-display);opacity:0;font-size:1.15rem;animation:5.2s ease-in-out infinite boot-hello;position:absolute}.boot-hello.h1{color:var(--sun);animation-delay:.4s;top:16%;left:12%}.boot-hello.h2{color:var(--teal);animation-delay:1.6s;top:24%;right:11%}.boot-hello.h3{color:var(--purple);animation-delay:2.8s;bottom:22%;left:15%}.boot-hello.h4{color:var(--coral);font-size:1.35rem;animation-delay:4s;bottom:15%;right:14%}@keyframes boot-hello{0%,to{opacity:0;transform:translateY(10px)scale(.95)}18%,60%{opacity:.85;transform:translateY(0)scale(1)}80%{opacity:0;transform:translateY(-12px)scale(1.02)}}