@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}:root{--brand-primary: #8b6f47;--brand-primary-dark: #6b5535;--brand-primary-light: #c4a97d;--gray-50: #f2f0ed;--gray-100: #e8e4df;--gray-200: #d6d0c8;--gray-300: #b5ad9f;--gray-400: #7d7161;--gray-500: #6b5d4f;--gray-600: #554a3e;--gray-700: #423830;--gray-800: #342c24;--gray-900: #2c2417;--card-outer: #ffffff;--card-inner: #faf9f7;--card-bezel: 4px;--card-radius: 20px;--card-radius-inner: 16px;--success: #4a7c59;--error: #9a4a4a;--warning: #b5793a;--info: #4a6b8a;--primary-dark: #2c2417;--primary-brown: #4a3728;--primary-medium: #6b5344;--accent-tan: #a08060;--accent-wheat: #c4a97d;--accent-light: #d9c4a0;--accent-cream: #f0e8dc;--bg-cream: #f2f0ed;--success-green: #4a7c59;--error-red: #9a4a4a;--info-blue: #4a6b8a;--text-primary: #2c2417;--text-secondary: #6b5d4f;--text-light: #7d7161;--radius-pill: 100px;--radius-card: 20px;--radius-card-inner: 16px;--radius-control: 14px;--shadow-apple: 0 1px 2px rgba(66, 48, 24, .05), 0 6px 20px rgba(139, 111, 71, .07);--shadow-apple-lg: 0 2px 6px rgba(66, 48, 24, .05), 0 18px 50px rgba(139, 111, 71, .11);--shadow-apple-hover: 0 3px 8px rgba(66, 48, 24, .07), 0 14px 36px rgba(139, 111, 71, .13);--shadow-sm: var(--shadow-apple);--shadow-md: var(--shadow-apple-hover);--shadow-lg: var(--shadow-apple-lg)}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--brand-primary, #8b6f47);outline-offset:2px;border-radius:4px}body{margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gray-50);min-height:100vh;min-height:100dvh;color:var(--gray-900)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--gray-50);gap:16px}.app-loading-spinner-logo{width:64px;height:64px;animation:spin 2s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-loading-logo{width:220px;height:auto;opacity:.8}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.phone-frame{width:100%;max-width:390px;height:844px;background:var(--gray-50);border-radius:40px;box-shadow:var(--shadow-apple-lg);overflow:hidden;position:relative;border:8px solid var(--gray-800)}.phone-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:30px;background:var(--gray-800);border-radius:0 0 20px 20px;z-index:10}.screen-content{height:calc(100% - 80px);overflow-y:auto;background:var(--gray-50)}.screen-content::-webkit-scrollbar{width:0;display:none}.admin-container{width:100vw;height:100vh;overflow:hidden}.desktop-app{display:flex;min-height:100vh;background:var(--gray-50)}.desktop-main{flex:1;margin-left:280px;min-height:100vh;display:flex;justify-content:center;padding:32px 40px;overflow-y:auto}.desktop-content{width:100%;max-width:900px}.desktop-content .home-header,.desktop-content .mobile-header,.desktop-content .mh{display:none}.desktop-content:has(.dictionary-screen),.desktop-content:has(.hd){max-width:1200px}.desktop-content .home-screen,.desktop-content .learn-screen,.desktop-content .practice-screen,.desktop-content .library-screen,.desktop-content .profile-screen{padding:0 0 40px;height:auto;overflow:visible}@media(max-height:900px){.phone-frame{height:90vh;max-height:844px}}@media(max-width:899px){.app-container{padding:0}.phone-frame{border-radius:0;border:none;height:100vh;height:100dvh;max-width:100%;box-shadow:none}.phone-frame:before{display:none}}@media(min-width:600px)and (max-width:899px){.screen-content>*{max-width:640px;margin-left:auto;margin-right:auto}}@media(min-width:900px)and (max-width:1200px){.desktop-main{padding:24px 32px}.desktop-content{max-width:700px}}.screen-skeleton{padding:28px 24px;display:flex;flex-direction:column;gap:16px;max-width:640px;margin:0 auto;width:100%}.sk-block{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skShimmer 1.4s cubic-bezier(.32,.72,0,1) infinite;border-radius:var(--radius-card-inner)}.sk-title{height:32px;width:55%}.sk-card{height:140px;border-radius:var(--radius-card)}.sk-row{height:64px}.sk-row.short{width:70%}@keyframes skShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.onboarding-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--gray-50);padding:24px}.ob-card{width:100%;max-width:440px;background:var(--card-outer);border-radius:var(--radius-card);box-shadow:var(--shadow-apple-lg);padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center}.ob-logo{width:160px;height:auto;margin-bottom:20px}.ob-dots{display:flex;gap:8px;margin-bottom:28px}.ob-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-200);transition:all .3s cubic-bezier(.32,.72,0,1)}.ob-dot.active{background:var(--brand-primary);width:24px;border-radius:var(--radius-pill)}.ob-dot.done{background:var(--brand-primary-light)}.ob-step{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.ob-step h1{font-size:24px;font-weight:700;color:var(--gray-900);margin:0}.ob-sub{font-size:16px;color:var(--gray-500);margin:0 0 20px}.ob-input{width:100%;min-height:52px;padding:14px 24px;border:1.5px solid var(--gray-200);border-radius:var(--radius-pill);font-size:16px;font-family:inherit;color:var(--gray-900);background:var(--card-inner);margin-bottom:20px;transition:border-color .2s cubic-bezier(.32,.72,0,1)}.ob-input::placeholder{color:var(--gray-400)}.ob-input:focus{outline:none;border-color:var(--brand-primary)}.ob-options{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ob-option{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:14px 20px;border:1.5px solid var(--gray-200);border-radius:var(--radius-pill);background:#fff;font-size:16px;font-family:inherit;font-weight:600;color:var(--gray-700);cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1)}.ob-option:hover{border-color:var(--brand-primary-light);box-shadow:var(--shadow-apple)}.ob-option.selected{border-color:var(--brand-primary);background:var(--card-inner);box-shadow:var(--shadow-apple)}.ob-option-flag{font-size:22px}.ob-option-detail{font-size:14px;font-weight:500;color:var(--gray-400)}.ob-primary{width:100%;min-height:52px;padding:14px 32px;border:none;border-radius:var(--radius-pill);background:var(--gray-900);color:#fff;font-size:17px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1)}.ob-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-apple-hover)}.ob-back{margin-top:16px;border:none;background:none;font-size:15px;font-family:inherit;color:var(--gray-500);cursor:pointer;min-height:44px}.hd{padding:20px 16px 100px;overflow-y:auto;height:100%;-webkit-font-smoothing:antialiased}.mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mh-t{font-size:20px;font-weight:600;color:var(--gray-900);margin:0;letter-spacing:-.02em}.mh-s{display:flex;gap:14px;font-size:14px;font-weight:600;color:var(--gray-500)}.mh-stat{display:inline-flex;align-items:center;gap:4px}.mh-xp{color:var(--brand-primary)}.hd-greet{margin:0 0 32px}.hd-hello{font-size:30px;font-weight:700;color:var(--gray-900);margin:0;letter-spacing:-.03em;line-height:1.15}.hd-greet-sub{font-size:15px;color:var(--gray-500);margin:6px 0 0}.path{position:relative;max-width:500px}.path:before{content:"";position:absolute;left:25px;top:28px;bottom:24px;width:2px;background:var(--gray-200);z-index:0}.pn{display:flex;align-items:flex-start;position:relative}.pn-col{width:52px;flex-shrink:0;display:flex;justify-content:center;position:relative;z-index:1}.pn-bub{border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.pn-ico{line-height:1}.pn-bub-hero{width:52px;height:52px;background:linear-gradient(145deg,#d4b87a,#c4a97d);box-shadow:0 4px 16px #c4a97d66,0 0 0 4px #c4a97d1f}.pn-bub-hero{color:#fff}.pn-bub-hero:hover{transform:scale(1.05);box-shadow:0 6px 20px #c4a97d80,0 0 0 6px #c4a97d26}.pn-bub-next{width:44px;height:44px;background:linear-gradient(145deg,#d9c4a0,#c4a97d);box-shadow:0 2px 10px #c4a97d40}.pn-bub-next{color:#fff}.pn-bub-next:hover{transform:scale(1.05);box-shadow:0 4px 14px #c4a97d59}.pn-bub-upcoming{width:38px;height:38px;background:var(--gray-100);color:var(--gray-500)}.pn-bub-locked{width:24px;height:24px;background:var(--gray-100)}.pn-dot{width:6px;height:6px;border-radius:50%;background:var(--gray-300)}.pn-bub-done{width:38px;height:38px;background:var(--success);color:#fff}.pn-hero{padding-bottom:20px}.pn-card{flex:1;min-width:0;background:#fff;border-radius:var(--radius-card);padding:24px 28px;margin-left:16px;box-shadow:var(--shadow-apple-lg);cursor:pointer;transition:transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s cubic-bezier(.32,.72,0,1)}.pn-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-apple-hover)}.pn-card-t{font-size:18px;font-weight:700;color:var(--gray-900);margin:0;letter-spacing:-.02em}.pn-card-d{font-size:14px;color:var(--gray-500);margin:2px 0 0}.pn-card-m{font-size:14px;color:var(--gray-400);margin:12px 0 0}.pn-btn{display:inline-block;margin-top:14px;padding:10px 28px;background:var(--gray-900);color:#fff;border:none;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}.pn-btn:hover{background:#000;transform:scale(1.03)}.pn-btn:active{transform:scale(.97)}.pn-next{padding-bottom:18px;cursor:pointer}.pn-next:hover .pn-bub-next{transform:scale(1.05)}.pn-upcoming{padding-bottom:16px;opacity:.7}.pn-locked{padding-bottom:10px;opacity:.45;align-items:center}.pn-done{padding-bottom:14px}.pn-done .pn-s{color:var(--gray-400)}.pn-text{flex:1;min-width:0;padding:8px 0 0 12px}.pn-t{font-size:16px;font-weight:600;color:var(--gray-900);margin:0;line-height:1.25}.pn-s{font-size:14px;color:var(--gray-500);margin:2px 0 0}.pn-m{font-size:13px;color:var(--gray-400);margin:5px 0 0}.pn-xp-pill{display:inline-block;margin-left:6px;padding:2px 8px;background:#c4a97d26;color:var(--brand-primary-dark);border-radius:100px;font-size:11px;font-weight:700}.pn-hint{font-size:13px;font-style:italic;color:var(--gray-400);margin:4px 0 0}.pn-lbl{font-size:14px;font-weight:500;color:var(--gray-400);padding:2px 0 0 12px}.pn-upcoming .pn-t{color:var(--gray-700)}.pn-done .pn-t{color:var(--gray-500)}.ms{margin-top:48px;max-width:500px}.ms-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.ms-h{font-size:20px;font-weight:700;color:var(--gray-900);margin:0;letter-spacing:-.02em}.ms-count{font-size:13px;font-weight:600;color:var(--gray-400)}.ms-r{display:flex;gap:12px;flex-wrap:wrap}.ms-b{display:flex;align-items:center;gap:9px;padding:11px 18px;background:#fff;border:1.5px solid transparent;border-radius:var(--radius-pill);box-shadow:var(--shadow-apple);opacity:.5;transition:all .3s cubic-bezier(.32,.72,0,1)}.ms-b .ms-i{color:var(--gray-400);display:flex}.ms-e{opacity:1;background:linear-gradient(145deg,#f5ecda,#efe3c9);border-color:#c4a97d80;box-shadow:0 2px 10px #c4a97d40;animation:msPop .5s cubic-bezier(.32,.72,0,1)}.ms-e .ms-i{color:var(--brand-primary-dark)}@keyframes msPop{0%{transform:scale(.9)}55%{transform:scale(1.06)}to{transform:scale(1)}}.ms-l{font-size:14px;font-weight:600;color:var(--gray-600)}.ms-e .ms-l{color:var(--gray-800)}.ms-check{color:var(--brand-primary-dark);flex-shrink:0}.gg{position:relative;width:120px;height:120px;flex-shrink:0}.gg-v{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);display:flex;flex-direction:column;align-items:center;font-size:36px;font-weight:700;color:var(--gray-900);letter-spacing:-.03em;line-height:1}.gg-v small{font-size:13px;font-weight:600;color:var(--gray-500);margin-top:4px;letter-spacing:0}.rp{position:sticky;top:32px;align-self:start;display:flex;flex-direction:column;gap:20px;width:310px;flex-shrink:0}.rp-card{background:#fff;border-radius:24px;padding:22px 24px;box-shadow:var(--shadow-apple);display:flex;flex-direction:column;gap:14px}.rp-lbl{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gray-400)}.rp-dim{font-size:12px;font-weight:600;color:var(--gray-400)}.rp-head{display:flex;justify-content:space-between;align-items:center}.rp-ring{display:flex;justify-content:center;padding:4px 0}.rp-streak{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--gray-600)}.rp-flame{color:var(--warning)}.rp-goal{background:linear-gradient(160deg,#f9f1de,#f3e6c9);border:1px solid rgba(196,169,125,.28)}.rp-journey{background:linear-gradient(160deg,#eff3ea,#e5ecdd);border:1px solid rgba(74,124,89,.15)}.rp-goal .rp-lbl{color:var(--brand-primary-dark);opacity:.75}.rp-journey .rp-lbl{color:var(--success);opacity:.8}.rp-wotd{gap:10px}.wotd-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.wotd-words{display:flex;flex-direction:column;min-width:0}.wotd-pd{font-size:22px;font-weight:700;color:var(--gray-900);letter-spacing:-.02em;line-height:1.2;overflow-wrap:break-word}.wotd-tr{font-size:15px;color:var(--gray-500);margin-top:2px}.wotd-listen{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--gray-200);border-radius:50%;background:var(--card-inner);color:var(--gray-600);cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1)}.wotd-listen:hover{border-color:var(--brand-primary-light);color:var(--brand-primary-dark);box-shadow:var(--shadow-apple)}.wotd-pos{font-size:12px;font-weight:600;color:var(--brand-primary);text-transform:capitalize}.wotd-more{align-self:flex-start;border:none;background:none;padding:4px 0 0;font-size:13px;font-weight:600;font-family:inherit;color:var(--gray-500);cursor:pointer;transition:color .2s ease}.wotd-more:hover{color:var(--gray-900)}.qa{display:flex;align-items:center;gap:12px;padding:12px;margin:0 -8px;width:calc(100% + 16px);border:none;border-radius:var(--radius-card-inner);background:none;font-family:inherit;text-align:left;cursor:pointer;transition:background .2s cubic-bezier(.32,.72,0,1)}.qa:hover{background:var(--gray-50)}.qa:hover .qa-go{transform:translate(3px);color:var(--gray-700)}.qa-ic{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gray-50);color:var(--brand-primary-dark)}.qa-bd{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.qa-nm{font-size:14px;font-weight:600;color:var(--gray-900)}.qa-mt{font-size:12px;color:var(--gray-400)}.qa-go{color:var(--gray-300);font-size:16px;transition:all .2s cubic-bezier(.32,.72,0,1)}.hd-dk{display:flex;gap:56px;padding:8px 0 48px;height:auto;overflow:visible}.hd-dk .hd-center{flex:1;min-width:0;max-width:580px}.hd-dk .hd-hello{font-size:32px}.hd-dk .pn-card-t{font-size:20px}.hd-dk .pn-card{padding:26px 30px}.jr{display:flex;align-items:center}.jr-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.jr-v{font-size:34px;font-weight:700;color:var(--gray-900);letter-spacing:-.03em}.jr-v small{font-size:16px;font-weight:600;color:var(--gray-500)}.jr-l{font-size:12px;font-weight:600;color:var(--gray-500)}.jr-div{width:1px;height:44px;background:#4a7c592e;flex-shrink:0}.bottom-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:10px 4px calc(12px + env(safe-area-inset-bottom,0px)) 4px;background:#fff;border-top:1px solid var(--gray-100)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;background:none;border:none;cursor:pointer;transition:all .2s ease;border-radius:10px;min-width:0;min-height:48px}.nav-item:hover{background:var(--gray-50)}.nav-item.active{background:var(--gray-100)}.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:22px;height:22px;stroke:var(--gray-400);transition:all .2s ease}.nav-item.active .nav-icon svg{stroke:var(--gray-900);stroke-width:2.5}.nav-item:hover .nav-icon svg{stroke:var(--gray-700)}.nav-label{font-size:12px;font-weight:500;color:var(--gray-500);transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;text-align:center}.nav-item.active .nav-label{color:var(--gray-900);font-weight:600}.nav-item:hover .nav-label{color:var(--gray-700)}.desktop-nav{width:280px;height:100vh;background:var(--card-outer);border-right:1px solid var(--gray-100);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;-webkit-font-smoothing:antialiased}.desktop-nav-header{padding:24px 24px 14px;border-bottom:1px solid var(--gray-100)}.desktop-logo{font-size:22px;font-weight:600;color:var(--gray-900);margin:0;line-height:1.3;letter-spacing:-.02em}.desktop-logo-img{width:100%;height:auto}.desktop-tagline{font-size:12px;color:var(--gray-400);margin:6px 0 0;font-weight:500;line-height:1.4}.desktop-nav-links{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.desktop-nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border:none;background:transparent;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);color:var(--gray-500);text-align:left;width:100%}.desktop-nav-item:hover{background:var(--gray-50);color:var(--gray-900)}.desktop-nav-item.active{background:var(--brand-primary);color:#fff}.desktop-nav-item.active:hover{background:var(--brand-primary-dark)}.desktop-nav-icon{width:20px;height:20px;flex-shrink:0}.desktop-nav-icon svg{width:20px;height:20px}.desktop-nav-label{font-size:15px;font-weight:500;letter-spacing:-.01em}.desktop-lang-switcher{display:flex;justify-content:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--gray-100)}.lang-flag-btn{width:44px;height:36px;border:2px solid transparent;background:#fff6;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.lang-flag-btn:hover{background:#ffffffb3;transform:scale(1.05)}.lang-flag-btn.active{border-color:var(--brand-primary);background:#fff;box-shadow:0 2px 8px #8b6f4726}.lang-flag{font-size:22px;line-height:1}.desktop-nav-stats{margin:12px 16px;padding:14px 10px;background:var(--gray-50);border-radius:var(--radius-card-inner);display:flex;align-items:center;justify-content:space-around;gap:4px}.desktop-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.desktop-stat-divider{width:1px;height:34px;background:var(--gray-200);flex-shrink:0}.desktop-stat-icon{display:flex;color:var(--brand-primary)}.desktop-stat-icon svg{width:17px;height:17px}.desktop-stat-value{font-size:15px;font-weight:700;color:var(--gray-900);letter-spacing:-.02em}.desktop-stat-label{font-size:11px;color:var(--gray-400);font-weight:500}.desktop-nav-footer{padding:12px 20px 14px;border-top:1px solid var(--gray-100)}.desktop-nav-footer p{margin:0;font-size:12px;color:var(--gray-400);font-weight:400}