@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#00008b;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .4s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-content{text-align:center;animation:pulse 2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.splash-logo{width:clamp(120px,30vw,200px);height:auto;aspect-ratio:1/1;object-fit:contain;margin:0 auto 16px;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.splash-tagline{font-size:clamp(14px,4vw,18px);color:gold;font-weight:500;letter-spacing:1.5px;margin-top:8px;opacity:.9}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}@media (min-width: 768px){.splash-logo{width:clamp(160px,25vw,220px)}}@media (max-width: 280px){.splash-logo{width:100px}.splash-tagline{font-size:12px}}.install-prompt-overlay{position:fixed;bottom:20px;left:20px;right:20px;z-index:10000;animation:slideUp .3s ease}.install-prompt{background:#fff;border-radius:20px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px #00008b4d;border:2px solid #FFD700;max-width:430px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.prompt-icon img{width:48px;height:48px;border-radius:12px}.prompt-content{flex:1}.prompt-content h3{color:#00008b;font-size:16px;font-weight:700;margin-bottom:4px}.prompt-content p{color:#666;font-size:13px}.prompt-actions{display:flex;flex-direction:column;gap:8px;min-width:100px}.install-btn{background:gold;color:#00008b;border:none;padding:8px 16px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.install-btn:hover{background:#e6c200}.later-btn{background:transparent;color:#666;border:1px solid #E5E7EB;padding:8px 16px;border-radius:20px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease}.later-btn:hover{background:#f5f5f5}@media (max-width: 480px){.install-prompt{flex-direction:column;text-align:center}.prompt-actions{flex-direction:row;width:100%}.install-btn,.later-btn{flex:1}}.welcome-social{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:24px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border-radius:30px;font-size:15px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .2s ease;border:none;line-height:1.5;white-space:nowrap;box-sizing:border-box}.social-btn.google-btn{background:#fff;color:#3c4043;border:1px solid #dadce0}.social-btn.google-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.social-btn.apple-btn{background:#000;color:#fff;border:none}.social-btn.apple-btn:hover{background:#1a1a1a}.social-btn span{flex:1;text-align:center}.social-btn svg{width:20px;height:20px;flex-shrink:0}@media (max-width: 380px){.social-btn{padding:14px 16px;font-size:14px;white-space:normal}.social-btn span{white-space:normal;word-break:break-word}}.language-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.language-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #E5E7EB}.modal-header h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#1a1a1a}.modal-header svg{color:#00008b}.close-btn{width:32px;height:32px;border-radius:50%;background:#f0f2f5;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#65676b}.language-list{padding:8px 0}.language-item{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;transition:background .2s ease}.language-item:hover{background:#f9fafb}.language-item.active{background:#f0f0ff}.language-flag{font-size:32px;width:48px;text-align:center}.language-info{flex:1;display:flex;flex-direction:column;gap:2px}.language-name{font-size:16px;font-weight:600;color:#1a1a1a}.language-native{font-size:13px;color:#65676b}.check-icon{color:#00008b;font-weight:700;font-size:18px}.version-container{text-align:center;padding:8px 0}.version-text{color:#fff6;font-size:11px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:1px}.welcome-lang-switch{position:absolute;top:16px;right:16px;display:flex;gap:6px;background:#ffffff1a;padding:4px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.welcome-lang-switch button{padding:5px 10px;border:none;background:transparent;border-radius:30px;cursor:pointer;font-size:12px;font-weight:600;color:#ffffffb3;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.welcome-lang-switch button.active{background:gold;color:#00008b}.welcome-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00008b,#00006b);padding:20px;position:relative}.welcome-content{max-width:360px;width:100%;text-align:center}.welcome-logo{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;margin:0 auto 12px!important;display:block!important}.welcome-tagline{font-size:15px;color:gold;margin-bottom:32px;font-weight:500;letter-spacing:.5px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.welcome-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.welcome-btn{padding:13px 20px;border-radius:25px;font-size:15px;font-weight:600;text-decoration:none;text-align:center;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.welcome-btn-primary{background:gold;color:#00008b}.welcome-btn-primary:hover{background:#e6c200}.welcome-btn-secondary{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.welcome-btn-secondary:hover{border-color:#fff}.welcome-divider{display:flex;align-items:center;color:#fff6;margin:20px 0}.welcome-divider:before,.welcome-divider:after{content:"";flex:1;height:1px;background:#ffffff26}.welcome-divider span{padding:0 14px;font-size:13px;font-weight:500}.welcome-social{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.social-btn{padding:12px 20px;border-radius:25px;font-size:14px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.social-btn span{font-size:18px;font-weight:700}.google-btn:hover{background:#f5f5f5}.apple-btn{background:#1a1a1a;color:#fff}.apple-btn:hover{background:#2a2a2a}.welcome-terms{color:#ffffff80;font-size:12px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.welcome-terms a{color:gold;text-decoration:none;font-weight:500}.welcome-powered{margin-top:20px;color:#ffffff59;font-size:11px;font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.5px}.version-text{color:#ffffff4d;font-size:10px;margin-top:4px}.welcome-logo{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}.welcome-logo{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important}.welcome-logo{width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important;margin:0 auto 20px!important;display:block!important;background:#fff!important;border-radius:22px!important;padding:12px!important;box-shadow:0 8px 20px #0003!important;object-fit:contain!important}@media screen and (max-width: 1000px){.welcome-logo{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}}@media screen and (max-width: 1000px){.welcome-logo{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;margin:0 auto 20px!important;background:#fff!important;border-radius:20px!important;padding:12px!important;box-shadow:0 6px 16px #00000026!important}}.welcome-social{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:24px!important;width:100%!important}.welcome-social>*{width:100%!important}.welcome-social div{width:100%!important}.language-globe-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.language-globe-btn:hover{background:#ffffff40;transform:scale(1.05)}.language-globe-btn svg{width:22px;height:22px}@media (max-width: 480px){.language-globe-btn{top:16px;right:16px;width:40px;height:40px}}.youtube-pinterest-header{background:#fff;border-bottom:1px solid #E5E7EB;position:sticky;top:0;z-index:100;width:100%;padding:12px 0}.header-container{display:flex;align-items:center;gap:12px;max-width:500px;margin:0 auto;padding:0 16px}.logo-wrapper{cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-image{width:48px;height:48px;border-radius:12px;object-fit:cover;transition:transform .2s ease}.logo-image:hover{transform:scale(1.02)}.search-wrapper{flex:1;display:flex;align-items:center;background:#f5f5f5;border-radius:30px;height:44px;padding:0 16px;transition:all .2s ease;border:1.5px solid transparent;min-width:0}.search-wrapper:hover{background:#eee}.search-wrapper.focused{background:#fff;border-color:#00008b;box-shadow:0 0 0 2px #00008b1a}.search-icon-wrapper{display:flex;align-items:center;color:#767676;margin-right:8px;flex-shrink:0}.search-icon-wrapper svg{width:18px;height:18px}.search-input{flex:1;border:none;background:transparent;font-size:15px;outline:none;color:#111;min-width:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}.search-input::placeholder{color:#767676;font-weight:400}.clear-icon-wrapper{display:flex;align-items:center;cursor:pointer;color:#767676;padding:4px;border-radius:50%;transition:background .2s ease;flex-shrink:0}.clear-icon-wrapper:hover{background:#0000000d}.clear-icon-wrapper svg{width:16px;height:16px}.menu-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#111;flex-shrink:0;border-radius:50%;transition:background .2s ease;width:44px;height:44px}.menu-button:hover{background:#f5f5f5}.menu-button svg{width:24px;height:24px}@media (max-width: 480px){.header-container{gap:8px;padding:0 12px}.logo-image{width:40px;height:40px}.search-wrapper{height:40px;padding:0 12px}.search-input{font-size:14px}.menu-button{width:40px;height:40px}}.logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;object-fit:contain}.menu-container{min-height:100vh;background:#f9fafb;max-width:500px;margin:0 auto}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB}.menu-header h1{font-size:20px;font-weight:700;color:#1a1a1a}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#00008b;padding:0}.menu-items{background:#fff;margin-top:12px;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.menu-item{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid #F0F2F5;cursor:pointer;transition:background .2s}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#f9fafb}.menu-item svg:first-child{color:#00008b;flex-shrink:0}.menu-item span{flex:1;font-size:16px;font-weight:500;color:#1a1a1a}.menu-divider{height:12px;background:transparent}.language-section{background:#fff;padding:20px;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-header span{font-size:16px;font-weight:600;color:#1a1a1a}.language-selector{display:flex;flex-direction:column;gap:8px}.language-selector button{padding:14px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;font-size:15px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s;text-align:left}.language-selector button.active{background:#00008b;color:#fff;border-color:#00008b}.menu-socials{display:flex;align-items:center;gap:14px}.menu-socials a{color:#666;transition:opacity .2s,transform .2s;display:flex;align-items:center}.menu-socials a:hover{opacity:.7;transform:scale(1.1);color:#333}.menu-socials a.yt,.menu-socials a.yt:hover{color:red}.menu-socials a.tw,.menu-socials a.tw:hover,.menu-socials a.tk,.menu-socials a.tk:hover{color:#000}.menu-socials a.fb,.menu-socials a.fb:hover{color:#1877f2}.unified-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.unified-alert{background:#fff;border-radius:28px;padding:28px 24px 24px;max-width:380px;width:100%;text-align:center;border-top:5px solid #00008B;box-shadow:0 20px 40px #00000026;animation:slideUp .3s ease}.alert-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:36px}.alert-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.alert-message{font-size:16px;color:#1a1a1a;margin-bottom:8px;font-weight:500}.alert-description{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}.alert-notify{display:flex;gap:8px;margin-bottom:16px}.notify-input{flex:1;padding:14px 16px;border:2px solid #E5E7EB;border-radius:14px;font-size:14px;outline:none;transition:border-color .2s}.notify-input:focus{border-color:#00008b}.notify-btn{padding:14px 20px;background:#00008b;color:#fff;border:none;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .2s}.notify-btn:hover{background:#00006b}.notify-success{padding:12px;background:#d1fae5;border-radius:12px;color:#065f46;font-size:14px;margin-bottom:16px}.alert-close-btn{width:100%;padding:14px;background:#f0f2f5;border:none;border-radius:14px;font-weight:600;font-size:15px;color:#1a1a1a;cursor:pointer;transition:background .2s}.alert-close-btn:hover{background:#e5e7eb}@media (max-width: 480px){.unified-alert{padding:24px 20px 20px}.alert-icon{width:60px;height:60px;font-size:30px}.alert-title{font-size:20px}.alert-notify{flex-direction:column}.notify-btn{white-space:normal}}.learn-container{min-height:100vh;background:#f9fafb;max-width:500px;margin:0 auto;padding-bottom:20px}.learn-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB}.learn-header h1{font-size:20px;font-weight:700;color:#1a1a1a}.learn-subtitle{padding:16px 20px 8px;color:#666;font-size:14px}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.category-card{background:#fff;border-radius:16px;padding:16px 12px;text-align:center;border:2px solid;cursor:pointer;transition:transform .2s}.category-card:hover{transform:translateY(-2px)}.category-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.category-card h3{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:4px;line-height:1.3}.category-stats{font-size:11px;color:#888;margin-bottom:12px}.explore-btn{width:100%;padding:8px;border:none;border-radius:20px;color:#fff;font-weight:600;font-size:12px;cursor:pointer}.teach-container{min-height:100vh;background:#f9fafb;max-width:500px;margin:0 auto;padding-bottom:30px}.teach-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB}.teach-header h1{font-size:20px;font-weight:700;color:#1a1a1a}.teach-hero{text-align:center;padding:24px 20px;background:linear-gradient(135deg,#00008b,#1a1a5e);color:#fff}.teach-hero h2{font-size:20px;margin-bottom:8px}.teach-hero p{opacity:.9;font-size:14px}.teach-form{padding:20px}.form-section{margin-bottom:20px}.form-section label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:8px;font-size:14px}.form-section input,.form-section select{width:100%;padding:14px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:15px;background:#fff}.form-section .hint{font-size:12px;color:#888;margin-bottom:8px}.submit-btn{width:100%;padding:16px;background:#00008b;color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px}.pending-screen{text-align:center;padding:60px 30px}.pending-screen svg{margin-bottom:20px}.pending-screen h2{font-size:22px;color:#1a1a1a;margin-bottom:10px}.pending-screen p{color:#666;margin-bottom:30px}.home-btn{padding:14px 30px;background:#00008b;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer}.practice-container{min-height:100vh;background:#f9fafb;max-width:500px;margin:0 auto;padding-bottom:30px}.practice-header{display:flex;align-items:flex-start;padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB}.header-context{flex:1;text-align:center}.header-context h1{font-size:20px;font-weight:700;color:#1a1a1a}.header-context p{font-size:12px;color:#666;margin-top:2px}.task-card{background:#fff;margin:16px;padding:20px;border-radius:20px;border:1px solid #E5E7EB}.task-card h3{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.task-description{font-size:15px;color:#1a1a1a;margin-bottom:16px;line-height:1.4}.task-tips{display:flex;gap:16px}.task-tips span{font-size:12px;color:#666}.example-card{background:#f0f2f5;margin:0 16px 16px;padding:16px;border-radius:16px}.example-card h4{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.example-card p{font-size:13px;color:#444;margin-bottom:12px;font-style:italic}.play-example-btn{background:none;border:none;color:#00008b;font-weight:600;font-size:13px;cursor:pointer}.record-section{text-align:center;padding:20px}.record-btn{background:#fff;border:2px dashed #00008B;border-radius:30px;padding:30px;width:100%;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;color:#00008b}.record-btn svg{width:48px;height:48px}.recording-active{text-align:center}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:8px;color:#ef4444;font-weight:600;margin-bottom:16px}.pulse{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.timer{font-size:32px;font-weight:700;margin-bottom:20px}.stop-btn{padding:14px 40px;background:#1a1a1a;color:#fff;border:none;border-radius:30px;font-size:16px;cursor:pointer}.recorded-actions{display:flex;gap:12px;justify-content:center}.replay-btn,.rerecord-btn{padding:12px 24px;border:1px solid #E5E7EB;border-radius:30px;background:#fff;cursor:pointer}.submit-section{display:flex;flex-direction:column;gap:12px;padding:0 20px}.submit-btn{padding:16px;background:#00008b;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer}.offline-btn{padding:14px;background:#fff;border:1px solid #E5E7EB;border-radius:30px;cursor:pointer}.status-banner{margin:16px 20px;padding:14px;border-radius:12px;text-align:center}.status-banner.success{background:#d1fae5;color:#065f46}.status-banner.offline{background:#fef3c7;color:#92400e}.history-section{background:#fff;margin:16px;padding:20px;border-radius:20px;border:1px solid #E5E7EB}.history-section h3{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.history-item{border-bottom:1px solid #F0F2F5;padding-bottom:12px;margin-bottom:12px}.history-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.history-info{display:flex;justify-content:space-between;margin-bottom:10px}.history-lesson{font-weight:500;color:#1a1a1a;font-size:14px}.history-status{font-size:11px;padding:2px 8px;border-radius:12px}.history-status.pending{background:#fef3c7;color:#92400e}.history-status.reviewed{background:#d1fae5;color:#065f46}.history-actions{display:flex;gap:12px}.history-actions .play-btn,.history-actions .retry-btn,.history-actions .feedback-btn{background:none;border:1px solid #E5E7EB;padding:5px 14px;border-radius:20px;font-size:12px;cursor:pointer}.progress-section{padding:0 20px}.progress-section span{font-size:13px;color:#666}.progress-bar-container{background:#e5e7eb;height:6px;border-radius:3px;margin-top:8px;overflow:hidden}.live-update-banner{background:linear-gradient(135deg,#00008b,#1a1a5e);color:#fff;padding:12px 20px;margin:12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease;border-left:4px solid #FFD700}.pulse-dot{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.last-update{text-align:right;padding:4px 20px;font-size:11px;color:#888}.polling-indicator{font-size:12px;margin-left:8px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.feedback-box{background:#f0fdf4;border:1px solid #86EFAC;border-radius:12px;padding:12px 14px;margin:10px 0;display:flex;align-items:flex-start;gap:10px}.feedback-icon{font-size:16px}.feedback-text{font-size:13px;color:#166534;line-height:1.4}.history-item.has-feedback{background:#f9fafb;border-radius:12px;padding:12px;margin-bottom:12px}.status-banner.info{background:#eff6ff;color:#1e40af;border:1px solid #93C5FD}@keyframes pulse{0%,to{box-shadow:0 4px 15px #00008b4d}50%{box-shadow:0 4px 25px #ffd70080}}.library-container{min-height:100vh;background:#f9fafb;max-width:500px;margin:0 auto;padding-bottom:30px}.library-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB}.library-header h1{font-size:20px;font-weight:700;color:#1a1a1a}.spacer{width:24px}.library-subtitle{padding:16px 20px 8px;color:#666;font-size:14px}.continue-card{background:#fff;margin:0 16px 20px;padding:20px;border-radius:20px;box-shadow:0 2px 8px #0000000a;cursor:pointer;border:1px solid #E5E7EB}.continue-header{display:flex;justify-content:space-between;margin-bottom:8px}.field-tag{background:#00008b10;color:#00008b;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.progress-text{color:#666;font-size:13px}.continue-card h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.progress-bar-container{background:#e5e7eb;height:6px;border-radius:3px;margin-bottom:16px;overflow:hidden}.progress-bar-fill{background:#00008b;height:100%;border-radius:3px}.continue-btn{background:none;border:none;color:#00008b;font-weight:600;font-size:14px;cursor:pointer;padding:0}.section{background:#fff;margin:0 16px 16px;padding:20px;border-radius:20px;border:1px solid #E5E7EB}.section h2{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.fields-list{display:flex;flex-direction:column;gap:16px}.field-item{cursor:pointer}.field-info{display:flex;justify-content:space-between;margin-bottom:6px}.field-name{font-weight:500;color:#1a1a1a}.field-progress{color:#666;font-size:13px}.progress-bar-small{background:#e5e7eb;height:4px;border-radius:2px;overflow:hidden}.practice-list{display:flex;flex-direction:column;gap:16px}.practice-item{border-bottom:1px solid #F0F2F5;padding-bottom:12px}.practice-item:last-child{border-bottom:none;padding-bottom:0}.practice-info{display:flex;justify-content:space-between;margin-bottom:10px}.practice-lesson{font-weight:500;color:#1a1a1a}.practice-status{font-size:12px;padding:2px 8px;border-radius:12px}.practice-status.pending{background:#fef3c7;color:#92400e}.practice-status.reviewed{background:#d1fae5;color:#065f46}.practice-actions{display:flex;gap:12px}.play-btn,.retry-btn,.feedback-btn{background:none;border:1px solid #E5E7EB;padding:6px 16px;border-radius:20px;font-size:13px;cursor:pointer;color:#1a1a1a}.saved-list{display:flex;flex-direction:column;gap:10px}.saved-item{color:#1a1a1a;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{text-align:center;padding:12px 8px;background:#f9fafb;border-radius:12px}.stat-value{display:block;font-size:24px;font-weight:700;color:#00008b}.stat-label{font-size:11px;color:#666}.empty-state{text-align:center;padding:60px 30px}.empty-state svg{margin-bottom:20px;opacity:.5}.empty-state h3{font-size:18px;color:#1a1a1a;margin-bottom:20px}.go-learn-btn{padding:14px 30px;background:#00008b;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer}.lessons-container{min-height:100vh;background:#f9fafb;max-width:500px;margin:0 auto;padding-bottom:80px}.lessons-header{padding:20px 16px 12px}.lessons-header h1{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:4px}.lessons-count{font-size:14px;color:#666}.lessons-filter{padding:0 16px 16px}.lessons-filter select{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:30px;font-size:14px;background:#fff}.lessons-grid{display:flex;flex-direction:column;gap:16px;padding:0 16px}.lesson-card-simple{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid #E5E7EB}.lesson-thumb-simple{position:relative;width:100%;padding-top:56.25%;background:#1a1a1a}.lesson-thumb-simple img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.premium-overlay-simple{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;font-size:32px}.lesson-info-simple{padding:12px 14px}.lesson-info-simple h3{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.lesson-meta-simple{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#666}.lesson-type-simple{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.lesson-type-simple.basic{background:#e8f5e9;color:#2e7d32}.lesson-type-simple.premium{background:#fff3e0;color:#e65100}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:500px;width:100%;background:#fff;border-top:1px solid #E5E7EB;display:flex;justify-content:space-around;padding:8px 8px 20px}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#9ca3af;font-size:11px;padding:6px 12px}.bottom-nav .nav-item.active{color:#00008b;background:#ebf0ff;border-radius:8px}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000}.video-modal{position:relative;width:100%;max-width:900px;background:#000;border-radius:16px;overflow:hidden}.close-modal{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:20px;cursor:pointer;z-index:10}.video-container{position:relative;padding-top:56.25%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.sentence-builder{background:#fff;border-radius:20px;padding:20px 16px;margin:16px;box-shadow:0 2px 8px #0000000a}.word-header{text-align:center;margin-bottom:20px}.main-word{font-size:32px;font-weight:800;color:#00008b;display:block;margin-bottom:8px}.word-translations{display:flex;justify-content:center;gap:16px;font-size:16px;flex-wrap:wrap}.word-translations .fr{color:#666}.word-translations .zh{color:gold}.section-label{font-size:13px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sentence-display{background:#f9fafb;padding:14px;border-radius:14px;cursor:pointer;transition:background .2s}.sentence-display:active{background:#f0f2f5}.en-sentence{font-size:16px;font-weight:500;color:#1a1a1a;margin-bottom:6px;line-height:1.4}.translated-sentence{font-size:14px;color:#666;padding-top:8px;border-top:1px solid #E5E7EB;line-height:1.4}.tap-hint{font-size:11px;color:#999;margin-top:6px;text-align:center}.blocks-section{margin-top:20px}.blocks-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.grammar-block{background:linear-gradient(135deg,#00008b,#1a1a5e);padding:10px 14px;border-radius:12px;min-width:70px;text-align:center}.block-text{display:block;color:#fff;font-weight:600;font-size:14px;margin-bottom:3px}.block-label{display:block;color:gold;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.second-sentence{margin-top:20px;padding-top:16px;border-top:1px solid #E5E7EB}.fr-sentence,.zh-sentence{font-size:13px;color:#666;margin-top:4px;line-height:1.4}@media (max-width: 480px){.sentence-builder{padding:16px 14px;margin:12px}.main-word{font-size:28px}.word-translations{font-size:14px;gap:12px}.en-sentence{font-size:15px}.grammar-block{padding:8px 12px;min-width:60px}.block-text{font-size:13px}.block-label{font-size:9px}}@media (max-width: 360px){.blocks-container{gap:6px}.grammar-block{padding:6px 10px;min-width:50px}.block-text{font-size:12px}}.apple-watch-container{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.apple-watch{position:relative;width:95px;height:115px;background:#1a1a1a;border-radius:24px;padding:10px 6px;box-shadow:0 8px 20px #00000040,inset 0 0 0 1.5px #ffd70026;transition:transform .2s ease,box-shadow .2s ease}.apple-watch:hover{transform:scale(1.02);box-shadow:0 10px 24px #0000004d,inset 0 0 0 2px #ffd70033}.apple-watch.pulse{animation:watchPulse .2s ease}@keyframes watchPulse{0%{box-shadow:0 8px 20px #00000040,inset 0 0 0 1.5px #ffd70026}50%{box-shadow:0 8px 20px #ffd70080,inset 0 0 0 2.5px gold}to{box-shadow:0 8px 20px #00000040,inset 0 0 0 1.5px #ffd70026}}.watch-face{width:100%;height:100%;background:#0a0a0a;border-radius:18px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #333}.watch-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px;padding:0 4px}.watch-brand{font-size:8px;color:gold;opacity:.7;font-weight:500}.watch-tz{font-size:6px;color:gold;text-transform:uppercase;letter-spacing:.3px;opacity:.5}.watch-time{font-size:14px;font-weight:600;color:gold;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;letter-spacing:.3px;line-height:1.2;text-align:center;width:100%}.watch-date{font-size:6px;color:#999;text-transform:uppercase;letter-spacing:.3px;margin-top:6px;text-align:center;width:100%}.time-money-text{display:flex;flex-direction:column}.time-money-slogan{font-size:16px;font-weight:500;color:gold;white-space:nowrap}.time-money-slogan .username-gold{font-weight:700;color:gold}.time-money-slogan .comma{color:gold}.time-money-slogan .slogan-gold{font-weight:600;color:gold}@media (max-width: 480px){.apple-watch{width:85px;height:102px;padding:8px 5px}.watch-time{font-size:13px}.watch-date{font-size:5.5px}.time-money-slogan{font-size:14px}}@media (max-width: 360px){.apple-watch-container{gap:10px}.apple-watch{width:78px;height:94px}.watch-time{font-size:12px}.time-money-slogan{font-size:12px;white-space:normal}}.currency-selector{position:relative;z-index:100}.currency-toggle{display:flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:8px 16px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.currency-toggle:hover{background:#ffffff40}.dropdown-arrow{font-size:10px;margin-left:4px}.currency-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:16px;box-shadow:0 8px 30px #0003;overflow:hidden;min-width:200px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.currency-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:none;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#1a1a1a;transition:background .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:left}.currency-option:hover{background:#f5f5f5}.currency-option.active{background:gold;color:#00008b;font-weight:600}.pricing-header-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lang-switch{display:flex;gap:6px;background:#ffffff1a;padding:4px;border-radius:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-switch button{padding:6px 12px;border:none;background:transparent;border-radius:40px;cursor:pointer;font-size:12px;font-weight:600;color:#ffffffb3;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lang-switch button.active{background:gold;color:#00008b}.lang-switch button:hover:not(.active){color:#fff;background:#ffffff1a}.loading{text-align:center;color:#fff;padding:40px;font-size:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pricing-container{min-height:100vh;background:linear-gradient(135deg,#00008b,#00006b);padding:20px 16px 40px;max-width:430px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h1{font-size:28px;font-weight:800;color:gold;margin-bottom:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pricing-header p{color:#fffc;font-size:15px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pricing-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.pricing-card{background:#fff;border-radius:24px;padding:24px;position:relative;transition:transform .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pricing-card.popular{border:3px solid #FFD700;transform:scale(1.02)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:gold;color:#00008b;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.plan-name{font-size:22px;font-weight:700;color:#00008b;margin-bottom:16px;text-align:center}.plan-price{text-align:center;margin-bottom:8px}.price{font-size:40px;font-weight:800;color:#1a1a1a}.period{font-size:16px;color:#666;font-weight:400}.savings{text-align:center;color:#10b981;font-size:14px;font-weight:600;margin-bottom:20px}.plan-features{list-style:none;margin-bottom:24px}.plan-features li{display:flex;align-items:center;gap:10px;padding:8px 0;color:#1a1a1a;font-size:14px;border-bottom:1px solid #F0F0F0}.plan-features li:last-child{border-bottom:none}.check{color:#10b981;font-weight:700;font-size:16px}.select-plan-btn{width:100%;padding:16px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.select-plan-btn.primary{background:gold;color:#00008b;border:none}.select-plan-btn.primary:hover{background:#e6c200}.select-plan-btn.outline{background:transparent;color:#00008b;border:2px solid #00008B}.select-plan-btn.outline:hover{background:#00008b0d}.pricing-footer{text-align:center;color:#ffffff80;font-size:13px;margin-top:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (min-width: 900px){.pricing-container{max-width:1000px}.pricing-grid{flex-direction:row;align-items:stretch}.pricing-card{flex:1}}.checkout-container{min-height:100vh;background:linear-gradient(135deg,#00008b,#00006b);padding:20px 16px 40px;max-width:430px;margin:0 auto}.back-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px 0;margin-bottom:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.checkout-header{text-align:center;margin-bottom:24px}.checkout-header h1{font-size:28px;font-weight:800;color:gold;margin-bottom:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.checkout-header p{color:#fffc;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.order-summary{background:#fff;border-radius:20px;padding:20px;margin-bottom:24px}.order-summary h3{color:#00008b;font-size:16px;font-weight:700;margin-bottom:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#666;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.summary-row .price{color:#1a1a1a;font-weight:600}.summary-divider{height:1px;background:#e5e7eb;margin:12px 0}.summary-row.total{font-weight:700;color:#1a1a1a;font-size:16px}.total-price{color:#00008b!important;font-size:20px}.payment-methods-section{margin-bottom:24px}.payment-methods-section h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-method-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.method-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.method-info{flex:1}.method-info h4{color:#1a1a1a;font-size:16px;font-weight:700;margin-bottom:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.method-info p{color:#666;font-size:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.method-check{width:24px;height:24px;border-radius:50%;background:gold;display:flex;align-items:center;justify-content:center;color:#00008b;font-weight:700}.payment-form{background:#fff;border-radius:20px;padding:20px;margin-bottom:24px}.payment-form h4{color:#1a1a1a;font-size:14px;font-weight:600;margin-bottom:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.phone-input-wrapper{display:flex;align-items:center;background:#f5f5f5;border-radius:12px;overflow:hidden;border:2px solid #E5E7EB}.phone-input-wrapper:focus-within{border-color:#00008b}.country-code{padding:16px;background:#e5e7eb;color:#1a1a1a;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.phone-input{flex:1;padding:16px;border:none;background:transparent;font-size:16px;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-hint{color:#666;font-size:12px;margin-top:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card-form .form-group{margin-bottom:16px}.card-form label{display:block;color:#1a1a1a;font-size:13px;font-weight:600;margin-bottom:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card-form input{width:100%;padding:14px;border:2px solid #E5E7EB;border-radius:12px;font-size:15px;outline:none;transition:border-color .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card-form input:focus{border-color:#00008b}.form-row{display:flex;gap:12px}.form-group.half{flex:1}.card-logos{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:24px}.secure-badge{margin-left:auto;color:#10b981;font-size:12px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pay-btn{width:100%;padding:18px;background:gold;color:#00008b;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:16px}.pay-btn:hover:not(.disabled){background:#e6c200;transform:translateY(-2px)}.pay-btn.disabled{opacity:.5;cursor:not-allowed}.processing{display:flex;align-items:center;justify-content:center;gap:12px}.spinner{width:20px;height:20px;border:3px solid #00008B;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.security-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffffffb3;font-size:13px;margin-bottom:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.checkout-footer{text-align:center;color:#ffffff80;font-size:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.method-logo{width:60px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:4px}.method-logo img{max-width:100%;max-height:100%;object-fit:contain}.payment-method-card{display:flex;align-items:center;gap:16px}.method-logo{width:80px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:4px;flex-shrink:0}.method-logo svg{width:100%;height:100%}.payment-method-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:16px;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.payment-method-card.selected{border-color:gold;background:#fffdf5}.payment-method-card .method-info{flex:1}.payment-method-card .method-info h4{color:#1a1a1a;font-size:16px;font-weight:700;margin-bottom:4px}.payment-method-card .method-info p{color:#666;font-size:13px}.method-check{width:24px;height:24px;border-radius:50%;background:gold;display:flex;align-items:center;justify-content:center;color:#00008b;font-weight:700;flex-shrink:0}.trust-alert-modal{background:#fff;border-radius:28px;padding:32px 24px;max-width:360px;width:90%;text-align:center;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease}.trust-icon{font-size:56px;margin-bottom:16px}.trust-alert-modal h3{font-size:22px;font-weight:700;color:#00008b;margin-bottom:12px}.trust-alert-modal p{font-size:15px;color:#444;line-height:1.5;margin-bottom:12px}.trust-note{color:gold;font-weight:600;font-size:16px;margin-bottom:24px}.trust-ok-btn{background:#00008b;color:#fff;border:none;padding:14px 40px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.trust-ok-btn:hover{background:#00006b}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.users-management .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.users-management h2{font-size:24px;font-weight:700;color:#1a1a1a}.search-box{position:relative}.search-box input{padding:12px 16px 12px 40px;border:2px solid #E5E7EB;border-radius:30px;font-size:14px;width:260px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#888}.users-table-container{background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:16px;font-size:13px;font-weight:600;color:#666;border-bottom:1px solid #E5E7EB;white-space:nowrap}.users-table td{padding:16px;border-bottom:1px solid #F0F2F5;white-space:nowrap}.users-table tr.blocked{background:#fef2f2;opacity:.8}.user-name{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#00008b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.badge{display:inline-block;width:24px;height:24px;border-radius:50%;background:#f0f2f5;color:#666;text-align:center;line-height:24px}.badge.premium{background:gold;color:#00008b}.admin-toggle{padding:6px 12px;border:none;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;background:#f0f2f5;color:#666}.admin-toggle.active{background:#00008b;color:#fff}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.blocked{background:#ffebee;color:#c62828}.action-buttons{display:flex;gap:8px}.action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.action-btn.block{background:#fff3e0}.action-btn.unblock{background:#e8f5e9}.action-btn:hover{opacity:.8}.action-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.users-management .section-header{flex-direction:column;gap:16px;align-items:stretch}.search-box input{width:100%}}.lessons-management .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lessons-management h2{font-size:24px;font-weight:700;color:#1a1a1a}.add-btn{background:#00008b;color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:600;cursor:pointer}.lessons-table-container{background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.lessons-table{width:100%;border-collapse:collapse}.lessons-table th{text-align:left;padding:16px;font-size:13px;font-weight:600;color:#666;border-bottom:1px solid #E5E7EB}.lessons-table td{padding:16px;border-bottom:1px solid #F0F2F5}.type-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.type-badge.basic{background:#e8f5e9;color:#2e7d32}.type-badge.premium{background:#fff3e0;color:#e65100}.status-badge.published{background:#e8f5e9;color:#2e7d32}.status-badge.draft{background:#f0f2f5;color:#666}.action-btn.edit{background:#e8f0fe}.action-btn.delete{background:#ffebee}.submissions-management .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.submissions-management h2{font-size:24px;font-weight:700;color:#1a1a1a}.pending-count{background:#fef3c7;color:#92400e;padding:6px 16px;border-radius:20px;font-weight:600}.submissions-list{display:flex;flex-direction:column;gap:20px}.submission-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.user-info{display:flex;align-items:center;gap:12px}.user-info .user-avatar{width:40px;height:40px;border-radius:50%;background:#00008b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-info h4{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.lesson-title{font-size:13px;color:#666}.submission-status{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.submission-status.pending{background:#fef3c7;color:#92400e}.submission-status.reviewed{background:#e8f5e9;color:#2e7d32}.submission-audio{display:flex;align-items:center;gap:16px;margin-bottom:16px}.play-btn{background:#00008b;color:#fff;border:none;padding:10px 20px;border-radius:30px;font-weight:500;cursor:pointer}.submitted-date{font-size:13px;color:#888}.feedback-form textarea{width:100%;padding:14px;border:2px solid #E5E7EB;border-radius:12px;font-size:14px;resize:vertical;margin-bottom:12px;font-family:inherit}.feedback-form textarea:focus{outline:none;border-color:#00008b}.submit-feedback-btn{background:#00008b;color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:600;cursor:pointer;width:100%}.feedback-display{background:#f0fdf4;border:1px solid #86EFAC;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:12px}.feedback-icon{font-size:18px}.feedback-display p{color:#166534;line-height:1.5}.coming-soon-note{margin-top:20px;padding:16px;background:#fef3c7;border-radius:12px;color:#92400e;text-align:center}.overview-container h2{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a}.stat-card.highlight{background:linear-gradient(135deg,#00008b,#1a1a5e)}.stat-card.highlight .stat-value,.stat-card.highlight .stat-label{color:#fff}.stat-icon{font-size:36px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:800;color:#1a1a1a;line-height:1.2}.stat-label{font-size:14px;color:#666}.recent-activity{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.recent-activity h3{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.activity-icon.user{background:#e8f0fe}.activity-icon.submission{background:#fff3e0}.activity-icon.lesson{background:#e8f5e9}.activity-icon.premium{background:#fef3c7}.activity-details{flex:1}.activity-text{color:#1a1a1a;margin-bottom:4px}.activity-time{font-size:12px;color:#888}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.admin-dashboard{min-height:100vh;background:#f5f7fa}.admin-header{background:#00008b;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.admin-header-left{display:flex;align-items:center;gap:20px}.admin-header .back-btn{background:#ffffff26;border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:background .2s}.admin-header .back-btn:hover{background:#ffffff40}.admin-header h1{font-size:24px;font-weight:700;margin:0}.admin-badge{background:gold;color:#00008b;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.admin-tabs{display:flex;background:#fff;border-bottom:1px solid #E5E7EB;padding:0 20px}.admin-tab{padding:16px 24px;background:none;border:none;font-size:15px;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.admin-tab:hover{color:#00008b;background:#f5f7fa}.admin-tab.active{color:#00008b;border-bottom-color:#00008b}.admin-content{padding:24px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.admin-header{flex-direction:column;gap:12px;text-align:center}.admin-header-left{flex-direction:column;gap:12px}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{padding:14px 16px;white-space:nowrap}.admin-content{padding:16px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:#f5f5f5}.app{max-width:100%;min-height:100vh}.mobile-container{max-width:430px;margin:0 auto;background:#fff;min-height:100vh;padding:24px 20px 90px;position:relative;box-shadow:0 0 40px #00008b14}.main-header{margin-bottom:20px}.header-top-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo-section{display:flex;align-items:center;gap:8px;cursor:pointer}.header-logo{width:40px;height:40px;border-radius:12px}.logo-text{font-size:24px;font-weight:800;color:#00008b;letter-spacing:-.02em}.search-container{flex:1;display:flex;align-items:center;background:#f5f5f5;border-radius:30px;padding:0 16px;border:2px solid transparent;transition:all .2s ease}.search-container:focus-within{background:#fff;border-color:#00008b;box-shadow:0 0 0 3px #00008b1a}.search-icon{font-size:16px;color:#666;margin-right:10px}.search-input{flex:1;border:none;background:transparent;padding:12px 0;font-size:15px;outline:none;color:#1a1a1a}.search-input::placeholder{color:#666}.clear-search{font-size:14px;color:#666;cursor:pointer;padding:4px}.clear-search:hover{color:#00008b}.header-actions-row{display:flex;justify-content:space-between;align-items:center}.lang-switch{display:flex;gap:6px;background:#f5f5f5;padding:4px;border-radius:40px}.lang-switch button{padding:6px 12px;border:none;background:transparent;border-radius:40px;cursor:pointer;font-size:12px;font-weight:500;color:#666;transition:all .2s ease}.lang-switch button.active{background:#00008b;color:#fff}.lang-switch button:hover:not(.active){background:#00008b0d;color:#00008b}.user-actions{display:flex;gap:12px;align-items:center}.admin-link{color:gold;text-decoration:none;font-weight:600;padding:6px 12px;background:#ffd70026;border-radius:20px}.logout-btn{padding:6px 14px;background:#f5f5f5;border:none;border-radius:20px;cursor:pointer;color:#666;font-weight:500}.logout-btn:hover{background:#e8e8e8;color:#00008b}.login-link{padding:6px 16px;background:#00008b;color:#fff;text-decoration:none;border-radius:20px;font-weight:600;transition:all .2s ease}.login-link:hover{background:#00006b}.welcome-section{margin-bottom:20px}.welcome-text{font-size:24px;font-weight:700;color:#1a1a1a}.user-name{color:#00008b;font-weight:700}.app-subtitle{font-size:15px;color:#666}.brand{color:#00008b;font-weight:700}.premium-badge{display:inline-block;background:gold;color:#00008b;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;margin-left:10px}.card{background:#fff;border-radius:24px;padding:22px;margin-bottom:20px;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(0,0,139,.06)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-label{text-transform:uppercase;font-size:12px;font-weight:700;color:#00008b;letter-spacing:.5px}.free-badge{background:#00008b;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px}.free-lesson{background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #00008B}.lesson-title{font-size:26px;font-weight:800;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.02em}.lesson-description{color:#666;font-size:14px;margin-bottom:16px;line-height:1.5}.today-thumbnail{width:100%;border-radius:16px;margin-bottom:16px}.button-group{display:flex;gap:12px}.btn{padding:14px 24px;border-radius:16px;border:none;font-size:15px;font-weight:600;cursor:pointer;flex:1;text-decoration:none;text-align:center;transition:all .2s ease}.btn-primary{background:#00008b;color:#fff}.btn-primary:hover{background:#00006b}.btn-outline-dark{background:transparent;color:#1a1a1a;border:2px solid rgba(0,0,139,.15)}.btn-outline-dark:hover{border-color:#00008b;background:#00008b0d}.btn-premium{background:gold;color:#00008b;font-weight:700}.btn-premium:hover{background:#e6c200}.btn-full{width:100%}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e8e8e8}.quick-actions-section{margin-bottom:20px}.section-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:16px;letter-spacing:-.01em}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action-card{background:#fff;border-radius:20px;padding:20px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid rgba(0,0,139,.06);cursor:pointer;transition:all .2s ease}.quick-action-card:hover{border-color:#00008b;box-shadow:0 4px 12px #00008b1a}.action-icon{font-size:32px}.action-label{font-size:14px;font-weight:600;color:#1a1a1a}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.premium-lock{font-size:16px;opacity:.5}.lessons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.lesson-card-premium{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,139,.06);cursor:pointer;transition:all .2s ease}.lesson-card-premium:hover{border-color:#00008b;box-shadow:0 8px 20px #00008b1a}.lesson-thumbnail-container{position:relative;aspect-ratio:16 / 9}.lesson-thumbnail{width:100%;height:100%;object-fit:cover}.premium-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00008b99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center}.premium-lock-icon{font-size:24px}.premium-text{color:gold;font-weight:700;font-size:12px;text-transform:uppercase}.free-badge-thumbnail{position:absolute;top:8px;left:8px;background:#00008b;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:20px}.lesson-info{padding:12px}.lesson-card-title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.lesson-card-description{font-size:12px;color:#666}.no-results{text-align:center;padding:40px 20px;background:#f5f5f5;border-radius:20px}.no-results-icon{font-size:48px;opacity:.5}.no-results p{color:#666;margin:16px 0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:430px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,139,.06);display:flex;justify-content:space-around;padding:12px 20px 24px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#666;font-size:12px;font-weight:500;transition:all .2s ease;padding:8px 20px;border-radius:40px}.nav-item:hover{color:#00008b;background:#f5f5f5}.nav-item.active{color:#00008b;background:#00008b0d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.premium-modal{background:#fff;border-radius:32px;padding:32px;max-width:360px;width:100%}.coming-soon-modal{background:#fff;border-radius:32px;padding:36px;max-width:340px;text-align:center}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.modal-header h3{color:#00008b;font-size:22px;font-weight:700}.premium-icon{font-size:40px}.modal-message{color:#666;margin-bottom:28px;line-height:1.6}.premium-features{background:#ffd7001a;border-radius:16px;padding:16px;margin-bottom:24px}.feature-item{display:flex;align-items:center;gap:12px;color:#1a1a1a}.modal-actions{display:flex;gap:12px}.modal-icon{font-size:56px;display:block;margin-bottom:20px}.coming-soon-modal h3{color:#00008b;font-size:24px;margin-bottom:12px}.coming-soon-modal p{color:#666;margin-bottom:24px}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#00008b}.auth-card{background:#fff;border-radius:40px;padding:40px 32px;width:100%;max-width:420px;box-shadow:0 20px 40px #00008b33}.auth-card h2{font-size:32px;font-weight:800;color:#00008b;letter-spacing:-.02em}.auth-subtitle{color:#666;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:22px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1a1a1a;font-weight:600;font-size:14px}.form-group input{padding:16px;border:2px solid rgba(0,0,139,.1);border-radius:16px;font-size:16px;background:#f5f5f5;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#00008b;background:#fff;box-shadow:0 0 0 3px #00008b1a}.auth-footer{text-align:center;margin-top:28px;color:#666}.auth-footer a{color:#00008b;text-decoration:none;font-weight:700}.courses-container{padding:24px 20px;max-width:430px;margin:0 auto}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.courses-header h1{color:#00008b;font-size:28px;font-weight:700}.course-card{background:#fff;border-radius:24px;padding:24px;margin-bottom:16px;border:1px solid rgba(0,0,139,.06)}.course-card h3{color:#1a1a1a;margin-bottom:16px}.progress-bar-container{background:#0000000f;height:8px;border-radius:20px;margin-bottom:14px;overflow:hidden}.progress-bar{background:#00008b;height:100%;border-radius:20px}.admin-container{min-height:100vh;background:#f5f5f5}.admin-header{background:#fff;padding:20px 30px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,139,.06)}.admin-header h1{color:#00008b}.admin-layout{display:flex}.admin-sidebar{width:260px;background:#fff;padding:24px 16px;border-right:1px solid rgba(0,0,139,.06)}.admin-nav-item{display:block;padding:12px 16px;color:#666;text-decoration:none;border-radius:12px;margin-bottom:8px;font-weight:500}.admin-nav-item:hover{background:#f5f5f5;color:#00008b}.admin-content{flex:1;padding:30px}.admin-table{width:100%;background:#fff;border-radius:16px;padding:20px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-card{background:#fff;padding:24px;border-radius:16px;border:1px solid rgba(0,0,139,.06)}.stat-card h3{color:#666;font-size:14px;margin-bottom:8px}.stat-number{font-size:36px;font-weight:700;color:#00008b}.lesson-item{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;border:1px solid rgba(0,0,139,.06)}.lesson-item h4{color:#1a1a1a}.lesson-type{font-size:12px;padding:4px 10px;border-radius:20px;font-weight:600}.lesson-type.free{background:#4caf501a;color:#00008b}.lesson-type.premium{background:#ffd70026;color:#00008b}.btn-small{padding:6px 12px;border:none;border-radius:8px;cursor:pointer;margin-right:8px;background:#f5f5f5;color:#666}.btn-small:hover{background:#e8e8e8}.btn-danger{background:#dc26261a;color:#dc2626}.btn-danger:hover{background:#dc262626}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loading-container p{color:#666}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,0,139,.1);border-top-color:#00008b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lesson-view-container{max-width:430px;margin:0 auto;background:#fff;min-height:100vh}.video-player-container{position:relative;padding-top:56.25%}.video-player-container>div{position:absolute;top:0;left:0}.lesson-view-header{display:flex;align-items:center;padding:16px;gap:16px;border-bottom:1px solid rgba(0,0,139,.06)}.lesson-view-header h2{color:#00008b;font-size:18px}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#00008b}.lesson-info-panel{padding:20px}.lesson-info-panel h3{color:#1a1a1a;margin-bottom:12px}.lesson-info-panel p{color:#666;line-height:1.6}.profile-header{margin-bottom:24px}.profile-header h1{color:#00008b}.profile-card{text-align:center;padding:32px;background:#fff;border-radius:24px;border:1px solid rgba(0,0,139,.06)}.profile-avatar{font-size:64px;margin-bottom:16px}.profile-card h2{color:#1a1a1a;margin-bottom:8px}.profile-card p{color:#666;margin-bottom:20px}.premium-active{margin-top:16px;padding:12px;background:#ffd70026;border-radius:20px;color:#00008b;font-weight:600}@media (max-width: 480px){.header-logo{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important}.logo-text{font-size:20px!important}}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.welcome-logo,.splash-logo,.header-logo{image-rendering:auto!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.auth-container{background:#00008b!important}.daily-word-card h3{color:gold;font-size:16px;margin-bottom:16px;text-align:center}.daily-word-main{display:flex;justify-content:center;gap:20px;margin-bottom:12px}.word-en,.word-zh,.word-fr{font-size:24px;font-weight:700}.word-en{color:#fff}.word-zh{color:gold}.word-fr{color:#00b4d8}.word-sentence{color:#fffc;font-size:14px;text-align:center;font-style:italic}.profile-avatar{position:relative;cursor:pointer;margin-bottom:16px}.daily-word-card{background:linear-gradient(135deg,#00008b,#1a1a5e);border-radius:20px;padding:20px;margin-bottom:20px;border:2px solid #FFD700}.daily-word-card h3{color:gold;font-size:16px;margin-bottom:8px;text-align:center}.word-of-day-label{color:#ffffffb3;font-size:13px;text-align:center;margin-bottom:8px}.daily-word-main{display:flex;justify-content:center;margin-bottom:12px}.word-display{font-size:36px;font-weight:800;color:gold;text-transform:capitalize}.word-sentence{color:#ffffffe6;font-size:14px;text-align:center;font-style:italic;margin-bottom:12px}.word-translations{display:flex;justify-content:center;gap:16px;color:#fff9;font-size:12px}.profile-email{color:#666;margin-bottom:8px}.profile-profession{background:#f0f0f0;padding:6px 16px;border-radius:20px;display:inline-block;margin-bottom:16px;font-size:14px}.avatar-edit-badge{position:absolute;bottom:0;right:0;background:gold;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;border:3px solid white}.profile-avatar{position:relative;cursor:pointer;margin-bottom:16px;width:100px;height:100px;margin-left:auto;margin-right:auto}.profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #FFD700}.profile-input{width:100%;padding:12px;border:2px solid #E5E7EB;border-radius:12px;font-size:16px;margin-bottom:16px;font-family:Inter,sans-serif}.edit-actions{display:flex;gap:12px}.edit-actions .btn{flex:1}.auth-select{width:100%;padding:16px;border:2px solid #E5E7EB;border-radius:16px;font-size:16px;background:#f9fafb;font-family:Inter,sans-serif}.auth-card-large{max-width:480px}.bottom-nav .nav-item svg{width:24px;height:24px;margin-bottom:2px}.bottom-nav .nav-item.active svg{fill:#00008b}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:500px;width:100%;background:#fff;border-top:1px solid #E5E7EB;display:flex;justify-content:space-around;padding:10px 8px 20px;z-index:100}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#9ca3af;font-size:11px;padding:6px 12px;border-radius:8px;transition:all .2s}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav .nav-item svg{width:24px;height:24px}.bottom-nav .nav-item.active{color:#00008b}.menu-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#1a1a1a}.menu-btn:hover{background:#f0f2f5;border-radius:50%}.greeting-section{text-align:center;padding:20px 16px}.greeting-text{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.tagline-text{font-size:16px;color:#00008b;font-weight:500;margin-bottom:16px}.quote-container{margin-top:8px}.quote-line1{font-size:14px;color:#666;font-style:italic;margin-bottom:2px}.quote-line2{font-size:14px;color:#666;font-style:italic}.search-icon svg{width:16px;height:16px;color:#65676b}.clear-search svg{width:14px;height:14px;color:#65676b}@media (max-width: 480px){.mobile-container{padding:0!important}.main-header{padding:8px 12px!important}.header-top-row{gap:8px!important}.logo-section{flex-shrink:0!important}.logo-text{font-size:18px!important}.header-logo{width:28px!important;height:28px!important}.search-container{flex:1!important;min-width:0!important;padding:6px 10px!important}.search-input{font-size:13px!important}.menu-btn{flex-shrink:0!important;padding:6px!important}.greeting-section{padding:16px 12px!important}.greeting-text{font-size:18px!important}.tagline-text{font-size:14px!important}.quote-line1,.quote-line2{font-size:12px!important}.card{margin-left:12px!important;margin-right:12px!important;padding:16px!important}.lesson-title{font-size:18px!important}.lesson-description{font-size:13px!important}.button-group{flex-direction:row!important;gap:8px!important}.btn{padding:12px 16px!important;font-size:14px!important}.premium-lessons-section{padding:0 12px!important}.section-title{font-size:16px!important}.lessons-grid{gap:8px!important}.bottom-nav{padding:8px 8px 20px!important}.bottom-nav .nav-item{padding:4px 8px!important}.bottom-nav .nav-item svg{width:22px!important;height:22px!important}.bottom-nav .nav-item span{font-size:10px!important}}@media (max-width: 360px){.logo-text{display:none!important}.search-input{font-size:12px!important}.greeting-text{font-size:16px!important}.btn{padding:10px 12px!important;font-size:13px!important}.bottom-nav .nav-item span{font-size:9px!important}}.mobile-container{max-width:100%!important;overflow-x:hidden!important}img{max-width:100%!important;height:auto!important}.search-container{overflow:hidden!important}.search-input{min-width:0!important;width:100%!important}.btn{white-space:nowrap!important}@media (max-width: 380px){.btn{white-space:normal!important;line-height:1.3!important}}.field-level-selector{display:flex;gap:12px;padding:16px;background:#fff;margin:16px;border-radius:16px;box-shadow:0 2px 8px #0000000a}.field-select,.level-select{flex:1;padding:12px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:14px;font-weight:500;color:#1a1a1a;background:#fff;outline:none;cursor:pointer}.profile-header{padding:16px 20px;background:#fff;border-bottom:1px solid #E5E7EB}.profile-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.field-level-selector{display:flex;gap:10px;padding:12px 16px;background:#fff;margin:12px 16px;border-radius:16px;box-shadow:0 2px 8px #0000000a}.field-select,.level-select{flex:1;padding:12px;border:2px solid #E5E7EB;border-radius:12px;font-size:14px;font-weight:500;color:#1a1a1a;background:#fff;outline:none;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.field-select:focus,.level-select:focus{border-color:#00008b}.profile-card{background:#fff;margin:16px;padding:24px 20px;border-radius:20px;text-align:center;box-shadow:0 2px 8px #0000000a}.profile-avatar{position:relative;width:100px;height:100px;margin:0 auto 16px;cursor:pointer}.profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #00008B}.avatar-placeholder{width:100px;height:100px;border-radius:50%;background:#00008b;color:gold;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;border:3px solid #FFD700}.avatar-edit-badge{position:absolute;bottom:0;right:0;width:32px;height:32px;background:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;border:3px solid white;color:#00008b}.profile-card h2{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.profile-email{font-size:14px;color:#666;margin-bottom:8px}.profile-profession{display:inline-block;background:#f0f2f5;padding:6px 16px;border-radius:20px;font-size:13px;color:#1a1a1a;margin-bottom:16px}.profile-edit{width:100%}.profile-input{width:100%;padding:14px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:15px;margin-bottom:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-input:focus{border-color:#00008b;outline:none}.edit-actions{display:flex;gap:10px;margin-top:8px}.edit-actions .btn{flex:1;padding:12px;border-radius:12px;font-weight:600}.btn-premium{background:gold;color:#00008b;font-weight:700;margin-top:16px}.premium-active{margin-top:16px;padding:12px;background:linear-gradient(135deg,#ffd70020,#ffd70010);border-radius:12px;color:#00008b;font-weight:600;border:1px solid #FFD70040}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:500px;width:100%;background:#fff;border-top:1px solid #E5E7EB;display:flex;justify-content:space-around;padding:8px 8px 20px;z-index:100}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#9ca3af;font-size:11px;font-weight:500;padding:6px 12px;border-radius:8px;transition:all .2s}.bottom-nav .nav-item.active{color:#00008b;background:#ebf0ff}.bottom-nav .nav-item svg{width:22px;height:22px}@media (max-width: 480px){.profile-header h1{font-size:22px}.field-level-selector{margin:8px 12px;padding:10px 12px}.field-select,.level-select{padding:10px;font-size:13px}.profile-card{margin:12px;padding:20px 16px}.profile-avatar,.profile-image,.avatar-placeholder{width:90px;height:90px}.avatar-placeholder{font-size:36px}.bottom-nav{padding:6px 6px 16px}.bottom-nav .nav-item{padding:4px 8px;font-size:10px}.bottom-nav .nav-item svg{width:20px;height:20px}}@media (max-width: 360px){.field-level-selector{flex-direction:column;gap:8px}.profile-card h2{font-size:18px}}.daily-greeting-card{background:linear-gradient(135deg,#00008b,#1a1a5e);margin:16px;padding:20px;border-radius:20px;text-align:center;border:2px solid #FFD700}.daily-greeting-card .greeting-text{font-size:22px;font-weight:700;color:gold;margin-bottom:6px}.daily-greeting-card .greeting-subtitle{font-size:14px;color:#fffc;text-transform:uppercase;letter-spacing:1px}@media (max-width: 480px){.daily-greeting-card{margin:12px;padding:16px}.daily-greeting-card .greeting-text{font-size:18px}.daily-greeting-card .greeting-subtitle{font-size:12px}}.greeting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-greeting-card .greeting-text{font-size:20px;font-weight:700;color:gold;margin-bottom:0;flex:1}@media (max-width: 480px){.greeting-row{flex-wrap:wrap;gap:8px}.daily-greeting-card .greeting-text{font-size:16px}}.simple-lesson-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid #E5E7EB}.simple-lesson-card .lesson-thumb{position:relative;width:100%;padding-top:56.25%;background:#1a1a1a}.simple-lesson-card .lesson-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.simple-lesson-card .premium-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;font-size:24px}.simple-lesson-card h4{padding:10px 12px 4px;font-size:14px;font-weight:600;color:#1a1a1a}.simple-lesson-card p{padding:0 12px 12px;font-size:12px;color:#666}.basic-badge{background:#00008b;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.basic-lesson{border:2px solid #00008B}@media (max-width: 600px){.hero-section{flex-direction:column;text-align:center}.hero-title{font-size:24px}.hero-chart{width:140px;height:140px}.chart-center{width:80px;height:80px}}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:32px 20px;background:linear-gradient(135deg,#f8f9fa,#e8f5e9);border-radius:16px;margin:16px;gap:24px;flex-wrap:wrap}.hero-left{flex:1;min-width:250px}.hero-title{font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 12px;line-height:1.2}.hero-subtitle{font-size:16px;color:#555;margin:0 0 20px;line-height:1.5}.hero-cta{background:#00008b;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer}.hero-cta:hover{background:#006}.hero-right{flex:1;min-width:200px;display:flex;justify-content:center}.hero-chart{width:180px;height:180px}.chart-circle{width:100%;height:100%;border-radius:50%;background:conic-gradient(#00008b,#00008b 324deg,#f44336 324deg,#f44336 360deg);display:flex;justify-content:center;align-items:center}.chart-center{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;gap:4px}.chart-label-en{color:#00008b;font-weight:700;font-size:14px}.chart-label-fr{color:#f44336;font-weight:700;font-size:12px}@media (max-width:600px){.hero-section{flex-direction:column;text-align:center}.hero-title{font-size:24px}.hero-chart{width:140px;height:140px}.chart-center{width:80px;height:80px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}#root{min-height:100vh}