:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:inherit;cursor:pointer;transition:all .25s}button:hover{border-color:#646cff;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select{font-family:inherit;font-size:1em;padding:.6em;border-radius:8px;border:1px solid #444;background-color:#1a1a1a;color:inherit;width:100%}input:focus,select:focus{outline:2px solid #646cff;border-color:#646cff}label{display:block;margin-bottom:.5em;font-weight:500}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9;color:#213547}input,select{background-color:#fff;border-color:#ccc;color:#213547}}:root{--primary: #2563eb;--secondary: #34d399;--background-light: #f8fafc;--background-dark: #0f172a;--surface-light: #ffffff;--surface-dark: #1e293b;--text-slate-800: #1e293b;--text-slate-600: #475569;--text-slate-500: #64748b;--text-slate-400: #94a3b8;--text-slate-300: #cbd5e1;--text-slate-100: #f1f5f9;--border-slate-200: #e2e8f0;--border-slate-800: #1e293b}.landing-page{font-family:Inter,sans-serif;background-color:var(--background-light);color:var(--text-slate-800);min-height:100vh;transition:background-color .3s,color .3s;box-sizing:border-box}.landing-page.dark{background-color:var(--background-dark);color:var(--text-slate-100)}.font-display{font-family:Poppins,sans-serif}.nav-fixed{position:fixed;width:100vw;top:0;left:0;z-index:50;background-color:#f8fafce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-slate-200)}.nav-container{max-width:80rem;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.nav-content{display:flex;justify-content:space-between;align-items:center;height:4.25rem}@media(min-width:640px){.nav-content{height:5rem}}.nav-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none}.logo-box{width:2rem;height:2rem;min-width:2rem;min-height:2rem;background-color:var(--primary);border-radius:.5rem;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);box-shadow:0 10px 15px -3px #2563eb4d}.logo-text{font-size:1.25rem;font-weight:700;color:var(--primary);letter-spacing:-.025em}@media(min-width:640px){.logo-text{font-size:1.5rem}}.nav-links{display:none;align-items:center;gap:1.25rem}@media(min-width:640px){.nav-links{gap:2rem}}@media(min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--text-slate-600);font-weight:500;text-decoration:none;transition:color .2s;font-size:1rem}@media(min-width:640px){.nav-link{font-size:1.125rem}}.nav-link:hover{color:var(--primary)}.btn-primary{background-color:var(--primary);color:#fff;padding:.5rem 1.1rem;border-radius:9999px;font-weight:700;transition:all .2s;box-shadow:0 10px 15px -3px #2563eb33;border:none;cursor:pointer;font-size:1rem}@media(min-width:480px){.btn-primary{padding:.625rem 1.5rem}}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-.125rem);box-shadow:0 20px 25px -5px #2563eb4d}.btn-secondary{background-color:var(--secondary);color:#0f172a;padding:.9rem 1.4rem;border-radius:9999px;font-weight:700;font-size:1rem;transition:all .2s;box-shadow:0 10px 15px -3px #34d39933;border:none;cursor:pointer}@media(min-width:480px){.btn-secondary{padding:1rem 2rem;font-size:1.125rem}}.btn-secondary:hover{background-color:#34d399;transform:translateY(-.25rem) scale(1.05)}.hero-section{position:relative;padding-top:6rem;padding-bottom:3rem;overflow:hidden}@media(min-width:640px){.hero-section{padding-top:8rem;padding-bottom:5rem}}@media(min-width:1024px){.hero-section{padding-top:10rem;padding-bottom:8rem}}.hero-container{max-width:80rem;margin:0 auto;padding:0 1rem;position:relative;z-index:10;width:100%}.hero-grid{display:grid;gap:2.2rem;align-items:center}@media(min-width:640px){.hero-grid{gap:3rem}}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:2rem}}.hero-text{text-align:center;padding:0 .5rem}@media(min-width:1024px){.hero-text{text-align:left;padding:0}}.hero-title{font-size:2rem;line-height:1.13;font-weight:700;letter-spacing:-.025em;margin-bottom:1.2rem;word-break:break-word}@media(min-width:480px){.hero-title{font-size:2.25rem}}@media(min-width:640px){.hero-title{font-size:3rem;margin-bottom:2rem}}@media(min-width:1024px){.hero-title{font-size:4.5rem}}.rotating-text-container{height:1.2em;display:inline-block;overflow:hidden;vertical-align:bottom;position:relative;width:100%;color:var(--primary)}@media(min-width:640px){.rotating-text-container{min-width:270px;width:auto}}@media(min-width:1024px){.rotating-text-container{min-width:450px;width:auto;text-align:left}}.rotating-text-wrapper{animation:rotateText 9s infinite}@keyframes rotateText{0%,30%{transform:translateY(0)}33%,63%{transform:translateY(-33.33%)}66%,96%{transform:translateY(-66.66%)}to{transform:translateY(0)}}.hero-subtitle{font-size:1rem;color:var(--text-slate-600);max-width:94vw;margin:0 auto 1.5rem;line-height:1.625;font-weight:500;text-align:center;display:block}@media(min-width:480px){.hero-subtitle{max-width:32rem;font-size:1.125rem;margin-bottom:2rem}}@media(min-width:1024px){.hero-subtitle{margin-left:0;margin-right:0;font-size:1.25rem;text-align:left;display:block;max-width:38rem}}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}@media(min-width:420px){.hero-cta{gap:1rem}}@media(min-width:640px){.hero-cta{flex-direction:row;justify-content:center}}@media(min-width:1024px){.hero-cta{justify-content:flex-start;width:auto}}.rating-container{display:flex;flex-direction:column;align-items:center;margin-top:1rem}@media(min-width:640px){.rating-container{align-items:flex-start;margin-top:0}}.stars{color:#facc15;display:flex;font-size:1.1rem}@media(min-width:480px){.stars{font-size:1.25rem}}.rating-text{font-size:.75rem;font-weight:600;color:var(--text-slate-500)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;margin-top:2rem;width:100%;min-height:400px}@media(min-width:640px){.hero-visual{min-height:480px}}@media(min-width:1024px){.hero-visual{margin-top:0;min-height:560px}}.hero-visual-stack{position:relative;width:100%;height:100%;min-width:230px;min-height:400px;display:flex;align-items:center;justify-content:center}.blob-shape{position:absolute;background:linear-gradient(to top right,#bfdbfe,#e9d5ff);border-radius:46% 54% 39% 61%/54% 41% 59% 46%;opacity:.6;animation:pulse 8s infinite;z-index:1;width:100%;height:100%;min-width:230px;min-height:400px;max-width:450px;max-height:600px;margin:0 auto;inset:0}@media(min-width:640px){.blob-shape{min-width:300px;min-height:480px;max-width:550px;max-height:700px}}@media(min-width:1024px){.blob-shape{min-width:350px;min-height:560px;max-width:680px;max-height:820px}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.5}}.phone-mockup{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%) rotate(3deg);z-index:20;width:9rem;min-width:8rem;max-width:90vw;transition:transform .5s}@media(min-width:480px){.phone-mockup{width:11rem}}@media(min-width:640px){.phone-mockup{width:14rem}}@media(min-width:1024px){.phone-mockup{width:16rem}}.phone-mockup:hover{transform:translate(-50%,-54%) rotate(0)}.phone-frame{position:relative;border-radius:2.5rem;border:6px solid #0f172a;background-color:#0f172a;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;aspect-ratio:9/19;width:100%;height:auto}.phone-content{width:100%;height:100%;object-fit:cover;opacity:.9}.floating-badge{position:absolute;background-color:#fff;padding:.5rem .7rem;border-radius:1rem;box-shadow:0 20px 25px -5px #00000014;display:flex;align-items:center;gap:.4rem;animation:bounce 4s infinite;min-width:5.5rem;z-index:50;font-size:.85rem}@media(min-width:480px){.floating-badge{font-size:1rem;min-width:7.5rem;gap:.5rem;padding:.7rem}}.floating-badge.french{top:1.2rem;left:-1.5rem}@media(min-width:640px){.floating-badge.french{top:2.5rem;left:-2rem}}.floating-badge.spanish{bottom:2.5rem;right:-1rem;animation-duration:5s}@media(min-width:640px){.floating-badge.spanish{bottom:4rem;right:-1rem}}.badge-icon{width:1.25rem;height:1.25rem;border-radius:9999px;background-color:#fee2e2;display:flex;align-items:center;justify-content:center;font-size:1rem}@media(min-width:480px){.badge-icon{width:1.75rem;height:1.75rem;font-size:1rem}}.floating-badge.spanish .badge-icon{background-color:#fef9c3}.badge-text-top{font-size:.6rem;color:var(--text-slate-500);font-weight:500;margin:0;line-height:1.1}@media(min-width:480px){.badge-text-top{font-size:.65rem}}.badge-text-bottom{font-weight:700;font-size:.72rem;margin:0}@media(min-width:480px){.badge-text-bottom{font-size:.75rem}}.trusted-section{padding:2rem 0;background-color:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;text-align:center}@media(min-width:480px){.trusted-section{padding:3rem 0}}.trusted-title{font-size:1rem;font-weight:600;color:var(--text-slate-700)}@media(min-width:480px){.trusted-title{font-size:1.125rem}}.trusted-schools{color:var(--text-slate-500);font-weight:400;font-size:.93rem}@media(min-width:480px){.trusted-schools{font-size:1rem}}.features-section{padding:3rem 0;background-color:#f8fafc}@media(min-width:640px){.features-section{padding:5rem 0}}.features-container{max-width:80rem;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.features-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:640px){.features-grid{gap:2rem;grid-template-columns:1fr 1fr}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:#fff;padding:1.2rem;border-radius:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #f1f5f9;transition:box-shadow .3s}@media(min-width:640px){.feature-card{padding:2rem}}.feature-card:hover{box-shadow:0 4px 6px -1px #0000001c}.feature-icon-box{width:2.2rem;height:2.2rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}@media(min-width:480px){.feature-icon-box{width:3rem;height:3rem;margin-bottom:1.5rem}}.feature-icon-box.blue{background-color:#dbeafe;color:var(--primary)}.feature-icon-box.green{background-color:#dcfce7;color:var(--secondary)}.feature-icon-box.purple{background-color:#f3e8ff;color:#9333ea}.feature-icon-box.orange{background-color:#ffedd5;color:#f97316}.feature-title{font-size:1.13rem;font-weight:700;color:#0f172a;margin-bottom:.7rem}@media(min-width:480px){.feature-title{font-size:1.25rem;margin-bottom:.75rem}}.feature-desc{color:var(--text-slate-600);font-size:.88rem;line-height:1.625}.testimonials-section{padding:2rem 0;background-color:#fff3}@media(min-width:640px){.testimonials-section{padding:5rem 0}}.testimonials-header{text-align:center;margin-bottom:2rem}@media(min-width:640px){.testimonials-header{margin-bottom:4rem}}.testimonials-label{color:var(--primary);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}@media(min-width:480px){.testimonials-label{font-size:.875rem}}.testimonials-title{font-size:1.2rem;font-weight:700;margin-top:.5rem;color:#0f172a}@media(min-width:480px){.testimonials-title{font-size:1.875rem}}@media(min-width:768px){.testimonials-title{font-size:2.25rem}}.testimonials-subtitle{font-size:1rem;color:var(--text-slate-600);max-width:94vw;margin:0 auto 1.5rem;line-height:1.625;font-weight:500;text-align:center}@media(min-width:480px){.testimonials-subtitle{max-width:32rem;font-size:1.125rem;margin-bottom:2rem;text-align:center}}@media(min-width:1024px){.testimonials-subtitle{text-align:center;max-width:38rem}}.testimonials-grid{display:grid;gap:1.2rem;max-width:80rem;margin:0 auto;padding:0 1rem;grid-template-columns:1fr}@media(min-width:640px){.testimonials-grid{gap:2rem}}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background-color:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 10px 40px -10px #00000014;border:1px solid #f1f5f9;transition:box-shadow .3s;min-width:0}@media(min-width:640px){.testimonial-card{padding:2rem}}.testimonial-card:hover{box-shadow:0 10px 15px -3px #0000001a}.testimonial-card.offset{transform:translateY(-1rem)}.testimonial-stars{color:#facc15;display:flex;gap:.16rem;margin-bottom:.7rem}@media(min-width:480px){.testimonial-stars{gap:.25rem;margin-bottom:1rem}}.testimonial-text{color:#334155;margin-bottom:1rem;line-height:1.625}@media(min-width:640px){.testimonial-text{margin-bottom:1.5rem}}.testimonial-user{display:flex;align-items:center;gap:.7rem}@media(min-width:480px){.testimonial-user{gap:1rem}}.user-avatar{width:2rem;height:2rem;border-radius:9999px;object-fit:cover}@media(min-width:480px){.user-avatar{width:3rem;height:3rem}}.user-name{font-weight:700;font-size:.85rem;color:#0f172a;margin:0}@media(min-width:480px){.user-name{font-size:.875rem}}.user-lang{font-size:.7rem;color:var(--text-slate-500);margin:0}@media(min-width:480px){.user-lang{font-size:.75rem}}.landing-auth-section{padding:3rem 0;background-color:var(--primary);color:#fff;position:relative;overflow:hidden}@media(min-width:640px){.landing-auth-section{padding:5rem 0}}.auth-bg-pattern{position:absolute;inset:0;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.1}.auth-container{max-width:48rem;margin:0 auto;padding:0 1rem;text-align:center;position:relative;z-index:10;width:100%;box-sizing:border-box}.auth-title{font-size:1.7rem;font-weight:700;margin-bottom:1.1rem}@media(min-width:480px){.auth-title{font-size:2.25rem;margin-bottom:1.5rem}}.auth-subtitle{color:#dbeafe;font-size:1rem;margin-bottom:1.8rem;max-width:90vw;margin-left:auto;margin-right:auto}@media(min-width:480px){.auth-subtitle{font-size:1.125rem;margin-bottom:2.5rem;max-width:36rem}}.auth-card-wrapper{max-width:98vw;margin:0 auto;background:#fff;border-radius:1.2rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;color:var(--text-slate-800)}@media(min-width:480px){.auth-card-wrapper{max-width:28rem;border-radius:1.5rem}}.auth-tabs{display:flex;border-bottom:1px solid #e2e8f0}.auth-tab{flex:1;padding:.7rem;border:none;background:none;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text-slate-500);font-size:1rem}@media(min-width:480px){.auth-tab{padding:1rem}}.auth-tab.active{color:var(--primary);border-bottom:2px solid var(--primary)}.landing-footer{background-color:var(--background-light);border-top:1px solid var(--border-slate-200);padding:2rem 0}@media(min-width:480px){.landing-footer{padding:3rem 0}}.footer-container{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:100%;box-sizing:border-box}@media(min-width:768px){.footer-container{flex-direction:row;justify-content:space-between;gap:1.5rem}}.footer-logo{display:flex;align-items:center;gap:.4rem}@media(min-width:480px){.footer-logo{gap:.5rem}}.footer-logo-box{width:1.2rem;height:1.2rem;background-color:var(--primary);border-radius:.25rem;display:flex;align-items:center;justify-content:center}@media(min-width:480px){.footer-logo-box{width:1.5rem;height:1.5rem}}.footer-logo-text{font-weight:700;font-size:1rem;color:#1e293b}@media(min-width:480px){.footer-logo-text{font-size:1.25rem}}.footer-links{display:flex;gap:1.25rem;font-size:.88rem}@media(min-width:480px){.footer-links{gap:2rem;font-size:.875rem}}.footer-link{color:var(--text-slate-500);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.copyright{color:var(--text-slate-400);font-size:.78rem;margin-top:.7rem}@media(min-width:480px){.copyright{font-size:.875rem;margin-top:0}}.hidden{display:none!important}@media(min-width:768px){.md-hidden{display:none!important}}@media(max-width:767px){.mobile-only{display:block!important}}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.animate-bounce-slow{animation:bounce 3s infinite}.hero-icon-badge{display:none}@media(min-width:1024px){.hero-icon-badge{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;background-color:#dbeafe;border-radius:1rem;margin-bottom:1rem;color:var(--primary)}}:root{--primary: #2563EB;--accent: #34D399;--background-light: #F3F6F9;--background-dark: #0F172A;--surface-light: #FFFFFF;--surface-dark: #1E293B;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem}.app{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--background-light);font-family:Nunito,sans-serif;color:var(--slate-800)}.app-main{flex:1;padding:3rem 2rem 5rem;max-width:1280px;width:100%;margin:0 auto}.loading,.error{text-align:center;padding:2rem;font-size:1.2rem}.error{color:#ff6b6b;background-color:#ff6b6b1a;border-radius:8px;padding:1rem;margin:1rem 0}.app-header{width:100%;background-color:#2563ebf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:5rem;transition:colors .3s;color:#fff}.app-header h1{margin:0;font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.75rem}.header-brand-icon{width:2.5rem;height:2.5rem;background-color:#fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;transform:rotate(-3deg);transition:transform .2s}.header-brand-icon:hover{transform:rotate(0)}.header-brand-icon .material-symbols-outlined{color:var(--primary);font-size:1.5rem}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-nav{display:none}@media(min-width:768px){.header-nav{display:flex;align-items:center;gap:2rem;margin-right:1.5rem}}.nav-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.875rem;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff;border-bottom:2px solid white;padding-bottom:.125rem}.header-divider{height:1.5rem;width:1px;background-color:#fff3;margin:0 .5rem}.user-profile{display:flex;align-items:center;gap:1rem}.user-info-text{text-align:right;display:none}@media(min-width:1024px){.user-info-text{display:block}}.user-name{font-weight:700;font-size:.75rem;line-height:1;display:block}.user-status{font-size:10px;font-weight:600;color:#bfdbfe;display:block}.user-avatar{width:2.25rem;height:2.25rem;border-radius:9999px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:border-color .2s}.user-avatar:hover{border-color:#fff}.sign-out-btn{background:transparent;border:none;color:#dbeafe;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.sign-out-btn:hover{color:#fff}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#faf9f5,#fff8ee)}.auth-wrapper{width:100%;max-width:480px;display:flex;flex-direction:column;gap:2rem}.auth-brand{text-align:center;margin-bottom:1rem}.auth-brand h1{font-size:2.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#646cff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand p{margin:0;opacity:.7;font-size:1.1rem}.auth-card{background-color:#fff;padding:0;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;border:1px solid rgba(100,108,255,.1)}.auth-tabs{display:flex;gap:0;border-bottom:2px solid rgba(100,108,255,.1);background-color:#646cff05}.auth-tab{flex:1;padding:1.25em 2em;border:none;border-bottom:2px solid transparent;background:transparent;border-radius:0;margin-bottom:-2px;font-size:1rem;font-weight:500;color:#0009;cursor:pointer;transition:all .2s ease}.auth-tab:hover{color:#646cff;background-color:#646cff0d}.auth-tab.active{border-bottom-color:#646cff;color:#646cff;background-color:transparent;font-weight:600}.auth-container{padding:2.5rem;width:100%}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;color:#1a1a1a}.auth-description{margin:0;opacity:.7;font-size:.95rem;line-height:1.6;color:#4a4a4a}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input-group label{font-weight:600;font-size:.9rem;color:#2a2a2a;letter-spacing:.01em}.auth-input{width:100%;padding:.875em 1em;font-size:1rem;border:2px solid rgba(100,108,255,.15);border-radius:10px;background-color:#fafafa;box-sizing:border-box;transition:all .2s ease;font-family:inherit}.auth-input:focus{outline:none;border-color:#646cff;background-color:#fff;box-shadow:0 0 0 3px #646cff1a}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-input::placeholder{color:#0006}.auth-button{width:100%;padding:.875em 1.5em;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.auth-button-primary{background:linear-gradient(135deg,#646cff,#7c3aed);color:#fff;box-shadow:0 2px 8px #646cff4d}.auth-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #646cff66}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{padding:.875em 1em;background-color:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#f44336;font-size:.9rem;text-align:center}.auth-success{text-align:center;padding:1rem 0}.auth-icon{font-size:4rem;margin-bottom:1rem;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-success h2{margin:0 0 1rem;font-size:1.75rem;font-weight:700;color:#1a1a1a}.auth-message{margin:0 0 .75rem;font-size:1rem;color:#2a2a2a;line-height:1.6}.auth-message strong{color:#646cff;font-weight:600}.auth-submessage{margin:0 0 1.5rem;font-size:.9rem;opacity:.7;color:#4a4a4a;line-height:1.6}.auth-back-button{width:100%;padding:.75em 1.5em;font-size:.95rem;font-weight:500;background-color:transparent;border:2px solid rgba(100,108,255,.2);color:#646cff;border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:inherit}.auth-back-button:hover{background-color:#646cff0d;border-color:#646cff66}.home-page{animation:fadeIn .4s ease-out}.home-page-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.5rem}@media(min-width:768px){.home-page-header{flex-direction:row;align-items:flex-end}}.home-page-title h1{font-size:2.25rem;font-weight:800;color:var(--slate-900);margin:0 0 .5rem;letter-spacing:-.025em;display:flex;align-items:center;gap:.75rem}@media(min-width:768px){.home-page-title h1{font-size:2.5rem}}.home-page-subtitle{color:var(--slate-500);font-weight:500;margin:0}.header-action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.btn-icon{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:700;font-size:.875rem;border-radius:.75rem;transition:all .2s;cursor:pointer;border:1px solid transparent;box-shadow:0 1px 2px #0000000d}.btn-create{background-color:#eef2ff;color:#4338ca;border-color:#c7d2fe}.btn-create:hover{background-color:#e0e7ff;box-shadow:0 4px 6px -1px #0000001a}.btn-upload{background-color:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.btn-upload:hover{background-color:#dbeafe;box-shadow:0 4px 6px -1px #0000001a}.btn-store{background-color:#fff;color:var(--slate-700);border-color:var(--slate-200)}.btn-store:hover{background-color:var(--slate-50);box-shadow:0 4px 6px -1px #0000001a}.list-filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.875rem;color:var(--slate-600)}.filter-pill{padding:.5rem 1rem;background-color:#fff;border-radius:9999px;box-shadow:0 1px 2px #0000000d;border:1px solid var(--slate-200);display:flex;align-items:center;gap:.5rem}.filter-pill.active{color:var(--slate-900);font-weight:700}.filter-pill-clickable{cursor:pointer;transition:background-color .2s}.filter-pill-clickable:hover{background-color:var(--slate-50)}.search-container{position:relative;flex-grow:1}@media(min-width:640px){.search-container{flex-grow:0;margin-left:auto}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--slate-400);font-size:1.125rem}.search-input{padding:.5rem 1rem .5rem 2.5rem;background-color:#fff;border:1px solid var(--slate-200);border-radius:9999px;font-size:.875rem;outline:none;width:100%}@media(min-width:640px){.search-input{width:16rem}}.search-input:focus{ring:2px;ring-color:var(--primary);border-color:transparent}.vocab-list-manager{margin-top:0}.lists-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.lists-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.lists-grid{grid-template-columns:repeat(3,1fr)}}.vocab-list-card{position:relative;background-color:var(--surface-light);border-radius:1.25rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--slate-200);transition:all .3s;cursor:pointer;display:flex;flex-direction:column}.vocab-list-card:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #1e3a8a0d,0 10px 10px -5px #1e3a8a05;border-color:#2563eb33}.card-close-btn{position:absolute;top:1.25rem;right:1.25rem;color:var(--slate-300);background:transparent;border:none;padding:0;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.card-close-btn:hover{color:var(--slate-500)}.card-badge-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.badge-public{padding:.125rem .5rem;border-radius:.25rem;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background-color:#fef3c7;color:#b45309;display:inline-flex;align-items:center;gap:.25rem}.badge-private{padding:.125rem .5rem;border-radius:.25rem;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background-color:var(--slate-100);color:var(--slate-500);display:inline-flex;align-items:center;gap:.25rem}.card-title{font-size:1.25rem;font-weight:700;color:var(--slate-900);line-height:1.2;margin:0 0 1.25rem}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag-lang{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;background-color:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:700;border:1px solid #dbeafe}.tag-count{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:.5rem;background-color:var(--slate-100);color:var(--slate-600);font-size:.75rem;font-weight:700;border:1px solid var(--slate-200)}.card-progress-section{flex-grow:1}.progress-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.progress-value{font-size:1.5rem;font-weight:800;color:var(--primary)}.progress-label{font-size:.75rem;font-weight:700;color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em}.progress-bar-bg{width:100%;background-color:var(--slate-100);border-radius:9999px;height:.625rem;overflow:hidden}.progress-bar-fill-gradient{height:100%;border-radius:9999px;background:linear-gradient(to right,#3b82f6,#6366f1);box-shadow:0 4px 6px -1px #3b82f633}.progress-status-msg{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;margin-top:.5rem}.status-all-caught{color:#059669}.status-needs-review{color:#d97706}.status-upcoming{color:var(--slate-500)}.card-footer{padding-top:1rem;margin-bottom:0rem;border-top:1px solid var(--slate-100);display:flex;justify-content:space-between;align-items:center}.footer-date{font-size:.75rem;color:var(--slate-400);font-weight:600}.play-button{width:2rem;height:2rem;border-radius:9999px;background-color:#2563eb1a;color:var(--primary);display:flex;align-items:center;justify-content:center;transition:all .2s;border:none;cursor:pointer}.play-button:hover{background-color:var(--primary);color:#fff}.create-new-card{border:2px dashed var(--slate-200);border-radius:1.25rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:18rem;transition:all .3s;cursor:pointer;background-color:transparent}.create-new-card:hover{border-color:#2563eb80;background-color:#2563eb05}.create-new-icon{width:4rem;height:4rem;border-radius:9999px;background-color:var(--slate-50);color:var(--slate-400);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .2s}.create-new-card:hover .create-new-icon{background-color:#eff6ff;color:var(--primary)}.create-new-card h3{font-size:1.125rem;font-weight:700;color:var(--slate-700);margin:0;transition:color .2s}.create-new-card:hover h3{color:var(--primary)}.create-new-card p{font-size:.875rem;color:var(--slate-500);margin:.5rem 0 0;max-width:12rem}.list-form,.csv-uploader{background-color:var(--surface-light);padding:2.5rem;border-radius:var(--radius-2xl);margin-bottom:3rem;border:1px solid var(--slate-200);box-shadow:0 4px 6px -1px #0000000d;animation:fadeIn .4s ease-out}.list-form h3,.csv-uploader h3{font-size:1.5rem;font-weight:800;color:var(--slate-900);margin:0 0 2rem;display:flex;align-items:center;gap:.75rem}.form-actions-modern{display:flex;gap:1rem;margin-top:2rem}.form-actions-modern button{flex:1}.csv-uploader-preview{margin-top:1.5rem;padding:1.25rem;background-color:var(--slate-50);border-radius:var(--radius-lg);border:1px solid var(--slate-200)}.csv-uploader-preview h4{font-size:.875rem;font-weight:700;color:var(--slate-700);margin-bottom:.75rem}.csv-uploader-preview ul{list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--slate-600)}.csv-uploader-preview li{margin-bottom:.25rem;display:flex;gap:.5rem}.csv-uploader-preview .arrow{color:var(--primary);opacity:.5}.practice-mode-selector{background-color:var(--surface-light);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--slate-200);max-width:32rem;margin:0 auto}.practice-mode-selector h2{font-size:1.5rem;font-weight:800;color:var(--slate-900);margin:0 0 1.5rem;text-align:center}.mode-tabs-container{display:flex;background-color:var(--slate-100);padding:.25rem;border-radius:var(--radius-lg);margin-bottom:2rem}.mode-tabs-container button{flex:1;padding:.75rem;border-radius:var(--radius-md);font-weight:700;font-size:.875rem;border:none;background:transparent;color:var(--slate-500);cursor:pointer;transition:all .2s}.mode-tabs-container button.active{background-color:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}.mode-config{margin-bottom:2rem}.mode-config label{display:block;font-size:.875rem;font-weight:700;color:var(--slate-700);margin-bottom:.5rem}.mode-config select{width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--slate-200);background-color:var(--slate-50);font-family:inherit;font-size:1rem;transition:all .2s;cursor:pointer}.mode-config select:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.learning-mode-selector{background-color:var(--surface-light);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--slate-200);max-width:32rem;margin:0 auto}.learning-mode-selector h2{font-size:1.5rem;font-weight:800;color:var(--slate-900);margin:0 0 1.5rem;text-align:center}.start-btn{width:100%;padding:.75em 1.5em;font-size:1rem;background-color:#646cff1a;color:#646cff;border:1.5px solid rgba(100,108,255,.3);border-radius:8px;transition:all .2s;font-weight:500}.start-btn:hover{background-color:#646cff26;border-color:#646cff80;color:#535bf2}.practice-session{max-width:800px;margin:0 auto}.session-header{margin-bottom:1rem}.timer{text-align:center}.timer-display{font-size:4rem;font-weight:700;color:#646cff;margin-bottom:.5rem}.timer-label{opacity:.7;font-size:1.1rem}.progress-bar{margin-top:1rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.1rem;font-size:1.1rem}.progress-track{height:8px;background-color:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#646cff;transition:width .3s ease}.session-content{text-align:center;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-top:1rem}.word-display{margin-bottom:0rem}.language-label{font-size:.9rem;opacity:.7;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.word-text{font-size:3rem;font-weight:700;margin:1rem 0}.translation-input-form{display:flex;gap:1rem;max-width:500px;width:100%}.translation-input{flex:1;font-size:1.2rem;padding:1em;text-align:center}.translation-input-form button{padding:1em 2em;font-size:1.1rem}.feedback{padding:2rem;border-radius:12px;min-width:400px;animation:fadeIn .3s ease}.feedback.correct{background-color:#4caf5033;border:2px solid #4caf50}.feedback.incorrect{background-color:#f4433633;border:2px solid #f44336}.feedback-icon{font-size:4rem;margin-bottom:1rem}.feedback-message{font-size:1.5rem;margin-bottom:1.5rem}.correct-answer{margin-top:1rem;font-size:1.2rem;opacity:.9}.next-btn{padding:.8em 2em;font-size:1.1rem}.results-summary{max-width:900px;margin:0 auto}.statistics-display{margin-bottom:3rem}.statistics-display h2{text-align:center;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff8ee;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-card.correct{border-color:#4caf50;background-color:#4caf501a}.stat-card.incorrect{border-color:#f44336;background-color:#f443361a}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.7;text-transform:uppercase;letter-spacing:1px}.incorrect-words-review{background-color:#fff8ee;padding:2rem;border-radius:12px;margin-bottom:2rem}.incorrect-words-review h3{margin-top:0}.review-list{margin-top:1.5rem}.review-item{padding:1rem;margin-bottom:1rem;background-color:#f443361a;border-left:4px solid #f44336;border-radius:8px}.review-word{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.review-answers{display:flex;flex-direction:column;gap:.5rem}.review-answers .label{font-weight:500;opacity:.8}.your-answer{color:#ff9800}.correct-answer{color:#4caf50}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.results-actions .primary-btn,.results-actions .secondary-btn{flex-shrink:0}.primary-btn{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px -1px #2563eb33}.primary-btn:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 10px 15px -3px #2563eb4d}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background-color:#fff;color:var(--slate-700);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;border:1px solid var(--slate-200);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.secondary-btn:hover:not(:disabled){background-color:var(--slate-50);border-color:var(--slate-300)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--slate-400);font-weight:600}.list-manager-tabs{display:flex;gap:2rem;margin-bottom:2.5rem;border-bottom:2px solid var(--slate-200)}.list-manager-tabs .tab-btn{padding:.75rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.875rem;font-weight:700;color:var(--slate-500);transition:all .2s;display:flex;align-items:center}.list-manager-tabs .tab-btn:hover{color:var(--primary)}.list-manager-tabs .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.bg-white{background-color:#fff}.border-t{border-top:1px solid var(--slate-200)}.border-slate-200{border-color:var(--slate-200)}.mt-auto{margin-top:auto}.py-12{padding-top:3rem;padding-bottom:3rem}.px-8{padding-left:2rem;padding-right:2rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-12{gap:3rem}.mb-12{margin-bottom:3rem}.col-span-1{grid-column:span 1 / span 1}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.mb-6{margin-bottom:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.bg-blue-600{background-color:#2563eb}.rounded-lg{border-radius:.5rem}.justify-center{justify-content:center}.text-white{color:#fff}.text-lg{font-size:1.125rem}.font-extrabold{font-weight:800}.text-xl{font-size:1.25rem}.text-slate-900{color:var(--slate-900)}.text-slate-500{color:var(--slate-500)}.text-sm{font-size:.875rem}.max-w-xs{max-width:20rem}.leading-relaxed{line-height:1.625}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.space-y-4>*+*{margin-top:1rem}.hover\:text-blue-600:hover{color:#2563eb}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.border-slate-100{border-color:var(--slate-100)}.pt-8{padding-top:2rem}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.text-slate-400{color:var(--slate-400)}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.cursor-pointer{cursor:pointer}.gap-6{gap:1.5rem}@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-2xl{font-size:1.5rem}.mb-4{margin-bottom:1rem}.text-3xl{font-size:1.875rem}.text-emerald-600{color:#059669}.text-amber-600{color:#d97706}@media(max-width:768px){.app-header{flex-direction:column;padding:1rem}.app-header h1{font-size:1.25rem}.app-main{padding:1rem}.home-page h1{font-size:1.75rem;margin-bottom:1.5rem}.word-text{font-size:2rem}.timer-display{font-size:3rem}.translation-input-form{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.lists-grid{grid-template-columns:1fr;gap:1rem}.auth-page{padding:1rem}.auth-wrapper{max-width:100%}.auth-brand h1{font-size:2rem}.auth-brand p{font-size:1rem}.auth-card{border-radius:12px}.auth-tab{padding:1em 1.5em;font-size:.95rem}.auth-container{padding:2rem 1.5rem}.auth-header h2{font-size:1.5rem}.auth-description{font-size:.9rem}.auth-input{font-size:16px}.auth-success h2{font-size:1.5rem}.auth-icon{font-size:3rem}.list-form{padding:1.5rem}.list-form h3{font-size:1.1rem}.list-form form>div{margin-bottom:1.25rem}.list-form input,.list-form textarea{font-size:16px;padding:.875em}.csv-uploader{padding:1.5rem}.csv-uploader h3{font-size:1.1rem}.csv-uploader form>div{margin-bottom:1.25rem}.csv-uploader input[type=text],.csv-uploader input[type=file],.csv-uploader textarea{font-size:16px;padding:.875em}.csv-uploader .file-input-wrapper{flex-direction:column;align-items:stretch}.csv-uploader .file-input-wrapper input[type=file]{width:100%;min-width:100%}.csv-uploader .load-sample-btn{width:100%;text-align:center}.mode-config select{font-size:16px}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{width:100%}.add-word-form{flex-direction:column;align-items:stretch}.add-word-form button{width:100%;height:auto;padding:.875em}.progress-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.list-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-header h1{font-size:1.5rem}.manage-words-btn{width:100%;text-align:center}.learn-practice-section{margin-top:1rem}.learn-card{padding:1.5rem}.learn-card h3{font-size:1.25rem}.practice-mode-selector{padding:1.5rem}.progress-display{padding:1.5rem;margin:1.5rem 0}.store-filters{flex-direction:column;padding:1rem}.filter-group{min-width:100%}.filter-actions{flex-direction:column;width:100%}.search-btn,.clear-filters-btn{width:100%}.vocab-list-card{padding:1.25rem}.card-content h3{font-size:1.1rem}.back-btn{font-size:.85rem;padding:.5em .875em}}@media(max-width:480px){.app-main{padding:.75rem}.home-page h1{font-size:1.5rem}.list-header h1{font-size:1.25rem}.word-text{font-size:1.75rem}.timer-display{font-size:2.5rem}.stats-grid,.progress-stats-grid{grid-template-columns:1fr}.learn-practice-tabs .tab-btn{font-size:.875rem;padding:.75em 1em}.primary-btn,.learn-btn,.start-btn{font-size:.95rem;padding:.7em 1.25em}.auth-page{padding:.75rem}.auth-brand h1{font-size:1.75rem}.auth-brand p{font-size:.95rem}.auth-tab{padding:.875em 1.25em;font-size:.9rem}.auth-container{padding:1.5rem 1.25rem}.auth-header h2{font-size:1.25rem}.auth-description{font-size:.85rem}.auth-success h2{font-size:1.25rem}.auth-icon{font-size:2.5rem}.auth-message{font-size:.95rem}.auth-submessage{font-size:.85rem}.list-form,.csv-uploader{padding:1.25rem}.csv-uploader h3,.list-form h3{font-size:1rem}.preview{padding:.875rem;font-size:.9rem}.preview ul{padding-left:1.25rem}}.progress-display{background-color:#fff8ee;border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.progress-display h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.progress-overview{margin-bottom:2rem}.progress-bar-container{margin-bottom:1rem}.progress-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:500}.progress-percentage{font-size:1.1rem;color:#646cff;font-weight:600}.progress-bar{background-color:#646cff1a;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#646cff,#7c3aed);transition:width .5s ease;border-radius:6px}.progress-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background-color:#ffffff80;border-radius:8px;padding:1.5rem;text-align:center;border:2px solid transparent;transition:all .2s}.stat-card.mastered{border-color:#22c55e4d}.stat-card.learning{border-color:#3b82f64d}.stat-card.new{border-color:#9ca3af4d}.stat-card.needs-review{border-color:#ef44444d}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-card.mastered .stat-value{color:#22c55e}.stat-card.learning .stat-value{color:#3b82f6}.stat-card.new .stat-value{color:#9ca3af}.stat-card.needs-review .stat-value{color:#ef4444}.stat-label{font-weight:600;margin-bottom:.25rem;font-size:1rem}.stat-description{font-size:.85rem;opacity:.7;margin-top:.25rem}.words-needing-review-section{margin-top:2rem;margin-bottom:1rem}.toggle-review-words-btn{background:transparent;border:1px solid rgba(100,108,255,.3);color:#646cff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;width:100%;text-align:left;transition:all .2s;display:flex;align-items:center;gap:.5rem}.toggle-review-words-btn:hover{background-color:#646cff1a;border-color:#646cff}.review-words-list{margin-top:1rem;background-color:#ffffff80;border-radius:8px;padding:1rem;max-height:400px;overflow-y:auto}.review-words-list ul{list-style:none;padding:0;margin:0}.review-word-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s}.review-word-item:last-child{border-bottom:none}.review-word-item:hover{background-color:#646cff0d}.word-pair{display:flex;align-items:center;gap:.75rem;flex:1}.word-pair .word{font-weight:600;color:#1f2937}.word-pair .separator{opacity:.5;color:#646cff}.word-pair .translation{color:#4b5563}.review-date{font-size:.85rem;opacity:.7;color:#ef4444}.no-words{text-align:center;padding:2rem;opacity:.7;margin:0}.progress-summary{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.progress-summary p{margin:.5rem 0;line-height:1.6}.review-reminder{background-color:#ef44441a;padding:1rem;border-radius:8px;border-left:3px solid #ef4444;margin-top:1rem!important}.list-progress-badge{margin:.75rem 0}.progress-bar-mini{height:6px;background-color:#646cff1a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-bar-mini-fill{height:100%;background:linear-gradient(90deg,#646cff,#7c3aed);transition:width .3s ease;border-radius:3px}.progress-text{font-size:.85rem;color:#646cff;font-weight:500}.review-indicator{display:block;font-size:.8rem;color:#ef4444;margin-top:.25rem}.list-progress-badge-compact{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.progress-indicator{font-size:.85rem;color:#646cff;font-weight:600}.review-badge{background-color:#ef4444;color:#fff;font-size:.75rem;padding:.2em .5em;border-radius:12px;font-weight:600}@media(max-width:768px){.progress-stats-grid{grid-template-columns:repeat(2,1fr)}}.form-field{margin-bottom:1.5rem}.form-field label{display:block;font-size:.875rem;font-weight:700;color:var(--slate-700);margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--slate-200);background-color:var(--slate-50);font-family:inherit;font-size:1rem;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.word-manager{background-color:var(--surface-light);padding:2.5rem;border-radius:var(--radius-2xl);max-width:1000px;margin:0 auto;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--slate-200)}.word-manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.word-manager-header h2{margin:0;font-size:1.5rem;font-weight:800;color:var(--slate-900)}.header-title-section{display:flex;flex-direction:column;gap:.75rem}.public-list-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--slate-100);border:1px solid var(--slate-200);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--slate-700)}.close-btn{background:transparent;border:none;padding:.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--slate-400);transition:all .2s;cursor:pointer;flex-shrink:0}.close-btn:hover{background:var(--slate-100);color:var(--slate-700)}.close-btn .material-symbols-outlined{font-size:1.5rem}.word-manager-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.add-word-form,.csv-upload-form{background-color:var(--slate-50);padding:2rem;border-radius:var(--radius-xl);margin-bottom:2rem;border:1px solid var(--slate-200)}.add-word-form{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;align-items:flex-end}.csv-upload-form{display:flex;flex-direction:column;gap:1.5rem}.add-word-form>.mode-config,.csv-upload-form>.mode-config{margin-bottom:0}.add-word-form label,.csv-upload-form label{display:block;margin-bottom:.5rem;font-weight:700;font-size:.875rem;color:var(--slate-700)}.add-word-form input,.csv-upload-form input[type=text],.csv-upload-form input[type=file]{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--slate-200);border-radius:var(--radius-lg);background-color:#fff;box-sizing:border-box;font-family:inherit;transition:all .2s}.add-word-form input:focus,.csv-upload-form input:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.csv-upload-form input[type=file]{padding:.5rem;cursor:pointer}.csv-upload-form small{display:block;margin-top:.5rem;color:var(--slate-500);font-size:.875rem;line-height:1.5}.words-list h3{margin-bottom:1.5rem}.words-table{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--slate-200);background-color:var(--surface-light)}.words-table table{width:100%;border-collapse:collapse;background-color:var(--surface-light)}.words-table thead{background-color:var(--slate-50)}.words-table th{padding:1rem 1.5rem;text-align:left;font-weight:700;font-size:.875rem;color:var(--slate-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--slate-200)}.words-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--slate-100)}.words-table tbody tr:hover{background-color:var(--slate-50)}.words-table tbody tr:last-child td{border-bottom:none}.words-table input{width:100%;padding:.5rem .75rem;font-size:1rem;border:1px solid var(--slate-200);border-radius:var(--radius-md);background-color:#fff;font-family:inherit;transition:all .2s}.words-table input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.words-table button{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.words-table .delete-btn{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2)}.words-table .delete-btn:hover{background-color:#f4433626;border-color:#f443364d}@media(max-width:768px){.word-manager{padding:1.5rem;border-radius:var(--radius-xl)}.word-manager-header{flex-direction:column;align-items:flex-start;gap:1rem}.word-manager-header h2{font-size:1.25rem}.word-manager-actions{flex-direction:column;width:100%}.word-manager-actions .primary-btn{width:100%;justify-content:center}.add-word-form{grid-template-columns:1fr;gap:1rem}.add-word-form button{width:100%;justify-content:center}.words-table{border-radius:var(--radius-lg)}.words-table th,.words-table td{padding:.75rem 1rem;font-size:.875rem}.words-table th{font-size:.75rem}.words-table td:last-child{display:flex;flex-direction:column;gap:.5rem}.words-table td:last-child>div{display:flex;flex-direction:column;gap:.5rem}.words-table button{width:100%;justify-content:center}}.list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.list-header h1{margin:0 0 .5rem;text-align:left}.list-description{margin-top:.5rem;opacity:.8;font-style:italic}.manage-words-btn{padding:.75em 1.5em;font-size:.95rem;white-space:nowrap;background-color:#646cff14;border:1.5px solid rgba(100,108,255,.25);color:#646cff;border-radius:8px;transition:all .2s;font-weight:500}.manage-words-btn:hover{background-color:#646cff1f;border-color:#646cff66;color:#535bf2}.public-list-info{display:flex;align-items:center;gap:.5em;padding:.75em 1.5em;background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffc107;font-size:.9rem}.public-list-info .lock-icon{font-size:1rem}.store-container{animation:fadeIn .4s ease-out}.store-filters-card{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;padding:2rem;background-color:var(--surface-light);border-radius:var(--radius-2xl);border:1px solid var(--slate-200);align-items:flex-end;box-shadow:0 4px 6px -1px #0000000d}.store-filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:12rem}.store-filter-group label{font-size:.75rem;font-weight:800;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em}.store-filter-group select{width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--slate-200);background-color:var(--slate-50);font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;cursor:pointer}.store-filter-group select:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.store-actions{display:flex;gap:.75rem}.add-list-btn-overlay{width:100%;margin-top:.5rem;padding:.75rem;background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:var(--radius-lg);font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-list-btn-overlay:hover:not(:disabled){background-color:#dcfce7;transform:translateY(-1px)}.add-list-btn-overlay:disabled{opacity:.5;cursor:not-allowed}.load-more-container{margin-top:2rem;text-align:center}.load-more-btn{min-width:200px}.word-manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.header-title-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.public-list-indicator{display:flex;align-items:center;gap:.5em;padding:.5em 1em;background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffc107;font-size:.85rem}.public-list-indicator .lock-icon{font-size:1rem}.public-badge{font-size:.8rem;font-weight:500}.info-message{background-color:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#646cff}.info-message p{margin:0;font-size:.9rem}.locked-action{display:flex;align-items:center;gap:.5em;color:#ffffff80;font-size:.85rem;font-style:italic}.lock-icon-small{font-size:.9rem}.learn-practice-section{margin-top:1.5rem}.learn-practice-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.learn-practice-tabs .tab-btn{flex:1;padding:.875em 1.25em;border:none;border-bottom:2px solid transparent;background:transparent;border-radius:0;margin-bottom:-2px;font-size:.95rem;cursor:pointer;transition:all .2s;color:#0009;font-weight:500}.learn-practice-tabs .tab-btn:hover{color:#646cffcc}.learn-practice-tabs .tab-btn.active{border-bottom-color:#646cff;color:#646cff;font-weight:600}.learn-practice-content{display:block}.learn-section,.practice-section{display:none}.learn-section.active,.practice-section.active{display:block}.learn-card{background-color:#fff8ee;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center;max-width:600px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.learn-card h3{margin-top:0;margin-bottom:1rem;font-size:1.5rem}.learn-description{margin-bottom:2rem;opacity:.8;line-height:1.6}.learn-btn{width:100%;padding:.75em 1.5em;font-size:1rem;font-weight:500}.practice-section .practice-mode-selector{margin:0 auto;max-width:600px}.practice-section .practice-mode-selector .start-btn{margin-top:auto}@media(max-width:768px){.list-header{flex-direction:column}.add-word-form{grid-template-columns:1fr}.word-manager-actions{flex-direction:column}.words-table{font-size:.9rem}.words-table th,.words-table td{padding:.75rem .5rem}.load-more-container{margin-top:1.5rem;text-align:center}.load-more-btn{width:100%;max-width:300px}.list-manager-tabs .tab-btn{padding:.625em 1em;font-size:.875rem}.vocab-list-manager{margin-top:1.5rem}.manager-header{flex-direction:column;align-items:flex-start;gap:1rem}.manager-header h2{font-size:1.25rem}}.results-container{max-width:64rem;margin:0 auto;animation:fadeIn .4s ease-out}.results-header-card{background-color:var(--surface-light);border-radius:var(--radius-2xl);padding:3rem;text-align:center;border:1px solid var(--slate-200);margin-bottom:2rem}.results-header-card h2{font-size:2rem;font-weight:800;color:var(--slate-900);margin-bottom:1rem}.review-section-title{font-size:1.25rem;font-weight:800;color:var(--slate-800);margin:3rem 0 1.5rem;display:flex;align-items:center;gap:.75rem}.incorrect-card{background-color:#fff;border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--slate-200);margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.incorrect-card:hover{transform:translate(.5rem);border-color:#fca5a5}.incorrect-card-word{font-weight:800;font-size:1.125rem;color:var(--slate-900)}.incorrect-card-answers{text-align:right}.incorrect-card-yours{font-size:.875rem;color:#ef4444;font-weight:600;text-decoration:line-through;margin-bottom:.25rem}.incorrect-card-correct{font-size:1rem;color:#166534;font-weight:700}.preview-toggle-btn{width:100%;margin-top:.66rem;margin-bottom:.1rem;background:#f1f5f9;border:1px solid #cbd5e1;color:#2872b6;border-radius:7px;cursor:pointer;font-size:.96em;padding:.4em 1.2em .3em .95em;display:flex;align-items:center;justify-content:center;gap:.4em;transition:background .16s}.preview-toggle-btn[aria-expanded=true]{background:#e0ecf6;color:#124063}.preview-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.preview-words{animation:fadein-preview .3s;width:100%}@keyframes fadein-preview{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.footer{background-color:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding-top:1.5rem;padding-bottom:1rem}.footer-container{max-width:80rem;margin:0 auto;padding-left:2rem;padding-right:2rem}.footer-main{display:grid;grid-template-columns:1fr;gap:3rem}.footer-brand-heading-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.footer-brand-title{margin:0;font-weight:800}.footer-brand-description{color:#64748b;font-size:.875rem;max-width:20rem;line-height:1.6;margin:0}.footer-link-title{font-weight:700;color:#0f172a;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.footer-bottom{border-top:1px solid #f1f5f9;padding-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.footer-copyright{color:#94a3b8;font-size:.75rem;font-weight:500;margin:0}.footer-actions{display:flex;align-items:center;gap:1.5rem}.footer-lang{color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:color .2s}.footer-lang:hover{color:#2563eb}.footer-social{display:flex;gap:1rem}.footer-social-link{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-social-link:hover{color:#2563eb}.footer-social-icon{font-size:1rem;vertical-align:middle}@media(max-width:600px){.footer{padding-top:.75rem;padding-bottom:.25rem}.footer-container{padding-left:.75rem;padding-right:.75rem}.footer-main{gap:1.25rem}.footer-brand-heading-row{margin-bottom:.5rem}.footer-link-title{margin-bottom:.65rem}.footer-bottom{padding-top:.65rem;gap:.5rem}.footer-actions{gap:.75rem}.footer-social{gap:.5rem}}.progress-summary-container{border-radius:1.25rem;border:1px solid var(--slate-200);background:#fcfcfc;width:100%;text-align:left;padding:0;font-weight:700;font-size:1.1rem;color:var(--slate-700)}.progress-summary-toggle-btn{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;outline:none;border:none}.progress-summary-toggle-btn .material-symbols-outlined,.progress-summary-open-header .material-symbols-outlined{font-size:1.5rem;transition:transform .15s}.progress-summary-open-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;border-bottom:1px solid var(--slate-100);background:#fcfcfc;font-weight:700;font-size:1.1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.progress-summary-panel{max-height:2000px;transition:max-height .35s cubic-bezier(.41,1.04,.58,1),opacity .2s;overflow:hidden;opacity:1}.progress-summary-panel.closed{max-height:0;opacity:0}