@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#0a2342;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f9fc;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #b3194247}:root{--ink:#0a2342;--muted:#64748b;--green:#1f4e8c;--green-dark:#163a6b;--mint:#e8f0fb;--red:#b31942;--red-dark:#8f1435;--red-soft:#fbe9ee;--line:#dbe4f0}button{cursor:pointer;color:inherit}.app{background:#f7faf8;min-height:100vh}.header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:28px;height:76px;padding:0 clamp(20px,5vw,76px);display:flex;position:sticky;top:0}.brand{background:0 0;border:0;align-items:center;gap:11px;font:800 20px Manrope,sans-serif;display:flex}.brand strong{color:var(--green)}.brand-mark{background:var(--mint);border-radius:13px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.header-nav{gap:34px;margin-left:auto;display:flex}.header-nav button{color:#526b64;background:0 0;border:0;font-weight:600}.header-progress{border:0;border-left:1px solid var(--line);color:var(--muted);background:0 0;flex-direction:column;align-items:flex-start;gap:5px;padding-left:28px;font-size:12px;font-weight:700;display:flex}.mini-progress{background:#e7eeeb;border-radius:8px;width:112px;height:5px;overflow:hidden}.mini-progress i,.progress-track i{border-radius:inherit;background:var(--green);height:100%;transition:width .35s;display:block}.landing{grid-template-columns:1fr .9fr;align-items:center;gap:clamp(50px,8vw,110px);max-width:1240px;min-height:calc(100vh - 76px);margin:auto;padding:74px 40px 90px;display:grid;overflow:hidden}.hero{max-width:610px}.eyebrow,.section-label{color:var(--green);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:800}.eyebrow{background:var(--mint);border-radius:30px;align-items:center;gap:7px;padding:8px 13px;display:inline-flex}.hero h1{letter-spacing:-3.4px;margin:24px 0;font:800 clamp(48px,6vw,76px)/1.03 Manrope,sans-serif}.hero h1 span{color:var(--green)}.hero>p{max-width:560px;color:var(--muted);font-size:19px;line-height:1.7}.hero-actions{align-items:center;gap:22px;margin:34px 0 46px;display:flex}.hero-actions>span{color:#8b9995;font-size:13px}.primary-button{color:#fff;background:var(--green);border:0;border-radius:13px;padding:15px 22px;font-weight:800;box-shadow:0 12px 30px #138b7038}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.hero-stats{gap:44px;display:flex}.hero-stats div{flex-direction:column;gap:3px;display:flex}.hero-stats strong{font:800 24px Manrope,sans-serif}.hero-stats span{color:var(--muted);font-size:12px}.preview{place-items:center;min-height:520px;display:grid;position:relative}.preview-glow{background:#e9f6f1;border-radius:50%;width:480px;height:480px;position:absolute}.sample-card{background:#fff;border-radius:25px;width:min(400px,90%);min-height:350px;padding:27px;position:absolute;box-shadow:0 30px 80px #23463d24}.sample-back{color:#856e53;background:#e8d8c5;flex-direction:column;justify-content:flex-end;gap:8px;display:flex;transform:rotate(7deg)translate(40px,16px)}.sample-front{transform:rotate(-3deg)translate(-20px,-15px)}.card-topline{color:var(--green);text-transform:uppercase;letter-spacing:1.1px;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.sample-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:270px;display:flex}.sample-content strong{font:800 30px Manrope,sans-serif}.sample-content>span{color:var(--muted);font-size:13px}.round-button{background:var(--mint);border:0;border-radius:50%;width:52px;height:52px}.study-layout{grid-template-columns:1fr;gap:36px;max-width:1260px;min-height:calc(100vh - 76px);margin:auto;padding:55px 40px 70px;display:grid}.study-sidebar{flex-direction:column;gap:34px;display:flex}.study-sidebar h2{margin:9px 0 8px;font:800 25px Manrope,sans-serif}.study-sidebar p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.overall-progress{border:1px solid var(--line);background:#fff;border-radius:16px;padding:19px}.overall-progress>div:first-child{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.overall-progress strong{color:var(--green)}.progress-track{background:#e8efec;border-radius:10px;height:7px;margin:13px 0 9px;overflow:hidden}.overall-progress small{color:var(--muted)}.filter-list{flex-direction:column;gap:6px;display:flex}.filter-list button{color:#61756f;background:0 0;border:0;border-radius:11px;justify-content:space-between;padding:12px 14px;display:flex}.filter-list button span{gap:11px;display:flex}.filter-list button strong{font-size:12px}.filter-list button.active{background:var(--mint);color:var(--green-dark);font-weight:800}.sidebar-tip{background:#fcf8f2;border:1px solid #e8dccd;border-radius:15px;gap:13px;margin-top:auto;padding:17px;display:flex}.sidebar-tip>span{font-size:20px}.sidebar-tip p{flex-direction:column;font-size:12px;display:flex}.sidebar-tip strong{color:var(--ink)}.study-area{min-width:0}.study-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.study-heading h1{margin:7px 0 0;font:800 30px Manrope,sans-serif}.counter{font:800 22px Manrope,sans-serif}.counter span{color:#a2afab;font-size:14px}.flashcard{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;min-height:510px;padding:25px 30px 0;display:flex;box-shadow:0 22px 60px #24494017}.favorite-button{border:1px solid var(--line);color:#9baca7;background:#fff;border-radius:50%;width:38px;height:38px;font-size:21px}.phrase-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 10px;display:flex}.language-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:700}.phrase-content h2{letter-spacing:-1.3px;margin:17px 0 25px;font:800 clamp(30px,4vw,43px)/1.15 Manrope,sans-serif}.listen-button{background:var(--mint);color:var(--green-dark);border:0;border-radius:11px;padding:11px 16px;font-weight:800}.translation{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:70px;margin-top:23px;display:flex}.translation>button{color:var(--green);background:0 0;border:0;font-weight:800}.translation span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.translation strong{color:var(--green-dark);font:700 21px Manrope,sans-serif}.learning-actions{border-top:1px solid var(--line);background:#fbfdfc;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;min-height:85px;margin:0 -30px;padding:15px 30px;display:flex}.learning-actions>span{color:var(--muted);font-size:13px}.learning-actions>div{gap:10px;display:flex}.learning-actions button{border-radius:10px;padding:11px 15px;font-weight:800}.review-button{color:#8b6841;background:#fffaf3;border:1px solid #e3d3bd}.learned-button{background:var(--green);color:#fff;border:0}.navigation{justify-content:space-between;align-items:center;margin-top:17px;display:flex}.navigation button{color:var(--green-dark);background:0 0;border:0;padding:10px;font-weight:800}.navigation button:disabled{color:#b9c4c0;cursor:not-allowed}.navigation span{color:var(--muted);font-size:12px}.empty-state{text-align:center;border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:520px;display:flex}.empty-state>span{font-size:50px}.empty-state h2{margin:17px 0 7px;font:800 25px Manrope,sans-serif}.empty-state p{color:var(--muted);margin:0 0 24px}@media (width<=900px){.header-nav{display:none}.landing{text-align:center;grid-template-columns:1fr;padding-top:55px}.hero{margin:auto}.hero>p{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.preview{min-height:450px}.study-layout{grid-template-columns:1fr;gap:35px}.study-sidebar{grid-template-columns:1fr 1fr;display:grid}.filter-list{flex-direction:row;grid-column:1/-1}.filter-list button{flex:1}.sidebar-tip{display:none}}@media (width<=600px){.header{height:68px;padding:0 17px}.brand{font-size:17px}.brand-mark{width:35px;height:35px}.header-progress{border:0;padding:0}.header-progress>span:first-child{display:none}.mini-progress{width:65px}.landing{padding:42px 20px 70px}.hero h1{letter-spacing:-2.5px;font-size:45px}.hero>p{font-size:16px}.hero-actions{flex-direction:column}.hero-stats{gap:22px}.preview{min-height:395px}.preview-glow{width:360px;height:360px}.sample-card{min-height:315px;padding:22px}.sample-content{min-height:240px}.study-layout{padding:34px 16px 55px}.study-sidebar{grid-template-columns:1fr}.filter-list{overflow-x:auto}.filter-list button{min-width:145px}.study-heading h1{font-size:25px}.flashcard{min-height:500px;padding:20px 20px 0}.learning-actions{flex-direction:column;gap:11px;margin:0 -20px;padding:15px 20px}.learning-actions>div{width:100%}.learning-actions button{flex:1;padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.public-site{min-height:100vh;color:var(--ink);background:#f7f9fc}.public-header{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:center;gap:42px;height:76px;padding:0 clamp(20px,6vw,88px);display:flex;position:sticky;top:0}.public-brand{background:0 0;border:0;align-items:center;gap:9px;font:800 20px Manrope,sans-serif;display:flex}.public-brand span{background:var(--mint);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.public-brand strong{color:var(--red)}.public-header nav{gap:30px;margin-left:auto;display:flex}.public-header nav a{color:#52677d;font-size:14px;font-weight:700;text-decoration:none}.public-header nav a:hover{color:var(--red)}.public-login{color:var(--green-dark);background:#fff;border:1px solid #b9c9dc;border-radius:11px;padding:10px 18px;font-weight:800}.public-hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(55px,8vw,110px);max-width:1240px;min-height:670px;margin:auto;padding:76px 40px 90px;display:grid}.public-kicker{background:var(--red-soft);color:var(--red);text-transform:uppercase;letter-spacing:1.3px;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.public-hero h1{letter-spacing:-3.5px;max-width:660px;margin:24px 0;font:800 clamp(48px,6vw,76px)/1.03 Manrope,sans-serif}.public-hero h1 strong{color:var(--red)}.public-hero>div>p{max-width:600px;color:var(--muted);font-size:19px;line-height:1.7}.public-actions{align-items:center;gap:18px;margin:33px 0 30px;display:flex}.public-actions span{color:var(--muted);font-size:13px}.public-primary{background:var(--green);color:#fff;border:0;border-radius:13px;padding:15px 22px;font-weight:800;box-shadow:0 12px 28px #1f4e8c3d}.public-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.public-trust{color:#486071;flex-wrap:wrap;gap:22px;font-size:13px;font-weight:700;display:flex}.public-demo{border:1px solid var(--line);background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:410px;padding:28px;display:flex;transform:rotate(1.5deg);box-shadow:0 30px 80px #0a234224}.demo-top{width:100%;color:var(--red);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:11px;font-weight:800;display:flex}.demo-label{color:var(--muted);letter-spacing:1px;margin-top:auto;font-size:11px;font-weight:800}.demo-phrase{text-align:center;margin:15px 0 22px;font:800 32px Manrope,sans-serif}.public-demo>button{background:var(--mint);color:var(--green-dark);border:0;border-radius:11px;padding:11px 16px;font-weight:800}.demo-translation{background:var(--red-soft);width:100%;color:var(--red-dark);text-align:center;border-radius:14px;margin-top:auto;padding:18px;font-weight:800}.demo-translation small{letter-spacing:1px;margin-bottom:5px;font-size:9px;display:block}.public-section{max-width:1180px;margin:auto;padding:90px 40px}.public-section>h2,.public-features h2{letter-spacing:-1.8px;max-width:760px;margin:13px 0 40px;font:800 clamp(32px,4vw,48px)/1.12 Manrope,sans-serif}.public-steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.public-steps article{border:1px solid var(--line);background:#fff;border-radius:20px;padding:30px}.public-steps article>b{color:var(--red);font:800 13px Manrope,sans-serif}.public-steps h3{margin:25px 0 10px;font:800 20px Manrope,sans-serif}.public-steps p,.public-features p{color:var(--muted);line-height:1.7}.public-features{background:#fff;grid-template-columns:1fr 1fr;gap:80px;max-width:none;padding-inline:max(40px,50vw - 550px);display:grid}.public-features h2{margin-bottom:20px}.public-features ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.public-features li{border:1px solid var(--line);background:#f7f9fc;border-radius:16px;gap:15px;padding:20px;display:flex}.public-features li>span{font-size:24px}.public-features li div{flex-direction:column;gap:5px;display:flex}.public-features li b{font:800 16px Manrope,sans-serif}.public-features li small{color:var(--muted);line-height:1.5}.public-cta{background:var(--green-dark);color:#fff;text-align:center;border-radius:28px;max-width:900px;margin:90px auto;padding:64px 35px}.public-cta>span{font-size:42px}.public-cta h2{margin:15px 0 8px;font:800 38px Manrope,sans-serif}.public-cta p{color:#d4e2f3;margin:0 0 25px}.public-cta .public-primary{background:var(--red)}.public-footer{border-top:1px solid var(--line);min-height:100px;color:var(--muted);background:#fff;align-items:center;gap:25px;padding:30px clamp(20px,6vw,88px);font-size:13px;display:flex}.public-footer button{color:var(--green-dark);background:0 0;border:0;font-weight:700}.public-footer span{margin-right:auto}.cookie-banner{z-index:50;background:#fff;border:1px solid #cad7e5;border-radius:17px;align-items:center;gap:12px;max-width:920px;margin:auto;padding:18px 20px;display:flex;position:fixed;bottom:20px;left:22px;right:22px;box-shadow:0 18px 55px #0a234233}.cookie-banner div{margin-right:auto}.cookie-banner b{font:800 14px Manrope,sans-serif}.cookie-banner p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.cookie-banner>button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800}.cookie-banner .cookie-accept{border-color:var(--green);background:var(--green);color:#fff}.legal-page{max-width:800px;margin:auto;padding:70px 30px 110px}.legal-back,.auth-back{color:var(--green);background:0 0;border:0;padding:8px 0;font-weight:800}.legal-page h1{letter-spacing:-2px;margin:18px 0 8px;font:800 clamp(38px,6vw,58px) Manrope,sans-serif}.legal-updated{color:var(--muted);font-size:13px}.legal-page h2{margin:40px 0 10px;font:800 21px Manrope,sans-serif}.legal-page p{color:#53697b;line-height:1.8}.auth-back{align-self:flex-start;margin-bottom:12px}.public-learning>h2{margin-bottom:36px}.learning-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.learning-grid article{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;padding:27px;display:flex}.learning-grid article>span{color:var(--red);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800}.learning-grid h3{margin:18px 0 10px;font:800 20px/1.35 Manrope,sans-serif}.learning-grid p{color:var(--muted);flex:1;line-height:1.65}.learning-grid a{color:var(--green);align-self:flex-start;padding:8px 0;font-weight:800;text-decoration:none}.article-page{max-width:820px;margin:auto;padding:70px 30px 110px}.article-page>h1{letter-spacing:-2.3px;margin:18px 0 13px;font:800 clamp(40px,6vw,62px)/1.08 Manrope,sans-serif}.article-lead{font-size:19px!important}.article-page>p,.article-page>section p{color:#526a7d;line-height:1.85}.article-page>section{margin-top:45px}.article-page>section h2{font:800 24px Manrope,sans-serif}.article-cta{background:var(--mint);border-radius:20px;margin-top:55px;padding:34px}.article-cta h2{margin:0 0 8px;font:800 25px Manrope,sans-serif}.article-cta p{color:var(--muted);margin:0 0 20px}.public-ad{text-align:center;max-width:970px;min-height:90px;margin:35px auto;padding:8px}.public-ad>span{color:#8795a2;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:9px;display:block}@media (width<=850px){.public-header nav{display:none}.public-hero{text-align:center;grid-template-columns:1fr;padding-top:55px}.public-hero>div>p{margin-inline:auto}.public-actions,.public-trust{justify-content:center}.public-demo{width:100%;max-width:520px;margin:auto;transform:none}.public-steps,.learning-grid{grid-template-columns:1fr}.public-features{grid-template-columns:1fr;gap:35px}.cookie-banner{flex-wrap:wrap;align-items:stretch}.cookie-banner div{width:100%}}@media (width<=560px){.public-header{height:68px;padding-inline:16px}.public-brand{font-size:17px}.public-header .public-login{margin-left:auto;padding:9px 13px}.public-hero{padding:44px 20px 65px}.public-hero h1{letter-spacing:-2.5px;font-size:44px}.public-hero>div>p{font-size:16px}.public-actions{flex-direction:column}.public-trust{gap:10px 18px}.public-demo{min-height:350px;padding:22px}.demo-phrase{font-size:27px}.public-section{padding:65px 20px}.public-features{padding-inline:20px}.public-cta{margin:55px 16px;padding:48px 20px}.public-cta h2{font-size:31px}.public-footer{flex-wrap:wrap}.public-footer span{width:100%}.cookie-banner{bottom:10px;left:10px;right:10px}.cookie-banner>button{flex:1}}.daily-goal-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.goal-heading{justify-content:space-between;font-size:13px;font-weight:800;display:flex}.goal-heading strong{color:var(--red)}.goal-options{grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0;display:grid}.goal-options button{border:1px solid var(--line);color:var(--muted);background:#f7f9fc;border-radius:9px;padding:7px;font-weight:800}.goal-options button.active{border-color:var(--green);background:var(--mint);color:var(--green-dark)}.notification-button{background:var(--red-soft);width:100%;color:var(--red-dark);border:0;border-radius:9px;justify-content:center;gap:7px;padding:9px;font-size:12px;font-weight:800;display:flex}.daily-goal-card small{text-align:center;color:var(--muted);letter-spacing:.5px;margin-top:8px;font-size:10px;display:block}.voice-error{background:var(--red-soft);max-width:390px;color:var(--red-dark);border-radius:9px;margin:12px 0 0;padding:9px 12px;font-size:12px}.listen-button:disabled{cursor:wait;opacity:.75}.voice-name{color:var(--muted);margin:9px 0 0;font-size:10px}.app{background:#f7f9fc}.brand strong,.hero h1 span{color:var(--red)}.header-nav button{color:#475569}.header-nav button:hover,.eyebrow,.section-label{color:var(--red)}.eyebrow{background:var(--red-soft)}.primary-button{box-shadow:0 12px 30px #1f4e8c3d}.preview-glow{background:#e7eef8}.sample-card{box-shadow:0 30px 80px #0a234226}.sample-back{color:var(--red-dark);background:#f3dce3}.review-button{color:var(--red-dark);background:#fff4f7;border-color:#e6b7c4}.previous-button{border:1px solid var(--line);color:var(--green-dark);background:#fff}.previous-button:disabled{cursor:not-allowed;opacity:.48}.favorite-button.selected{color:var(--red);background:var(--red-soft);border-color:#e6b7c4}.translation>button{background:var(--red);color:#fff;border-radius:11px;padding:12px 20px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 9px 22px #1f4e8c33}.translation>button:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 12px 26px #1f4e8c47}.app-loading{min-height:100vh;color:var(--green);background:#f7f9fc;place-items:center;font-weight:800;display:grid}.tenant-badge{border:1px solid var(--line);color:var(--green-dark);background:#f7f9fc;border-radius:12px;align-items:center;gap:10px;padding:7px 10px 7px 13px;font-size:12px;font-weight:800;display:flex}.tenant-badge button{background:var(--red-soft);color:var(--red-dark);border:0;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800}.auth-page{background:#f7f9fc;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-intro{color:#fff;background:linear-gradient(145deg,#0a2342,#1f4e8c);flex-direction:column;justify-content:center;padding:clamp(50px,8vw,110px);display:flex}.auth-intro .brand-mark{background:#ffffff24;margin-bottom:28px}.auth-intro .section-label{color:#f7bdcd}.auth-intro h1{letter-spacing:-2.5px;max-width:650px;margin:17px 0;font:800 clamp(40px,5vw,68px)/1.05 Manrope,sans-serif}.auth-intro p{color:#d9e5f5;max-width:570px;font-size:18px;line-height:1.65}.auth-benefits{color:#fff;flex-wrap:wrap;gap:12px 25px;margin-top:35px;font-size:13px;font-weight:700;display:flex}.auth-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(430px,100% - 40px);margin:auto;padding:38px;box-shadow:0 25px 70px #0a23421f}.auth-card h2{margin:0 0 8px;font:800 27px Manrope,sans-serif}.auth-card>p{color:var(--muted);margin:0 0 28px}.auth-card form{flex-direction:column;gap:17px;display:flex}.auth-card label{color:var(--ink);flex-direction:column;gap:7px;font-size:13px;font-weight:800;display:flex}.auth-card input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfe;border-radius:10px;outline:none;padding:12px 13px}.auth-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f4e8c1f}.password-field{display:block;position:relative}.password-field input{padding-right:54px}.password-field button{width:44px;height:44px;color:var(--green-dark);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:18px;line-height:1;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.password-field button:hover{background:var(--mint)}.password-field button:focus-visible{outline-offset:1px;outline:3px solid #1f4e8c33}.auth-card form .primary-button{margin-top:4px}.auth-message{background:var(--red-soft);color:var(--red-dark);border-radius:9px;padding:10px 12px;font-size:12px}.auth-message.success{color:#176b4d;background:#e8f5ef}.auth-switch{width:100%;color:var(--green);background:0 0;border:0;margin-top:18px;font-weight:800}.auth-switch.auth-forgot{margin-top:14px}.auth-switch.auth-forgot+.auth-switch{margin-top:9px}.review-reminder-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a234294;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.review-reminder{text-align:center;background:#fff;border-radius:24px;width:min(460px,100%);padding:38px;box-shadow:0 30px 90px #0a23424d}.review-reminder-icon{width:58px;height:58px;color:var(--green);background:#e8f5ef;border-radius:18px;place-items:center;margin:0 auto 18px;font-size:30px;font-weight:900;display:grid}.review-reminder h2{color:var(--ink);margin:10px 0;font:800 27px Manrope,sans-serif}.review-reminder p{max-width:350px;color:var(--muted);margin:0 auto 25px;line-height:1.55}.quiz-backdrop{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a2342ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.quiz-card{background:#fff;border-radius:25px;width:min(920px,100%);max-height:calc(100vh - 32px);padding:clamp(22px,4vw,36px);overflow:auto;box-shadow:0 35px 100px #0a234261}.quiz-step{color:var(--red);letter-spacing:1.3px;text-align:center;font-size:11px;font-weight:900}.quiz-card h2{color:var(--ink);text-align:center;margin:10px 0 4px;font:800 29px Manrope,sans-serif}.quiz-instruction{color:var(--muted);text-align:center;margin:0 0 24px;font-size:13px}.quiz-question{background:var(--mint);text-align:center;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:130px;padding:22px;display:flex}.quiz-question span{color:var(--green);letter-spacing:1.2px;font-size:10px;font-weight:900}.quiz-question strong{color:var(--ink);font:800 clamp(22px,4vw,30px) Manrope,sans-serif}.quiz-question.wrong{background:#fde8ed;box-shadow:inset 0 0 0 2px #d92d52}.quiz-question.wrong strong,.quiz-question.wrong span{color:#a40f32}.quiz-question.correct{background:#e4f6ed;box-shadow:inset 0 0 0 2px #239565}.quiz-question.correct strong,.quiz-question.correct span{color:#126442}.quiz-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.quiz-options button{border:1px solid var(--line);min-height:58px;color:var(--ink);background:#fff;border-radius:12px;padding:12px 14px;font-weight:750}.quiz-options button:hover{border-color:var(--green);background:var(--mint);color:var(--green-dark)}.quiz-error{background:var(--red-soft);color:var(--red-dark);text-align:center;border-radius:10px;margin:15px 0 0;padding:11px 14px;font-size:12px;font-weight:700}.quiz-error.correct{color:#126442;background:#e4f6ed}@media (width<=600px){.quiz-options{grid-template-columns:1fr}.quiz-card{padding:24px 18px}.quiz-question{min-height:105px}}.quiz-batch{gap:14px;display:grid}.quiz-batch-item{border:2px solid var(--line);background:#fff;border-radius:16px;padding:14px}.quiz-batch-item .quiz-question{min-height:86px;padding:14px}.quiz-batch-item .quiz-options{margin-top:10px}.quiz-batch-item.wrong{background:#fff4f6;border-color:#d92d52}.quiz-batch-item.correct{background:#f0fbf6;border-color:#239565}.quiz-line-feedback{text-align:center;margin:9px 0 0;font-size:12px;font-weight:800}.quiz-line-feedback.wrong{color:#a40f32}.quiz-line-feedback.correct{color:#126442}.quiz-continue{background:var(--green);color:#fff;border:0;border-radius:12px;width:100%;min-height:50px;margin-top:18px;font-weight:900}.quiz-continue:disabled{color:#71817c;cursor:not-allowed;background:#c5cfcc}.review-button:disabled{cursor:not-allowed;opacity:.48}.themes-hero-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:13px;padding:14px 18px;font-weight:800}.themes-page,.theme-study-page{max-width:1180px;min-height:calc(100vh - 76px);margin:auto;padding:55px 35px 90px}.themes-heading{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px;display:flex}.themes-heading h1{letter-spacing:-2px;margin:8px 0;font:800 clamp(34px,5vw,50px) Manrope,sans-serif}.themes-heading p{color:var(--muted);margin:0;font-size:16px}.themes-back{border:1px solid var(--line);color:var(--green-dark);background:#fff;border-radius:10px;padding:10px 14px;font-weight:800}.trending-feature{color:#fff;text-align:left;background:linear-gradient(120deg,#7b0f2d,#c51e4a);border:0;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;width:100%;margin-bottom:25px;padding:25px 28px;display:grid;box-shadow:0 18px 45px #b319423b}.trending-icon{background:#ffffff26;border-radius:20px;place-items:center;width:70px;height:70px;font-size:36px;display:grid}.trending-feature>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.trending-feature small{color:#ffd5df;letter-spacing:1.1px;font-size:10px;font-weight:900}.trending-feature strong{font:800 26px Manrope,sans-serif}.trending-feature em{color:#ffeaf0;font-size:13px;font-style:normal}.trending-feature b{font-size:13px}.themes-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.theme-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:19px;flex-direction:column;align-items:flex-start;min-height:235px;padding:22px;transition:transform .18s,border-color .18s;display:flex;box-shadow:0 12px 35px #0a23420f}.theme-card:hover{border-color:#9bb1cf;transform:translateY(-3px)}.theme-icon{background:var(--mint);border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:15px;font-size:26px;display:grid}.theme-card>strong{font:800 19px Manrope,sans-serif}.theme-card p{color:var(--muted);flex:1;margin:7px 0 18px;font-size:12px;line-height:1.5}.theme-card>div{width:100%;color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.theme-card>div b{color:var(--green)}.theme-card>i,.theme-progress>i{background:#e7edf5;border-radius:8px;width:100%;height:6px;margin-top:8px;overflow:hidden}.theme-card>i u,.theme-progress>i u{border-radius:inherit;background:var(--green);height:100%;text-decoration:none;display:block}.theme-study-header{grid-template-columns:auto auto 1fr 180px;align-items:center;gap:19px;margin-bottom:28px;display:grid}.theme-study-icon{background:var(--mint);border-radius:20px;place-items:center;width:70px;height:70px;font-size:36px;display:grid}.theme-study-header h1{margin:4px 0;font:800 31px Manrope,sans-serif}.theme-study-header p{color:var(--muted);margin:0;font-size:12px}.theme-progress{text-align:right;flex-direction:column;gap:2px;display:flex}.theme-progress strong{color:var(--green);font:800 25px Manrope,sans-serif}.theme-progress span{color:var(--muted);font-size:10px}.theme-levels{gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.theme-levels button{border:1px solid var(--line);min-width:150px;color:var(--muted);background:#fff;border-radius:11px;justify-content:space-between;gap:14px;padding:11px 13px;font-weight:800;display:flex}.theme-levels button.active{border-color:var(--green);background:var(--mint);color:var(--green-dark)}.theme-levels button:disabled{opacity:.45}.theme-levels small{font-size:10px}.theme-flashcard{border:1px solid var(--line);background:#fff;border-radius:23px;flex-direction:column;min-height:460px;padding:24px 28px;display:flex;box-shadow:0 22px 60px #0a234217}.theme-phrase{text-align:center;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.theme-phrase small{color:var(--muted);letter-spacing:1.1px;font-size:10px;font-weight:900}.theme-phrase strong{max-width:850px;color:var(--ink);font:800 clamp(29px,5vw,44px)/1.18 Manrope,sans-serif}.theme-phrase.revealed strong{color:var(--green-dark)}.theme-phrase em{background:var(--red-soft);max-width:650px;color:var(--red-dark);border-radius:9px;padding:9px 13px;font-size:12px;font-style:normal}.theme-card-actions{border-top:1px solid var(--line);justify-content:center;gap:10px;padding-top:18px;display:flex}.theme-card-actions button{border-radius:10px;padding:11px 17px;font-weight:800}.theme-navigation{justify-content:space-between;margin-top:12px;display:flex}.theme-navigation button{color:var(--green);background:0 0;border:0;padding:10px;font-weight:800}.theme-navigation button:disabled{color:#aab5c3}@media (width<=1050px){.header-nav{gap:14px}.header-nav button{font-size:12px}.themes-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.themes-page,.theme-study-page{padding:32px 16px 70px}.themes-heading{flex-direction:column-reverse}.trending-feature{grid-template-columns:auto 1fr;padding:20px}.trending-feature>b{display:none}.themes-grid{grid-template-columns:1fr}.theme-study-header{grid-template-columns:auto 1fr}.theme-study-header>.themes-back{grid-column:1/-1;justify-self:start}.theme-progress{text-align:left;grid-column:1/-1}.theme-flashcard{min-height:490px;padding:20px}.theme-card-actions{grid-template-columns:1fr 1fr;display:grid}.theme-card-actions button{padding-inline:6px}}.review-reminder>div{justify-content:center;gap:10px;display:flex}.review-reminder-later{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:12px 18px;font-weight:800}.trial-badge{background:var(--red-soft);color:var(--red-dark);white-space:nowrap;border-radius:10px;flex:none;padding:8px 11px;font-size:11px;font-weight:900}.trial-error{z-index:80;background:var(--red);color:#fff;text-align:center;border-radius:11px;width:min(440px,100% - 32px);padding:12px 16px;font-size:13px;font-weight:800;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #b3194247}.trial-expired-page{background:linear-gradient(145deg,#f7f9fc,#edf2f8);place-items:center;min-height:100vh;padding:24px;display:grid}.trial-expired-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:25px;width:min(520px,100%);padding:46px;box-shadow:0 28px 80px #0a234224}.trial-expired-card>span:first-child{margin-bottom:17px;font-size:48px;display:block}.trial-expired-card h1{color:var(--ink);margin:13px 0;font:800 clamp(30px,5vw,42px)/1.12 Manrope,sans-serif}.trial-expired-card p{max-width:410px;color:var(--muted);margin:0 auto 27px;line-height:1.65}.header-nav button.active{color:var(--green);position:relative}.header-nav button.active:after{content:"";background:var(--red);border-radius:3px;height:3px;position:absolute;bottom:-12px;left:0;right:0}.progress-page{max-width:1180px;min-height:calc(100vh - 76px);margin:auto;padding:58px 35px 80px}.progress-page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;display:flex}.progress-page-heading h1{letter-spacing:-1.3px;margin:8px 0;font:800 36px Manrope,sans-serif}.progress-page-heading p{color:var(--muted);margin:0}.progress-summary{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.progress-summary article{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:150px;padding:22px;display:flex;box-shadow:0 12px 35px #0a23420f}.progress-summary article>span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:800}.progress-summary article strong{color:var(--green);margin:auto 0 3px;font:800 34px Manrope,sans-serif}.progress-summary article:nth-child(2) strong,.progress-summary article:nth-child(3) strong{color:var(--red)}.progress-summary article small{color:var(--muted)}.progress-panels{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.progress-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:27px}.progress-panel h2{margin:0 0 5px;font:800 20px Manrope,sans-serif}.progress-panel>p{color:var(--muted);margin:0 0 25px;font-size:13px}.tense-progress-list{flex-direction:column;gap:20px;display:flex}.tense-progress-list>div>div:first-child{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.tense-progress-list strong{color:var(--green)}.category-progress-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.category-progress-list>div{color:var(--ink);background:#f7f9fc;border-radius:11px;justify-content:space-between;align-items:center;padding:13px;font-size:13px;display:flex}.category-progress-list strong{color:var(--red);font-size:18px}.category-progress-list small{color:var(--muted);font-size:11px}.daily-progress-banner{color:#fff;background:linear-gradient(120deg,#0a2342,#1f4e8c);border-radius:18px;grid-template-columns:190px 1fr auto;align-items:center;gap:25px;margin-top:18px;padding:24px 27px;display:grid}.daily-progress-banner>div:first-child{flex-direction:column;gap:3px;display:flex}.daily-progress-banner>div:first-child span{color:#cbd9ec;text-transform:uppercase;letter-spacing:1px;font-size:11px}.daily-progress-banner .progress-track{background:#fff3;margin:0}.daily-progress-banner .progress-track i{background:#fff}.daily-progress-banner .goal-options{margin:0;display:flex}.daily-progress-banner .goal-options button{color:#fff;background:#ffffff1a;border-color:#fff3;min-width:72px}.daily-progress-banner .goal-options button.active{background:var(--red);color:#fff;border-color:#d86583}.filter-list button{background:var(--red);color:#fff;padding:14px 16px;font-weight:800;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 7px 18px #b3194233}.filter-list button:hover{background:#c91d4d;transform:translateY(-1px);box-shadow:0 10px 23px #b3194247}.filter-list button.active{background:var(--red-dark);color:#fff;box-shadow:0 0 0 3px var(--red-soft), 0 9px 22px #8f14354d}.install-button{background:var(--red);color:#fff;border:0;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:800;box-shadow:0 7px 18px #b3194233}.install-button:hover{background:var(--red-dark)}.admin-page{max-width:1240px;min-height:calc(100vh - 76px);margin:auto;padding:52px 34px 80px}.admin-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.admin-heading h1{letter-spacing:-1.3px;margin:7px 0 6px;font:800 36px Manrope,sans-serif}.admin-heading p{color:var(--muted);margin:0}.admin-refresh{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:11px;padding:11px 16px;font-weight:800}.admin-refresh:disabled{cursor:wait;opacity:.6}.admin-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.admin-summary article{border:1px solid var(--line);background:#fff;border-radius:17px;flex-direction:column;justify-content:space-between;min-height:118px;padding:20px;display:flex;box-shadow:0 10px 30px #0a23420d}.admin-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800}.admin-summary strong{color:var(--green);font:800 32px Manrope,sans-serif}.admin-summary article:nth-child(3) strong,.admin-summary article:nth-child(4) strong{color:var(--red)}.admin-users-card{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 14px 40px #0a23420f}.admin-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 22px;display:flex}.admin-toolbar label{width:min(430px,100%);color:var(--ink);flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.admin-toolbar input{border:1px solid var(--line);width:100%;color:var(--ink);background:#f9fbfd;border-radius:10px;outline:none;padding:11px 13px}.admin-toolbar input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f4e8c1a}.admin-toolbar small{color:var(--muted);font-weight:700}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:920px}.admin-table th{color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.8px;background:#f7f9fc;padding:13px 18px;font-size:10px}.admin-table td{vertical-align:middle;border-top:1px solid #edf1f6;padding:17px 18px}.admin-table td:first-child,.admin-table td:nth-child(3),.admin-table td:nth-child(4){display:table-cell}.admin-table td>strong,.admin-table td>span,.admin-table td>small{display:block}.admin-table td>strong{font-size:13px}.admin-table td>span,.admin-table td>small{color:var(--muted);margin-top:3px;font-size:11px}.admin-status{border-radius:20px;width:max-content;padding:6px 9px;font-weight:900;margin:0!important;font-size:10px!important;display:inline-flex!important}.admin-status.full,.admin-status.trial,.admin-status.waiting{background:#e8f5ef;color:#176b4d!important}.admin-status.expired{background:#fff3db;color:#8b5d00!important}.admin-status.blocked{background:var(--red-soft);color:var(--red-dark)!important}.admin-actions{gap:7px;display:flex}.admin-actions button{border-radius:8px;padding:8px 10px;font-size:10px;font-weight:900}.admin-actions button:disabled{cursor:wait;opacity:.55}.admin-allow{background:var(--green);color:#fff;border:0}.admin-block{background:var(--red-soft);color:var(--red-dark);border:1px solid #e6b7c4}.admin-owner-label{font-weight:900;color:var(--green)!important}.admin-error{background:var(--red-soft);color:var(--red-dark);border-radius:9px;margin:16px 22px 0;padding:11px 13px;font-size:12px;font-weight:800}.admin-empty{color:var(--muted);text-align:center;padding:45px 20px}@media (width<=900px){.admin-summary{grid-template-columns:1fr 1fr}}@media (width<=600px){.admin-page{padding:34px 16px 60px}.admin-heading{flex-direction:column;align-items:flex-start}.admin-heading h1{font-size:30px}.admin-summary{gap:9px}.admin-summary article{min-height:100px;padding:16px}.admin-toolbar{flex-direction:column;align-items:flex-start}}.grammar-page{max-width:1020px;min-height:calc(100vh - 76px);margin:auto;padding:58px 35px 90px}.grammar-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.grammar-heading h1{letter-spacing:-1.4px;margin:8px 0;font:800 38px Manrope,sans-serif}.grammar-heading p{max-width:650px;color:var(--muted);margin:0;line-height:1.6}.grammar-search{border:1px solid var(--line);color:var(--red);background:#fff;border-radius:14px;align-items:center;gap:11px;margin-bottom:18px;padding:0 17px;display:flex}.grammar-search input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:15px 0}.grammar-list{flex-direction:column;gap:10px;display:flex}.grammar-topic{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0a23420a}.grammar-topic summary{cursor:pointer;grid-template-columns:46px 1fr auto;align-items:center;gap:15px;min-height:82px;padding:14px 20px;list-style:none;display:grid}.grammar-topic summary::-webkit-details-marker{display:none}.grammar-topic summary>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.grammar-topic summary strong{font:800 16px Manrope,sans-serif}.grammar-topic summary small{color:var(--muted);font-size:12px}.grammar-topic summary i{color:var(--red);font-size:22px;font-style:normal;transition:transform .2s}.grammar-topic[open] summary i{transform:rotate(45deg)}.grammar-number{background:var(--mint);width:42px;height:42px;color:var(--green);border-radius:12px;place-items:center;font-size:12px;font-weight:800;display:grid}.grammar-content{border-top:1px solid var(--line);padding:0 22px 23px 83px}.grammar-content ul{color:var(--ink);margin:20px 0;padding-left:20px;line-height:1.7}.grammar-content li::marker{color:var(--red)}.grammar-examples{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grammar-examples>div{border-left:3px solid var(--red);background:#f7f9fc;border-radius:8px;flex-direction:column;gap:4px;padding:13px 15px;display:flex}.grammar-examples strong{color:var(--green-dark)}.grammar-examples span{color:var(--muted);font-size:12px}.grammar-examples .grammar-tense{background:var(--mint);color:var(--green-dark);letter-spacing:.7px;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin-bottom:3px;padding:3px 8px;font-size:9px;font-weight:900}.grammar-examples .grammar-tense-futuro{color:#1f4e8c;background:#e8f0ff}.grammar-examples .grammar-tense-passado{background:var(--red-soft);color:var(--red-dark)}.grammar-note{color:#fff;background:linear-gradient(120deg,#0a2342,#1f4e8c);border-radius:15px;flex-direction:column;gap:5px;margin-top:22px;padding:20px 23px;display:flex}.grammar-note span{color:#d9e5f5;font-size:13px}.grammar-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:15px;padding:35px}.focused-study-page{max-width:1020px;min-height:calc(100vh - 76px);margin:auto;padding:48px 35px 80px}.focused-study-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:20px;display:flex}.focused-study-heading h1{margin:7px 0 4px;font:800 32px Manrope,sans-serif}.focused-study-heading p{color:var(--muted);margin:0}.focused-study-progress{text-align:right;flex-direction:column;display:flex}.focused-study-progress strong{color:var(--green);font:800 27px Manrope,sans-serif}.focused-study-progress span{color:var(--muted);font-size:11px}.focused-flashcard{min-height:510px}.focused-card-actions{border-top:1px solid var(--line);padding:15px 30px 19px}.focused-card-actions button{border-width:1px;border-radius:10px;font-weight:800}.focused-back{color:var(--muted)!important}.focused-flashcard .main-phrase-text h2{margin-bottom:8px}.english-pop-page{max-width:1020px;min-height:calc(100vh - 76px);margin:auto;padding:54px 35px 90px}.english-pop-heading{margin-bottom:28px}.english-pop-heading h1{margin:8px 0 5px;font:800 38px Manrope,sans-serif}.english-pop-heading p{color:var(--muted);margin:0}.english-pop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.english-pop-card{background:var(--red);color:#fff;text-align:left;border:0;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:58px;padding:14px 16px;font-weight:800;display:flex;box-shadow:0 7px 18px #b3194233}.english-pop-card:hover{background:#c91d4d;transform:translateY(-1px)}.english-pop-card span{align-items:center;gap:11px;display:flex}.english-pop-card strong{font-size:12px}@media (width<=600px){.focused-study-page{padding:32px 16px 55px}.focused-study-heading{flex-direction:column;align-items:flex-start}.focused-study-heading h1{font-size:28px}.focused-study-progress{text-align:left}.focused-card-actions{padding-inline:20px}.focused-back{display:none}.english-pop-page{padding:36px 16px 70px}.english-pop-heading h1{font-size:31px}.english-pop-grid{grid-template-columns:1fr}.english-pop-card{min-height:64px}}.music-page{max-width:1120px;min-height:calc(100vh - 76px);margin:auto;padding:58px 35px 90px}.music-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.music-heading h1{letter-spacing:-1.4px;margin:8px 0;font:800 38px Manrope,sans-serif}.music-heading p{max-width:680px;color:var(--muted);margin:0;line-height:1.6}.music-score{background:var(--mint);text-align:center;border-radius:15px;flex-direction:column;min-width:120px;padding:16px 20px;display:flex}.music-score strong{color:var(--green);font:800 28px Manrope,sans-serif}.music-score span{color:var(--muted);font-size:11px}.music-tools{grid-template-columns:1fr 260px;gap:12px;margin-top:28px;display:grid}.music-tools input,.music-tools select{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:12px;outline:none;padding:14px 15px}.music-tools input:focus,.music-tools select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f4e8c1a}.music-results{color:var(--muted);margin:17px 0 10px;font-size:12px;font-weight:700}.music-list{flex-direction:column;gap:10px;display:flex}.music-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;padding:17px 19px;display:grid}.music-card.studied{background:#f4f8fd;border-color:#aabdd8}.music-order{background:var(--red-soft);width:43px;height:43px;color:var(--red);border-radius:12px;place-items:center;font-weight:800;display:grid}.music-info h2{margin:3px 0 1px;font:800 17px Manrope,sans-serif}.music-info p{color:var(--muted);margin:0;font-size:13px}.music-info small{color:var(--green);text-transform:uppercase;font-size:10px;font-weight:800}.music-stars{color:#e2a320;letter-spacing:1px;font-size:12px}.music-actions{align-items:center;gap:7px;display:flex}.music-actions button,.music-actions a{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:800;text-decoration:none}.music-actions .music-favorite.active{color:#a46c00;background:#fff8e6;border-color:#e8c36a}.music-actions .music-studied.active{color:var(--green);background:var(--mint);border-color:#9fb6d4}.music-actions a{border-color:var(--red);background:var(--red);color:#fff}.music-actions a:hover{background:var(--red-dark)}.music-tip{color:#fff;background:linear-gradient(120deg,#0a2342,#1f4e8c);border-radius:15px;flex-direction:column;gap:5px;margin-top:24px;padding:20px 23px;display:flex}.music-tip span{color:#d9e5f5;font-size:13px;line-height:1.55}.music-disclaimer{color:var(--muted);text-align:center;font-size:12px}.dialogue-page{max-width:1080px;min-height:calc(100vh - 76px);margin:auto;padding:58px 35px 90px}.dialogue-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.dialogue-heading h1{letter-spacing:-1.4px;margin:8px 0;font:800 38px Manrope,sans-serif}.dialogue-heading p{max-width:680px;color:var(--muted);margin:0;line-height:1.6}.dialogue-score{background:var(--red-soft);text-align:center;border-radius:15px;flex-direction:column;min-width:125px;padding:16px 20px;display:flex}.dialogue-score strong{color:var(--red);font:800 27px Manrope,sans-serif}.dialogue-score span{color:var(--muted);font-size:11px}.dialogue-filter{gap:7px;margin:27px 0 16px;padding-bottom:3px;display:flex;overflow-x:auto}.dialogue-filter button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;flex:none;padding:9px 12px;font-size:11px;font-weight:800}.dialogue-filter button.active{border-color:var(--green);background:var(--mint);color:var(--green-dark)}.dialogue-list{flex-direction:column;gap:11px;display:flex}.dialogue-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:115px 1fr auto;align-items:center;gap:18px;padding:14px;display:grid}.dialogue-card.watched{background:#f4f8fd;border-color:#aabdd8}.dialogue-thumbnail{color:#fff;background:linear-gradient(135deg,#0a2342,#1f4e8c);border-radius:11px;place-items:center;height:72px;display:grid;position:relative}.dialogue-thumbnail>span{font-size:20px}.dialogue-thumbnail small{background:#0000007a;border-radius:5px;padding:2px 5px;font-size:9px;position:absolute;bottom:5px;right:6px}.dialogue-stars{color:#e2a320;letter-spacing:1px;font-size:12px}.dialogue-info h2{margin:4px 0;font:800 17px Manrope,sans-serif}.dialogue-info p{color:var(--muted);margin:0;font-size:12px}.dialogue-actions{flex-direction:column;gap:7px;min-width:160px;display:flex}.dialogue-actions button,.dialogue-actions a{border:1px solid var(--line);color:var(--muted);text-align:center;background:#fff;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:800;text-decoration:none}.dialogue-actions button.active{background:var(--mint);color:var(--green);border-color:#9fb6d4}.dialogue-actions a{border-color:var(--red);background:var(--red);color:#fff}.dialogue-actions a:hover{background:var(--red-dark)}.dialogue-tip{color:#fff;background:linear-gradient(120deg,#0a2342,#1f4e8c);border-radius:15px;flex-direction:column;gap:5px;margin-top:24px;padding:20px 23px;display:flex}.dialogue-tip span{color:#d9e5f5;font-size:13px;line-height:1.55}.dialogue-disclaimer{color:var(--muted);text-align:center;font-size:12px}@media (width<=800px){.auth-page{grid-template-columns:1fr}.auth-intro{padding:48px 25px}.auth-intro h1{font-size:42px}.auth-card{margin-block:35px}.tenant-badge span{display:none}.progress-summary{grid-template-columns:1fr 1fr}.progress-panels,.daily-progress-banner,.grammar-examples{grid-template-columns:1fr}.music-card{grid-template-columns:43px 1fr}.music-actions{grid-column:1/-1;justify-content:flex-end}.dialogue-card{grid-template-columns:100px 1fr}.dialogue-actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end}.dialogue-actions>*{min-width:160px}}@media (width<=560px){.progress-page{padding:38px 16px 60px}.progress-page-heading{flex-direction:column;align-items:flex-start}.progress-summary,.category-progress-list{grid-template-columns:1fr}.install-button{padding:8px 10px;font-size:11px}.grammar-page{padding:36px 16px 90px}.grammar-heading{flex-direction:column;align-items:flex-start}.grammar-heading h1{font-size:31px}.grammar-topic summary{grid-template-columns:40px 1fr auto;gap:10px;padding:12px}.grammar-number{width:38px;height:38px}.grammar-content{padding:0 14px 18px}.music-page{padding:36px 16px 90px}.music-heading{flex-direction:column;align-items:flex-start}.music-heading h1{font-size:31px}.music-score{width:100%}.music-tools{grid-template-columns:1fr}.music-card{gap:10px;padding:14px 12px}.music-actions{grid-template-columns:1fr 1fr;display:grid}.music-actions a{text-align:center;grid-column:1/-1}.music-actions button{padding-inline:5px}.dialogue-page{padding:36px 16px 90px}.dialogue-heading{flex-direction:column;align-items:flex-start}.dialogue-heading h1{font-size:31px}.dialogue-score{width:100%}.dialogue-card{grid-template-columns:82px 1fr;gap:11px}.dialogue-thumbnail{height:65px}.dialogue-actions{grid-template-columns:1fr 1fr;display:grid}.dialogue-actions>*{min-width:0;padding-inline:5px}}@media (width<=900px){.app{padding-bottom:72px}.header-nav{z-index:40;border:1px solid var(--line);contain:inline-size;background:#fffffff7;border-radius:16px;justify-content:flex-start;gap:3px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:0;padding:7px;display:flex;position:fixed;bottom:10px;left:12px;right:12px;overflow:auto hidden;box-shadow:0 12px 35px #0a23422e}.header-nav button{border-radius:9px;flex:none;min-width:105px;min-height:44px;padding:9px 7px;font-size:12px}.header-nav button.active{background:var(--mint)}.header-nav button.active:after{display:none}}@media (width<=600px){.header{padding-inline:14px}.brand{min-height:44px;font-size:16px}.tenant-badge button{min-width:44px;min-height:44px}.header-progress{justify-content:center;min-width:58px;min-height:44px}.mini-progress{width:58px}.study-layout{gap:22px;padding:22px 14px 92px}.study-sidebar{gap:12px;display:flex}.study-sidebar>div:first-child{display:none}.overall-progress,.daily-goal-card{padding:15px}.filter-list{order:-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid;overflow:visible}.filter-list button{border:1px solid var(--line);min-width:0;min-height:76px;color:var(--ink);text-align:left;background:#fff;flex-direction:column;align-items:stretch;padding:10px 8px;box-shadow:0 5px 14px #0a23420d}.filter-list button>span{align-items:flex-start;gap:5px;font-size:11px;line-height:1.15}.filter-list button strong{align-self:flex-end;font-size:15px}.study-heading{align-items:flex-start}.study-heading h1{font-size:25px}.counter{font-size:18px}.flashcard{border-radius:18px;min-height:470px;padding:18px 16px 0}.phrase-content{padding-inline:0}.phrase-content h2{font-size:30px}.learning-actions{border-radius:0 0 18px 18px;margin-inline:-16px;padding-inline:16px}.navigation{margin-top:10px}}@media (width<=900px){.filter-list{grid-template-columns:repeat(4,minmax(135px,1fr));gap:7px;display:grid;overflow:visible}.filter-list button{width:100%;min-width:0}}@media (width<=600px){.filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.study-layout>.filter-list{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;overflow:visible}.study-layout>.filter-list button{width:100%;min-width:0;min-height:58px}.study-progress-summary{border:1px solid var(--line);background:#fff;border-radius:16px;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:10px 24px;padding:18px 20px;display:grid;box-shadow:0 8px 24px #0a23420f}.study-progress-summary>div:first-child{flex-direction:column;gap:3px;display:flex}.study-progress-summary span{color:var(--muted);font-size:12px;font-weight:700}.study-progress-summary strong{color:var(--ink);font:800 18px Manrope,sans-serif}.study-progress-percentage{color:var(--red);font:800 24px Manrope,sans-serif}.study-progress-track{background:#edf1ef;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.study-progress-track i{border-radius:inherit;background:linear-gradient(90deg,var(--red),#dc4a70);height:100%;transition:width .25s;display:block}.english-pop-progress{margin-bottom:18px}@media (width<=760px){.study-layout>.filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.study-progress-summary{padding:15px 16px}}.theme-phrase-text{text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:16px;display:flex}.theme-translation-toggle{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #b517402e}.theme-translation{background:var(--mint);border-radius:13px;flex-direction:column;gap:6px;width:min(720px,100%);padding:15px 18px;display:flex}.theme-translation small{color:var(--green-dark)}.theme-translation b{color:var(--green-dark);font:750 21px Manrope,sans-serif}.study-area{scroll-margin-top:92px}.favorite-button{min-width:44px;min-height:44px}.main-phrase-text{text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;width:100%;display:flex}.main-phrase-text h2{margin-bottom:8px}.main-translation{margin-top:2px}.main-card-actions{grid-template-columns:1fr auto 1fr;gap:10px;margin-inline:-30px;display:grid}.main-card-actions>button{min-height:46px}.main-card-actions .listen-button{background:var(--mint);color:var(--green-dark)}.main-card-actions .learned-button{background:var(--green);color:#fff}.main-card-actions .review-button:disabled{opacity:.48;cursor:not-allowed}.phonetic-text{color:#60736d;letter-spacing:.1px;text-transform:none;font-family:Manrope,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:1.5;display:block}.sample-content>.phonetic-text{color:#60736d;margin-top:-12px;font-size:17px}.theme-phrase-text .phonetic-text{margin-top:-8px}.grammar-examples .phonetic-text{color:#60736d;margin:4px 0;font-size:14px}.quiz-question .phonetic-text{margin-top:5px;font-size:15px}.public-demo>.phonetic-text{margin-top:-14px;margin-bottom:20px}.cinema-source{color:#285b91;background:#eef4fb;border-radius:999px;align-items:center;gap:8px;margin:3px 0 20px;padding:7px 13px;display:flex}.cinema-source small{letter-spacing:1px;font-size:10px;font-weight:800}.cinema-source strong{font:800 13px Manrope,sans-serif}.grammar-categories{gap:38px;display:grid}.grammar-category>header{margin-bottom:14px}.grammar-category>header .section-label{font-size:13px}.grammar-category>header p{color:var(--muted);margin:6px 0 0;font-size:14px}.grammar-category .grammar-list{gap:10px;display:grid}@media (width<=600px){.main-card-actions{grid-template-columns:1fr 1fr;margin-inline:-20px}.main-card-actions .previous-button{grid-area:2/1/auto/-1}.phrase-content{gap:14px}.main-translation{width:100%}}.app{overflow-x:hidden}