@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";.landing{min-height:100vh;background:#fff8e7;color:#2c3e50;overflow-x:hidden;padding-bottom:40px;font-family:Nunito,-apple-system,sans-serif;position:relative;--o: #FF7A3D;--os: #FFAA7A;--g: #3DD68C;--teal: #2A9D8F;--t1: #2C3E50;--t2: rgba(44,62,80,.55);--t3: rgba(44,62,80,.35);--surf: rgba(44,62,80,.04);--surf2: rgba(44,62,80,.07);--b: rgba(44,62,80,.08);--b2: rgba(44,62,80,.12)}.landing:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,#2a9d8f0f,#ff7a3d0a 35%,#3dd68c0d 65%,#2a9d8f0f);background-size:300% 300%;animation:landingGradient 12s ease infinite}@keyframes landingGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.land-topnav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 24px 0}.land-logo{font-size:22px;font-weight:800;color:#2c3e50;letter-spacing:-.5px}.land-logo em{font-style:normal;background:linear-gradient(135deg,var(--o),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.land-signin-btn{background:#2c3e500f;border:1px solid rgba(44,62,80,.12);border-radius:12px;padding:8px 18px;color:#2c3e50;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.land-signin-btn:hover{background:#2c3e501a}.globe-stage{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 0 12px;margin-top:8px}.globe-glow-bg{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(42,157,143,.15) 0%,rgba(61,214,140,.08) 40%,transparent 70%);filter:blur(20px);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.08)}}.globe-float{animation:gFloat 5s ease-in-out infinite;position:relative;z-index:1}@keyframes gFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.canvas-wrap{position:relative;width:200px;height:200px;border-radius:50%;box-shadow:0 0 0 1.5px #2a9d8f33,0 20px 50px #0000001f,0 0 40px #2a9d8f1f}.canvas-wrap canvas{border-radius:50%;display:block}.atmo{position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(42,157,143,.15);pointer-events:none}.atmo2{position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(42,157,143,.08);pointer-events:none}.orbit-wrap{position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(255,122,61,.15);animation:orbitSpin 10s linear infinite;pointer-events:none}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-dot{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:var(--o);box-shadow:0 0 10px var(--o),0 0 20px #ff7a3d66}.float-words{position:absolute;inset:-24px;pointer-events:none;z-index:10}.fw{position:absolute;background:#ffffffd9;border:1px solid rgba(44,62,80,.1);border-radius:50px;padding:6px 12px;display:flex;flex-direction:column;backdrop-filter:blur(16px);box-shadow:0 4px 16px #0000000f;animation:fwAnim var(--dur,4s) ease-in-out infinite var(--del,0s);opacity:0;animation-fill-mode:both;white-space:nowrap}@keyframes fwAnim{0%{opacity:0;transform:translateY(8px) scale(.91)}12%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(-7px) scale(1)}to{opacity:0;transform:translateY(-14px) scale(.93)}}.fw-en{font-size:12px;font-weight:700;color:#2c3e50}.fw-tr{font-size:10px;font-weight:500;margin-top:1px}.l-tr{color:#ff7a3d}.l-de{color:#3498db}.l-ar{color:#27ae60}.l-hi{color:#9b59b6}.l-es{color:#e74c3c}.l-fr{color:#f39c12}.fw1{top:12px;left:-24px;--dur:4.2s;--del:0s}.fw2{top:8px;right:-22px;--dur:3.8s;--del:.9s}.fw3{top:78px;left:-30px;--dur:4.6s;--del:1.7s}.fw4{top:70px;right:-28px;--dur:3.5s;--del:2.4s}.fw5{top:156px;left:-22px;--dur:4.1s;--del:.6s}.fw6{top:148px;right:-20px;--dur:3.7s;--del:1.4s}.spark{position:absolute;pointer-events:none;font-size:var(--fs,10px);color:var(--sc,#3DD68C);animation:spkl var(--sd,2s) ease-in-out infinite var(--ss,0s)}@keyframes spkl{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.cta-wrap{padding:10px 22px 14px;position:relative;z-index:1}.cta-btn{width:100%;padding:16px;border:none;border-radius:20px;font-family:inherit;font-size:16px;font-weight:700;color:#fff;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--teal) 0%,var(--o) 50%,var(--g) 100%);background-size:200% 200%;animation:ctaG 5s ease infinite;box-shadow:0 8px 28px #2a9d8f4d,inset 0 1px #fff3;transition:transform .15s,box-shadow .2s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #2a9d8f66}.cta-btn:active{transform:scale(.98)}@keyframes ctaG{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cta-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);animation:ctaS 3.5s ease infinite}@keyframes ctaS{0%{left:-100%}50%,to{left:100%}}.cta-in{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.cta-arr{width:28px;height:28px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.cta-hint{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}.ch{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--t3);font-weight:500}.ch-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.ch-dot.t{background:var(--teal);box-shadow:0 0 5px #2a9d8f66}.ch-dot.o{background:var(--o);box-shadow:0 0 5px #ff7a3d66}.ch-dot.g{background:var(--g);box-shadow:0 0 5px #3dd68c66}.hero-copy{padding:0 26px;text-align:center;position:relative;z-index:1}.hero-eyebrow{font-size:11px;font-weight:600;color:var(--t3);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.hero-headline{font-size:26px;font-weight:900;color:#2c3e50;line-height:1.22;letter-spacing:-.3px;margin-bottom:6px}.hero-headline em{font-style:italic;background:linear-gradient(135deg,var(--teal),var(--o));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:13px;font-weight:400;color:var(--t2);line-height:1.6;max-width:290px;margin:0 auto}.ticker-wrap{position:relative;z-index:1;overflow:hidden;background:#2c3e5008;border-top:1px solid rgba(44,62,80,.06);border-bottom:1px solid rgba(44,62,80,.06);height:30px;display:flex;align-items:center;margin-top:14px}.ticker-track{display:flex;animation:tickMove 28s linear infinite;white-space:nowrap}@keyframes tickMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:inline-flex;align-items:center;gap:6px;padding:0 16px;font-size:11px;font-weight:600;color:var(--t2);border-right:1px solid var(--b);flex-shrink:0}.ti-n{color:var(--o);font-weight:800}.ti-c{color:var(--teal);font-weight:700}.sec-label{position:relative;z-index:1;padding:14px 24px 8px;font-size:11px;font-weight:700;color:var(--t3);letter-spacing:1.5px;text-transform:uppercase}.levels-strip{position:relative;z-index:1;display:flex;gap:8px;padding:0 24px;overflow-x:auto;scrollbar-width:none;justify-content:center}.levels-strip::-webkit-scrollbar{display:none}.lv{flex-shrink:0;padding:10px 14px;border-radius:16px;border:1px solid rgba(44,62,80,.1);background:#ffffffb3;text-align:center;min-width:66px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.4,.64,1);backdrop-filter:blur(10px)}.lv:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000000f}.lv.active{background:#2a9d8f1a;border-color:#2a9d8f59;box-shadow:0 4px 18px #2a9d8f26}.lv-name{font-size:14px;font-weight:800;color:#2c3e50}.lv.active .lv-name{color:var(--teal)}.lv.locked .lv-name{color:var(--t3)}.lv-cnt{font-size:9px;color:var(--t3);margin-top:2px}.lv-lk{font-size:10px;margin-top:2px}.features{position:relative;z-index:1;display:flex;gap:8px;padding:14px 24px 0}.feat{flex:1;background:#ffffffb3;border:1px solid rgba(44,62,80,.08);border-radius:18px;padding:13px 8px;text-align:center;backdrop-filter:blur(8px)}.feat-icon{font-size:20px;margin-bottom:4px}.feat-label{font-size:10px;font-weight:700;color:var(--t2)}.land-footer{position:relative;z-index:1;display:flex;justify-content:center;gap:24px;padding:24px 24px 16px;margin-top:16px}.land-footer span{font-size:12px;color:var(--t3);cursor:pointer;transition:color .15s}.land-footer span:hover{color:var(--teal)}@media (min-width: 481px){.landing{min-height:100vh}.globe-stage{padding:48px 0 20px;margin-top:16px}.canvas-wrap{width:240px;height:240px}.canvas-wrap canvas{width:240px;height:240px}.float-words{inset:-32px}.fw{padding:7px 14px}.fw-en{font-size:13px}.fw-tr{font-size:11px}.fw1{top:14px;left:-30px}.fw2{top:10px;right:-28px}.fw3{top:90px;left:-36px}.fw4{top:82px;right:-34px}.fw5{top:180px;left:-28px}.fw6{top:172px;right:-26px}.hero-headline{font-size:34px}.hero-sub{font-size:15px;max-width:400px}.cta-wrap{max-width:420px;margin:0 auto;padding:14px 22px 18px}.levels-strip{justify-content:center;gap:12px}.features{max-width:500px;margin:0 auto;padding:18px 24px 0;gap:12px}}@media (max-width: 360px){.float-words{inset:-16px}.fw{padding:4px 9px}.fw-en{font-size:11px}.fw-tr{font-size:9px}.fw1{top:14px;left:-14px}.fw2{top:10px;right:-12px}.fw3{top:78px;left:-18px}.fw4{top:70px;right:-16px}.fw5{top:156px;left:-14px}.fw6{top:148px;right:-12px}}:root{--teal: #0D9488;--teal-dark: #0F766E;--teal-light: #CCFBF1;--teal-glow: rgba(13, 148, 136, .2);--green: #22C55E;--green-dark: #16A34A;--green-light: #DCFCE7;--green-glow: rgba(34, 197, 94, .2);--blue: #3B82F6;--blue-light: #DBEAFE;--orange: #F97316;--orange-dark: #EA6C00;--orange-light: #FFEDD5;--red: #EF4444;--red-light: #FEE2E2;--purple: #8B5CF6;--purple-light: #EDE9FE;--amber: #F59E0B;--amber-light: #FEF3C7;--bg: #F8FAFC;--bg-alt: #F1F5F9;--card: #FFFFFF;--text: #0F172A;--text-muted: #64748B;--text-light: #94A3B8;--border: #E2E8F0;--border-soft: #F1F5F9;--shadow-xs: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 2px 8px rgba(15,23,42,.08), 0 1px 3px rgba(15,23,42,.05);--shadow-md: 0 4px 16px rgba(15,23,42,.1), 0 2px 6px rgba(15,23,42,.06);--shadow-lg: 0 8px 32px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.08);--shadow-green: 0 8px 24px rgba(34,197,94,.25);--shadow-teal: 0 8px 24px rgba(13,148,136,.25);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--nav-h: 68px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5}.bubble-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bubble-bg__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0;animation:orb-float var(--duration, 18s) var(--delay, 0s) ease-in-out infinite;will-change:transform,opacity}@keyframes orb-float{0%{opacity:0;transform:translateY(0) scale(.8)}15%{opacity:var(--peak-opacity, .35)}50%{transform:translateY(var(--travel, -120px)) scale(1.1) translate(var(--drift, 30px))}85%{opacity:var(--peak-opacity, .35)}to{opacity:0;transform:translateY(var(--travel2, -220px)) scale(.9) translate(var(--drift2, -20px))}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--green-glow)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce-in{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;animation:fadeIn .3s ease}.splash{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(160deg,#042f2e,#0f766e 45%,#0d9488);position:relative;z-index:1;overflow:hidden}.splash:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);top:-150px;right:-100px}.splash-content{display:flex;flex-direction:column;align-items:center;gap:16px;animation:scaleIn .5s var(--ease-spring)}.splash-text{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.5px}.app{position:relative;z-index:1;max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:var(--nav-h);box-shadow:0 0 60px #0f172a1a}.page{min-height:100vh;padding-bottom:calc(var(--nav-h) + 20px);overflow-y:auto;animation:fadeUp .3s var(--ease-smooth)}.page-header,.study-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:50}.page-header h2,.study-header h2{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.2px}.header-left{display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:8px}.header-title{font-size:21px;font-weight:800;color:var(--teal-dark);letter-spacing:-.5px}.badge-premium{background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#78350f;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);letter-spacing:.2px}.btn-upgrade{background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;border:none;padding:7px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .15s;box-shadow:var(--shadow-teal)}.btn-upgrade:active{transform:scale(.96);opacity:.9}.btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm);color:var(--text-muted);display:flex;align-items:center;transition:background .15s,color .15s}.btn-icon:hover{background:var(--bg-alt);color:var(--text)}.btn-icon:active{transform:scale(.92)}.btn-logout{color:var(--text-light)}.btn-logout:hover{color:var(--red);background:var(--red-light)}.btn-back{display:flex;align-items:center;gap:6px;background:var(--red-light);color:var(--red);border:none;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s}.btn-back:active{transform:scale(.96)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;align-items:stretch;background:#fffffff0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-soft);height:var(--nav-h);box-shadow:0 -8px 32px #0f172a14;z-index:100;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav button{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-family:inherit;color:var(--text-light);transition:color .2s var(--ease-smooth);position:relative;padding:8px 0;border-radius:var(--radius-md);margin:6px 2px}.bottom-nav button:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:var(--green-light);opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s var(--ease-spring)}.bottom-nav button.active:before{opacity:1;transform:scale(1)}.bottom-nav button.active{color:var(--teal-dark)}.bottom-nav button .nav-icon,.bottom-nav button>svg{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;transition:transform .2s var(--ease-spring)}.bottom-nav button.active .nav-icon,.bottom-nav button.active>svg{transform:scale(1.1) translateY(-1px)}.bottom-nav button small{position:relative;z-index:1;font-size:10px;font-weight:700;letter-spacing:.2px;line-height:1}.greeting{padding:24px 20px 8px}.greeting-hero{background:linear-gradient(135deg,#042f2e,#0f766e 60%,#0d9488);border-radius:var(--radius-xl);padding:24px 20px;margin-bottom:4px;position:relative;overflow:hidden;box-shadow:var(--shadow-teal)}.greeting-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff0f}.greeting-hero:after{content:"";position:absolute;bottom:-30px;left:20px;width:100px;height:100px;border-radius:50%;background:#ffffff0a}.greeting-hero h2{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.3px}.greeting-hero p{color:#ffffffbf;font-size:13px;margin-top:4px;font-weight:500}.greeting-streak{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;color:#fff;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;margin-top:14px;backdrop-filter:blur(4px)}.greeting h2{font-size:22px;font-weight:800;letter-spacing:-.3px}.greeting p{color:var(--text-muted);font-size:14px;margin-top:3px}.daily-progress-wrap{margin:12px 20px 0;background:var(--card);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-xs);border:1px solid var(--border-soft)}.daily-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.daily-progress-header span{font-size:13px;font-weight:600;color:var(--text-muted)}.daily-progress-header strong{font-size:13px;font-weight:700;color:var(--green-dark)}.daily-progress-bar{height:8px;background:var(--bg-alt);border-radius:var(--radius-full);overflow:hidden}.daily-progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--teal),var(--teal-dark));transition:width .6s var(--ease-smooth);box-shadow:0 0 8px var(--green-glow)}.packages-list{padding:12px 16px 16px}.package-group{margin-bottom:12px}.group-label{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:1.2px;padding:10px 4px 6px}.mode-select{padding:32px 20px;display:flex;flex-direction:column;gap:14px}.mode-select h3{font-size:20px;font-weight:800;letter-spacing:-.3px;text-align:center;margin-bottom:4px}.mode-select p.mode-sub{text-align:center;color:var(--text-muted);font-size:14px;margin-top:-8px}.mode-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--radius-xl);border:none;cursor:pointer;font-family:inherit;text-align:left;transition:transform .18s var(--ease-spring),box-shadow .18s;box-shadow:var(--shadow-md);animation:slideUp .3s var(--ease-smooth) both}.mode-card:nth-child(2){animation-delay:.06s}.mode-card:nth-child(3){animation-delay:.12s}.mode-card:active{transform:scale(.97)}.mode-card.free{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.mode-card.learn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.mode-icon{width:52px;height:52px;background:#ffffff2e;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;backdrop-filter:blur(4px)}.mode-icon svg{color:#fff}.mode-card-body{flex:1}.mode-card strong{font-size:17px;font-weight:800;display:block;letter-spacing:-.2px}.mode-card p{font-size:13px;opacity:.8;margin-top:3px;font-weight:500}.mode-arrow{opacity:.6}.score-bar{display:flex;gap:6px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--border-soft);align-items:center}.sc{padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.sc.correct{background:var(--green-light);color:var(--green-dark)}.sc.wrong{background:var(--red-light);color:var(--red)}.sc.points{background:var(--orange-light);color:#9a3412}.mode-badge{background:var(--orange-light);color:var(--orange);padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700}.progress-text{font-size:13px;font-weight:600;color:var(--text-muted);margin-left:auto}.study-progress-bar{height:3px;background:var(--border);overflow:hidden}.study-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-dark));transition:width .4s var(--ease-smooth)}.word-card-wrap{padding:20px 16px 12px}.word-card{background:linear-gradient(145deg,#0f766e,#0d9488 60%,#2dd4bf);border-radius:var(--radius-2xl);padding:28px 24px;min-height:190px;position:relative;overflow:hidden;box-shadow:var(--shadow-teal),0 1px #ffffff26 inset;transition:transform .25s var(--ease-spring)}.word-card:before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:#ffffff14;pointer-events:none}.word-card:after{content:"";position:absolute;bottom:-30px;left:-20px;width:120px;height:120px;border-radius:50%;background:#0000000a;pointer-events:none}.word-card.clickable{cursor:pointer}.word-card.clickable:active{transform:scale(.98)}.word-card.flipped{background:linear-gradient(145deg,#1d4ed8,#3b82f6 60%,#60a5fa);box-shadow:0 8px 24px #3b82f64d}.word-meta{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.pkg-tag,.pos-tag{background:#fff3;color:#fffffff2;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.2px;backdrop-filter:blur(4px)}.word-text{font-size:38px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.1}.phonetic{color:#ffffffb3;font-size:14px;margin-top:6px;font-weight:500}.flip-hint{color:#ffffff8c;font-size:12px;margin-top:16px;display:flex;align-items:center;gap:4px;font-weight:500}.translation{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px}.example{color:#ffffffbf;font-size:13px;margin-top:12px;font-style:italic;font-weight:500;line-height:1.5}.free-controls{display:flex;gap:10px;padding:0 16px}.btn-flip{flex:1;padding:14px;background:var(--purple-light);color:var(--purple);border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,transform .1s}.btn-flip:active{transform:scale(.97);background:#ddd6fe}.btn-skip{flex:1;padding:14px;background:var(--red-light);color:var(--red);border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,transform .1s}.btn-skip:active{transform:scale(.97)}.learn-controls{padding:8px 16px}.choices{display:flex;flex-direction:column;gap:8px}.choice-btn{width:100%;padding:15px 18px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;text-align:left;transition:background .12s,border-color .12s,transform .1s;color:var(--text)}.choice-btn:active{transform:scale(.98);background:var(--bg-alt)}.choice-btn.correct-answer{background:var(--green-light);border-color:var(--green);color:var(--green-dark)}.choice-btn.wrong-answer{background:var(--red-light);border-color:var(--red);color:var(--red)}.feedback{padding:13px 16px;border-radius:var(--radius-lg);font-size:14px;font-weight:700;text-align:center;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px;animation:bounce-in .3s var(--ease-spring)}.feedback.correct{background:var(--green-light);color:var(--green-dark)}.feedback.wrong{background:var(--red-light);color:var(--red)}.type-answer{display:flex;flex-direction:column;gap:10px}.type-answer input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:15px;font-family:inherit;outline:none;background:var(--card);color:var(--text);transition:border-color .2s,box-shadow .2s}.type-answer input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow)}.btn-check{width:100%;padding:14px;background:linear-gradient(135deg,var(--teal-dark),var(--teal));color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s;box-shadow:var(--shadow-teal)}.btn-check:active{transform:scale(.98);opacity:.9}.limit-screen,.finish-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;gap:14px;text-align:center;animation:fadeUp .4s var(--ease-smooth)}.limit-icon,.finish-icon{width:80px;height:80px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:4px}.limit-icon{background:var(--amber-light)}.finish-icon{background:var(--green-light)}.limit-screen h3,.finish-screen h3{font-size:24px;font-weight:800;letter-spacing:-.4px}.limit-screen p{color:var(--text-muted);font-size:15px;line-height:1.5;max-width:280px}.btn-ad{width:100%;max-width:300px;padding:15px;background:linear-gradient(135deg,var(--orange),#FB923C);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #f973164d;transition:transform .1s,opacity .2s}.btn-ad:active{transform:scale(.98)}.btn-upgrade-big{width:100%;max-width:300px;padding:15px;background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#78350f;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #f59e0b40;transition:transform .1s}.btn-upgrade-big:active{transform:scale(.98)}.btn-ghost{background:none;border:1.5px solid var(--border);color:var(--text-muted);padding:12px 24px;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.btn-ghost:hover{background:var(--bg-alt);border-color:var(--text-light)}.finish-stats{display:flex;gap:12px;margin:4px 0}.f-stat{flex:1;text-align:center;padding:16px 12px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);border:1px solid var(--border-soft)}.f-stat span{font-size:26px;font-weight:800;display:block;letter-spacing:-.5px}.f-stat small{font-size:11px;color:var(--text-muted);font-weight:600}.f-stat.correct span{color:var(--green-dark)}.f-stat.wrong span{color:var(--red)}.f-stat.points span{color:var(--orange)}.general-stats,.package-stats{padding:16px 20px}.general-stats h3,.package-stats h3{font-size:15px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:11px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.stat-box{background:var(--card);border-radius:var(--radius-lg);padding:18px 14px;text-align:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-soft);transition:transform .15s}.stat-box:active{transform:scale(.97)}.stat-box span{font-size:28px;font-weight:800;display:block;letter-spacing:-.5px}.stat-box small{font-size:11px;color:var(--text-muted);font-weight:600;margin-top:2px;display:block}.stat-box.green span{color:var(--green-dark)}.stat-box.red span{color:var(--red)}.stat-box.blue span{color:var(--blue)}.streak-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted);background:var(--card);padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-xs);font-weight:600}.streak-row strong{color:var(--text)}.pkg-stat-card{background:var(--card);border-radius:var(--radius-lg);padding:16px;margin-bottom:10px;box-shadow:var(--shadow-xs);border:1px solid var(--border-soft);transition:transform .15s}.pkg-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pkg-pct{font-size:13px;font-weight:700;color:var(--green-dark)}.pkg-stat-bar{height:6px;background:var(--bg-alt);border-radius:var(--radius-full);overflow:hidden;margin-bottom:10px}.pkg-stat-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--teal),var(--teal-dark))}.pkg-stat-row{display:flex;gap:14px;font-size:12px;font-weight:600;margin-bottom:8px;color:var(--text-muted)}.pkg-stat-row .red{color:var(--red)}.pkg-stat-row .blue{color:var(--blue)}.pkg-stat-row .green{color:var(--green-dark)}.pkg-badges{display:flex;gap:6px;flex-wrap:wrap}.badge{padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge.reinforce{background:var(--orange-light);color:var(--orange)}.badge.learned{background:var(--green-light);color:var(--green-dark)}.badge.known{background:var(--blue-light);color:var(--blue)}.chest-list{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.chest-pkg-card{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:var(--radius-lg);padding:16px;cursor:pointer;box-shadow:var(--shadow-xs);border:1px solid var(--border-soft);transition:transform .18s var(--ease-spring),box-shadow .18s}.chest-pkg-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.chest-pkg-badge{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0}.chest-pkg-info strong{font-size:15px;font-weight:700;color:var(--text)}.chest-pkg-info p{font-size:12px;color:var(--text-muted);margin-top:2px;font-weight:500}.chevron{color:var(--text-light);margin-left:auto;flex-shrink:0}.chest-filters{padding:12px 20px 4px}.search-input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:14px;font-family:inherit;outline:none;margin-bottom:10px;background:var(--card);color:var(--text);transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.filter-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:7px 14px;border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--card);font-family:inherit;color:var(--text-muted);transition:background .15s,border-color .15s,color .15s}.filter-tab.active{background:var(--teal-dark);color:#fff;border-color:var(--teal-dark)}.word-list{padding:8px 20px;display:flex;flex-direction:column;gap:6px}.word-item{background:var(--card);border-radius:var(--radius-md);padding:13px 15px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-soft);transition:transform .15s}.word-item:active{transform:scale(.99)}.word-item-left strong{font-size:15px;font-weight:700;color:var(--text)}.word-item-left p{font-size:13px;color:var(--text-muted);margin-top:1px;font-weight:500}.word-item-left small{font-size:11px;color:var(--text-light);font-style:italic}.word-item-right{text-align:right;display:flex;flex-direction:column;gap:2px;align-items:flex-end}.word-status{font-size:11px;font-weight:700}.word-item-right small{font-size:11px;color:var(--text-light);font-weight:500}.chest-review-banner{display:flex;align-items:center;justify-content:space-between;margin:12px 20px;padding:16px 18px;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-teal);gap:12px}.chest-review-banner strong{font-size:15px;font-weight:800;display:block}.chest-review-banner p{font-size:12px;opacity:.8;margin-top:2px;font-weight:500}.btn-review-start{background:#fff;color:var(--teal-dark);border:none;border-radius:var(--radius-md);padding:10px 16px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .2s,transform .1s;flex-shrink:0}.btn-review-start:active{transform:scale(.96)}.review-actions{display:flex;gap:10px;padding:0 16px}.btn-still-learning{flex:1;padding:14px;background:var(--orange-light);color:var(--orange);border:1.5px solid transparent;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,transform .1s}.btn-still-learning:active{transform:scale(.97)}.btn-got-it{flex:1;padding:14px;background:var(--green-light);color:var(--green-dark);border:1.5px solid transparent;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,transform .1s}.btn-got-it:active{transform:scale(.97)}.btn-known{flex:1;padding:14px;background:linear-gradient(135deg,var(--teal-dark),var(--teal));color:#fff;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s;box-shadow:var(--shadow-teal)}.btn-known:active{transform:scale(.97);opacity:.9}.speak-btn{background:#ffffff2e;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s var(--ease-spring),background .2s;color:#fff}.speak-btn:active{transform:scale(.88)}.speak-btn.speaking{background:#ffffff59;animation:pulse-ring 1s infinite}.speak-sm{width:32px;height:32px}.speak-md{width:40px;height:40px}.speak-lg{width:48px;height:48px;margin-top:8px}.speak-on-dark{background:#ffffff2e}.speak-on-dark:hover{background:#ffffff4d}.global-profile-btn{position:fixed;top:14px;right:16px;z-index:200;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-spring),background .2s;color:#fff}.global-profile-btn:active{transform:scale(.9)}.loading-state{text-align:center;padding:56px 20px;color:var(--text-muted);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:500}.loading-spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:500}.empty-state svg{color:var(--text-light);margin-bottom:4px}.section-label{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:1.2px;padding:16px 20px 6px}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:max(6px,env(safe-area-inset-bottom));height:calc(var(--nav-h) + env(safe-area-inset-bottom))}.app{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 40px;background:linear-gradient(135deg,var(--teal-dark) 0%,var(--teal) 50%,#22C55E 100%);position:relative;overflow:hidden}.auth-screen:before{content:"";position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:#ffffff14;pointer-events:none}.auth-screen:after{content:"";position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff0f;pointer-events:none}.auth-screen .auth-logo,.auth-screen .auth-form,.auth-screen .auth-switch,.auth-screen .auth-legal-links{position:relative;z-index:1}.auth-back{position:absolute;top:20px;left:20px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;font-family:inherit;backdrop-filter:blur(8px);cursor:pointer;transition:background .15s,color .15s}.auth-back:hover{background:#ffffff47;color:#fff}.auth-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;position:relative;z-index:1}.logo-text{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px;margin:0}.logo-sub{font-size:14px;color:#fffc;font-weight:500;margin-top:4px}.auth-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.auth-form input,.auth-form select{width:100%;padding:14px 16px;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-lg);font-size:15px;font-family:inherit;background:#ffffff2e;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;appearance:none;-webkit-appearance:none;backdrop-filter:blur(8px)}.auth-form input::placeholder{color:#fff9}.auth-form input:focus,.auth-form select:focus{border-color:#ffffffb3;background:#ffffff40;box-shadow:0 0 0 3px #ffffff26}.auth-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-color:#ffffff2e;padding-right:40px;color:#fff}.auth-form select option{background:var(--teal-dark);color:#fff}.btn-primary{width:100%;padding:15px;background:#fff;color:var(--teal-dark);border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 4px 20px #00000026;margin-top:4px}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-msg{color:var(--red);font-size:13px;font-weight:600;background:var(--red-light);padding:10px 14px;border-radius:var(--radius-md);margin:0}.auth-switch{margin-top:24px;font-size:14px;color:#fffc;font-weight:500;position:relative;z-index:1}.auth-switch span{color:#fff;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-legal-links{display:flex;gap:20px;margin-top:16px;position:relative;z-index:1}.auth-legal-links span{font-size:12px;color:#ffffff8c;cursor:pointer;font-weight:500;transition:color .15s}.auth-legal-links span:hover{color:#ffffffd9}.package-card{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--card);border-radius:var(--radius-lg);margin-bottom:8px;cursor:pointer;transition:transform .18s var(--ease-spring),box-shadow .18s;box-shadow:var(--shadow-xs);border:1px solid var(--border-soft);border-left:4px solid var(--pkg-color, var(--teal));position:relative;overflow:hidden}.package-card:active{transform:scale(.98)}.package-card.locked{opacity:.65;cursor:default;border-left-color:var(--border)}.pkg-info{flex:1;min-width:0}.pkg-info h4{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 2px}.pkg-info p{font-size:12px;color:var(--text-muted);margin:0;font-weight:500}.pkg-right{flex-shrink:0;margin-left:12px;display:flex;align-items:center;justify-content:center}.progress-ring{position:relative;width:44px;height:44px;flex-shrink:0}.progress-ring svg{width:44px;height:44px}.progress-ring span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:800;color:var(--text)}.lock-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-alt);border-radius:var(--radius-md);font-size:18px}.splash{background:var(--theme-hero-gradient, linear-gradient(135deg,#042F2E,#0F766E,#0D9488))!important}.auth-screen{background:var(--theme-auth-gradient, linear-gradient(135deg,#0F766E,#0D9488,#22C55E))!important}.greeting-hero{background:var(--theme-hero-gradient)!important;box-shadow:var(--shadow-teal)!important;border-radius:22px!important;padding:26px 22px!important}.greeting-hero:before,.greeting-hero:after{pointer-events:none}.word-card{background:var(--theme-card-gradient)!important;border-radius:26px!important;box-shadow:var(--shadow-teal),inset 0 1px #ffffff1f!important;padding:30px 24px!important}.word-card.flipped{background:var(--theme-card-gradient)!important;filter:hue-rotate(15deg) brightness(1.08)}.chest-review-banner{background:linear-gradient(135deg,var(--teal-dark),var(--teal))!important;box-shadow:var(--shadow-teal),inset 0 1px #ffffff1a!important;border-radius:20px!important}.music-player-bar{background:linear-gradient(135deg,var(--teal-dark),var(--teal))!important;box-shadow:0 4px 16px var(--green-glow),inset 0 1px #ffffff1a!important;border-radius:18px!important}.mode-card.free{background:linear-gradient(135deg,var(--teal-dark),var(--teal))!important}.mode-card.learn{background:linear-gradient(135deg,var(--green-dark),var(--green))!important}.bottom-nav button:before{background:var(--green-light)!important;border-radius:10px!important}.bottom-nav button.active{color:var(--theme-nav-active-color, var(--teal-dark))!important}.bottom-nav button{padding:6px 0!important}.bottom-nav button small{font-size:9px!important}.bottom-nav{background:#fffffff5!important;backdrop-filter:blur(28px)!important;border-top:1px solid rgba(0,0,0,.04)!important;box-shadow:0 -4px 20px #0000000a!important}.package-card{padding:20px 18px!important;border-radius:18px!important;border:1px solid rgba(0,0,0,.04)!important;border-left:4px solid var(--pkg-color, var(--teal))!important;background:#ffffffeb!important;backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008,inset 0 1px #fffc!important;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease!important;position:relative;overflow:hidden}.package-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,var(--pkg-color, var(--teal)),transparent 70%);opacity:.04;pointer-events:none;border-radius:50%;transform:translate(30%,-30%)}.package-card:hover{transform:translateY(-3px)!important;box-shadow:0 4px 8px #0000000a,0 12px 28px #0000000f,inset 0 1px #ffffffe6!important}.package-card:active{transform:scale(.97)!important}.progress-ring{width:48px!important;height:48px!important}.progress-ring svg{width:48px!important;height:48px!important;filter:drop-shadow(0 0 6px var(--green-glow))}.progress-ring circle:last-child{stroke:var(--teal)!important}.progress-ring span{font-size:11px!important;font-weight:800!important}.group-label{font-size:10px!important;font-weight:700!important;color:var(--teal-dark)!important;letter-spacing:1.5px!important;opacity:.7;padding:14px 4px 8px!important}.btn-upgrade,.btn-check,.btn-known,.btn-go-premium,.badge-upgrade,.btn-review-start{background:linear-gradient(135deg,var(--teal),var(--teal-dark))!important;box-shadow:0 4px 14px var(--green-glow),inset 0 1px #fff3!important;color:#fff!important;border:none!important;transition:transform .2s ease,box-shadow .2s!important}.btn-upgrade:hover,.btn-check:hover,.btn-known:hover,.btn-go-premium:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--green-glow),inset 0 1px #ffffff40!important}.btn-upgrade:active,.btn-check:active,.btn-known:active,.btn-go-premium:active{transform:scale(.97)!important}.btn-primary{color:var(--teal-dark)!important;border-radius:16px!important}.btn-ghost{border:1.5px solid var(--bg-alt)!important;border-radius:14px!important}.btn-ghost:hover{border-color:var(--teal-light)!important;background:var(--bg-alt)!important;color:var(--teal-dark)!important}.filter-tab.active{background:var(--teal-dark)!important;border-color:var(--teal-dark)!important;color:#fff!important}.daily-progress-wrap{border-radius:16px!important;border:1px solid rgba(0,0,0,.04)!important;background:#ffffffe6!important;box-shadow:0 1px 3px #00000008,inset 0 1px #fffc!important}.daily-progress-header strong{color:var(--teal-dark)!important}.daily-progress-fill{background:linear-gradient(90deg,var(--teal),var(--teal-dark))!important;box-shadow:0 0 10px var(--green-glow)!important;border-radius:20px!important}.mode-card{border-radius:20px!important;padding:22px!important;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff26!important}.mode-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 28px #0000001f!important}.mode-card:active{transform:scale(.97)!important}.game-card{border-radius:18px!important;padding:20px 18px!important;background:#ffffffeb!important;backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008,inset 0 1px #fffc!important;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s!important}.game-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 24px #0000000f!important}.game-card:active{transform:scale(.97)!important}.stat-box,.f-stat{border-radius:16px!important;border:1px solid rgba(0,0,0,.04)!important;background:#ffffffe6!important;box-shadow:0 1px 3px #00000008,inset 0 1px #fffc!important}.chest-pkg-card,.word-item{border-radius:16px!important;border:1px solid rgba(0,0,0,.04)!important;background:#ffffffeb!important;box-shadow:0 1px 3px #00000008,inset 0 1px #fffc!important;transition:transform .22s cubic-bezier(.34,1.56,.64,1)!important}.chest-pkg-card:hover,.word-item:hover{transform:translateY(-2px)!important}.settings-page,.settings-loading,.profile-page,.profile-loading{background:var(--bg)!important}.settings-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px}.settings-header h1{flex:1}.settings-back{background:var(--bg-alt);border:none;color:var(--teal-dark);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-back:active{background:var(--teal-light)}.settings-section,.customize-section{background:#ffffffeb!important;backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.04)!important;box-shadow:0 1px 3px #00000008,inset 0 1px #fffc!important;border-radius:20px!important}.toggle-switch input:checked+.toggle-slider{background:var(--teal)!important}.music-item.selected,.lang-item.selected{border-color:var(--teal)!important;background:var(--teal-light)!important}.music-check,.lang-check{color:var(--teal-dark)!important}.volume-row input[type=range],.music-volume input[type=range]{accent-color:var(--teal)!important}.settings-toast.success,.profile-toast.success{background:var(--teal-dark)!important}.theme-item.selected{border-color:#2c3e50!important;box-shadow:0 0 0 2px #2c3e5040!important}.profile-xp-badge{background:linear-gradient(135deg,var(--teal-dark),var(--teal))!important;box-shadow:0 2px 8px var(--green-glow)!important}.profile-tabs .tab.active{background:var(--teal)!important}.tab-badge{color:var(--teal)!important}.avatar-item.selected{border-color:var(--teal)!important;background:var(--teal-light)!important}.avatar-check{color:var(--teal-dark)!important}.profile-input:focus{border-color:var(--teal)!important}.btn-save{background:var(--teal)!important}.ach-item.unlocked{background:var(--teal-light)!important;border:1px solid var(--teal)!important}.ach-xp{color:var(--teal-dark)!important}.loading-spinner,.profile-spinner,.settings-spinner{border-top-color:var(--teal)!important}.type-answer input:focus,.search-input:focus{border-color:var(--teal)!important;box-shadow:0 0 0 3px var(--green-glow)!important}.header-title{color:var(--teal-dark)!important}.page-header,.study-header{background:#ffffffe0!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.04)!important}.pkg-pct,.daily-progress-header strong{color:var(--teal-dark)!important}.study-progress-fill,.pkg-stat-bar-fill{background:linear-gradient(90deg,var(--teal),var(--teal-dark))!important}.bubble-bg__orb:nth-child(1){background:var(--teal)!important}.bubble-bg__orb:nth-child(2){background:var(--green)!important}.bubble-bg__orb:nth-child(3){background:var(--teal-dark)!important}.page-header .btn-primary{padding:8px 14px!important;font-size:13px!important;border-radius:12px!important;min-width:auto!important;width:auto!important;white-space:nowrap;background:linear-gradient(135deg,var(--teal),var(--teal-dark))!important;color:#fff!important;box-shadow:0 2px 8px var(--green-glow)!important}@media (min-width: 600px){body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);animation:dsk-orb 20s ease-in-out infinite}body:before{width:320px;height:320px;top:8%;left:4%;background:var(--theme-desktop-orb1, rgba(13,148,136,.07));animation-duration:24s}body:after{width:280px;height:280px;bottom:12%;right:4%;background:var(--theme-desktop-orb2, rgba(34,197,94,.05));animation-duration:19s;animation-delay:-7s}@keyframes dsk-orb{0%,to{transform:translateY(0) scale(1);opacity:.5}30%{transform:translateY(-50px) scale(1.12) translate(25px);opacity:.75}60%{transform:translateY(-25px) scale(.93) translate(-18px);opacity:.45}80%{transform:translateY(-55px) scale(1.06) translate(12px);opacity:.65}}}.landing{max-width:none!important;box-shadow:none!important}.badge-premium{font-size:0!important}.badge-premium:after{content:"PRO";font-size:11px;font-weight:700}.btn-upgrade{font-size:0!important}.btn-upgrade:after{content:"⭐ Go Pro";font-size:12px;font-weight:700}.premium-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease;padding:0}@media (min-width: 481px){.premium-overlay{align-items:center;padding:24px}}.premium-modal{background:#fff;border-radius:28px 28px 0 0;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px 20px 32px;position:relative;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@media (min-width: 481px){.premium-modal{border-radius:28px;max-height:85vh}}.premium-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;z-index:2}.premium-close:active{background:#e2e8f0}.premium-hero{text-align:center;padding:8px 0 20px}.premium-icon-wrap{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--theme-primary-dark, #0F766E),var(--theme-primary, #0D9488));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:var(--theme-shadow)}.premium-hero h2{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.5px;margin:0}.premium-trigger{font-size:14px;color:#64748b;margin-top:4px;font-weight:500}.premium-features{display:flex;flex-direction:column;gap:10px;padding:0 4px;margin-bottom:24px}.premium-feature-row{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#334155}.premium-feature-row svg{color:var(--theme-primary, #0D9488);flex-shrink:0}.premium-plans{display:flex;gap:8px;margin-bottom:16px}.premium-plan{flex:1;position:relative;background:#f8fafc;border:2px solid #E2E8F0;border-radius:16px;padding:14px 8px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .15s;font-family:inherit}.premium-plan:active{transform:scale(.97)}.premium-plan.selected{border-color:var(--theme-primary);background:var(--theme-primary-light)}.plan-save{position:absolute;top:-10px;background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#78350f;font-size:9px;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.3px;text-transform:uppercase}.plan-label{font-size:12px;font-weight:600;color:#64748b}.plan-price{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.5px}.plan-period{font-size:11px;color:#94a3b8;font-weight:500}.premium-buy-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--theme-primary-dark),var(--theme-primary));color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--theme-shadow);transition:opacity .2s,transform .1s}.premium-buy-btn:active{transform:scale(.98);opacity:.9}.premium-note{text-align:center;font-size:12px;color:#94a3b8;margin-top:12px;font-weight:500}.btn-google{width:100%;padding:14px;background:#fff;color:#374151;border:none;border-radius:var(--radius-lg, 18px);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s,transform .1s;box-shadow:0 2px 8px #0000001a}.btn-google:active{transform:scale(.98);opacity:.9}.btn-google svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff40}.auth-divider span{font-size:12px;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:1px}.btn-forgot{background:none;border:none;color:#ffffffbf;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;padding:4px 0;text-align:center;transition:color .15s}.btn-forgot:hover{color:#fff}.auth-success-msg{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg, 18px);padding:16px;color:#fff;font-size:14px;font-weight:500;text-align:center;line-height:1.5;backdrop-filter:blur(4px)}.auth-success-msg strong{font-weight:700}.btn-signout-bottom{width:100%;max-width:280px;margin:20px auto;display:block;background:none;border:1.5px solid rgba(231,76,60,.3);color:#e74c3c;font-size:14px;font-weight:700;cursor:pointer;padding:12px 32px;border-radius:14px;font-family:inherit;transition:background .15s,border-color .15s}.btn-signout-bottom:active{background:#e74c3c14}.settings-profile-link{width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;padding:4px 0;cursor:pointer;font-family:inherit;text-align:left;color:inherit}.settings-profile-link:active{opacity:.7}.settings-profile-link svg{width:42px;height:42px;padding:10px;background:var(--teal-light);color:var(--teal-dark);border-radius:50%;flex-shrink:0}.spl-info{flex:1;display:flex;flex-direction:column;gap:1px}.spl-name{font-size:15px;font-weight:700;color:var(--text)}.spl-sub{font-size:12px;color:var(--text-muted)}.spl-arrow{font-size:18px;color:var(--text-light)}.profile-signout{margin:24px 16px 32px;display:flex;justify-content:center}.btn-signout-bottom{width:100%;max-width:280px;display:block;background:none;border:1.5px solid rgba(231,76,60,.25);color:#e74c3c;font-size:14px;font-weight:700;cursor:pointer;padding:12px 32px;border-radius:14px;font-family:inherit}.btn-signout-bottom:hover{border-color:#e74c3c80;background:#e74c3c0a}.btn-signout-bottom:active{transform:scale(.97)}.settings-page .theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.settings-page .theme-item{position:relative;height:72px;border:2px solid transparent;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);padding:0;overflow:hidden}.settings-page .theme-item:hover{transform:translateY(-2px)}.settings-page .theme-item:active{transform:scale(.96)}.settings-page .theme-item.locked{opacity:.6}.settings-page .theme-emoji{font-size:22px}.settings-page .theme-name{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.settings-page .theme-lock{position:absolute;top:6px;right:8px;font-size:12px}.settings-page .theme-check{position:absolute;top:6px;left:8px;font-size:13px;color:#fff;font-weight:900}