@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f3f0ff;background:#101019;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 78% 13%,#25203b 0,transparent 35%),#101019}button,a{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{max-width:1160px;margin:auto;padding:0 36px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f6f3ff;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.8px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#b9f278;color:#151a12;font-size:18px}.brand-accent{color:#b9f278}.top-actions{display:flex;align-items:center;gap:24px}.streak{color:#d5b5ff;font-size:14px}.streak small{color:#9b97ad;margin-left:3px}.lang-switch{display:flex;gap:3px;padding:4px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff05}.lang-switch button{border:0;border-radius:8px;padding:7px 10px;background:transparent;color:#9995aa;font-size:11px;font-weight:700}.lang-switch button.chosen{background:#b9f278;color:#191e16}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:435px;padding:60px 0 45px}.hero-copy{max-width:570px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#a8a3b8}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#c3b3eb}.dot,.footer-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b9f278;box-shadow:0 0 13px #b9f27870}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,59px);letter-spacing:-2.7px;line-height:1.1;margin:21px 0 17px;font-weight:800;max-width:590px}.hero-copy>p{max-width:440px;color:#aaa6ba;font-size:15px;line-height:1.8;margin:0 0 25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:12px;background:#b9f278;color:#171c12;text-decoration:none;padding:14px 18px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:#cbff91}.primary-button span{font-size:18px}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;color:#8e899f;font-size:10px}.hero-art{height:320px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:235px;height:235px;border-radius:50%;background:radial-gradient(circle,#b89af52e,transparent 68%);z-index:-2}.orbit{position:absolute;border:1px solid #c5a5ff20;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:300px;height:185px}.orbit-two{width:235px;height:310px;transform:rotate(50deg)}.floating-card{position:absolute;background:linear-gradient(135deg,#252236ed,#191824f5);border:1px solid #ffffff17;box-shadow:0 22px 60px #0005;border-radius:17px}.card-word{width:220px;padding:20px;transform:rotate(-4deg);left:calc(50% - 105px);top:54px}.card-word small{font-size:8px;letter-spacing:1.5px;color:#9690ab}.card-word strong{display:block;font-family:Manrope,sans-serif;font-size:43px;letter-spacing:-2px;margin-top:10px}.card-word strong span{color:#b9f278}.card-word em{font-size:11px;color:#aaa3c4;font-style:normal}.word-translation{border-top:1px solid #ffffff14;margin-top:13px;padding-top:11px;color:#c5bfda;font-size:11px}.card-progress{display:flex;align-items:center;gap:11px;padding:13px 16px;right:1%;bottom:34px;transform:rotate(4deg)}.progress-ring{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#b9f27818;border:1px solid #b9f27860;color:#b9f278}.card-progress strong,.card-progress small{display:block}.card-progress strong{font-size:16px}.card-progress small{font-size:9px;color:#a6a0b9}.sparkle{position:absolute;color:#b9f278}.sparkle-one{top:40px;right:16%;font-size:24px}.sparkle-two{bottom:49px;left:12%;font-size:18px;color:#d0b5ff}.content-section{padding:35px 0 55px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-heading h2,.lesson-panel h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;margin:9px 0 7px}.section-heading p,.lesson-description{color:#918ca4;font-size:12px;margin:0}.text-button,.back-button{background:none;border:0;color:#c8b2ff;font-size:12px;font-weight:700;padding:10px 0}.text-button span{margin-left:7px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lesson-card{padding:20px;border:1px solid #ffffff12;background:linear-gradient(140deg,#1d1b29,#171620);border-radius:17px;min-height:205px;transition:transform .2s,border-color .2s}.lesson-card:hover{transform:translateY(-3px);border-color:#b9f27855}.lesson-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#b9f27818;color:#b9f278;font-size:19px;margin-bottom:15px}.icon-1{background:#c6a2ff1a;color:#c6a2ff}.icon-2{background:#83d9e41a;color:#83d9e4}.lesson-card-top{display:flex;align-items:center;justify-content:space-between}.level-pill{display:inline-block;background:#b9f27816;color:#c4f899;border:1px solid #b9f27822;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700}.duration{color:#817c94;font-size:10px}.lesson-card h3{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;margin:11px 0 6px}.lesson-card p{font-size:11px;color:#9691a6;line-height:1.6;margin:0}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #ffffff0d;color:#817c94;font-size:10px}.card-bottom button{width:30px;height:30px;border-radius:9px;border:1px solid #ffffff19;background:#ffffff06;color:#c4f899;font-size:17px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.daily-card,.progress-card{border:1px solid #ffffff12;background:#191822;border-radius:17px;padding:20px;min-height:145px}.daily-card{display:flex;align-items:center;gap:14px}.daily-icon{width:40px;height:40px;display:grid;place-items:center;background:#c6a2ff18;color:#c6a2ff;border-radius:12px;font-size:20px}.daily-card h3,.progress-card h3{font-family:Manrope,sans-serif;margin:8px 0 5px;font-size:16px}.daily-card p,.progress-card p{font-size:11px;line-height:1.6;color:#9691a6;margin:0}.daily-number{margin-left:auto;font-size:28px;font-family:Manrope,sans-serif;font-weight:800;color:#b9f278}.daily-number small{display:block;text-align:center;font-size:9px;color:#9691a6;font-weight:400}.progress-title{display:flex;align-items:center;justify-content:space-between}.progress-badge{font-size:8px;letter-spacing:.7px;color:#c6a2ff;background:#c6a2ff13;border-radius:5px;padding:5px 6px}.progress-line,.step-track{height:5px;background:#ffffff12;border-radius:10px;overflow:hidden;margin:14px 0 8px}.progress-line span,.step-track span{display:block;height:100%;background:#b9f278;border-radius:10px;width:8%}.muted{font-size:11px;color:#827d94}.lesson-panel{max-width:760px;margin:44px auto 70px;min-height:440px}.back-button{margin-bottom:20px}.lesson-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.step-label{font-size:11px;color:#9994a9}.lesson-panel h2{font-size:30px;margin:25px 0 7px}.question-card{margin-top:28px;padding:26px;border:1px solid #ffffff14;border-radius:18px;background:#1a1925}.question-kicker{font-size:9px;letter-spacing:1.5px;color:#b9f278;font-weight:700}.question-card h3{font-family:Manrope,sans-serif;font-size:21px;line-height:1.5;margin:14px 0 23px}.answer-options{display:grid;gap:10px}.answer-option{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;background:#ffffff04;border:1px solid #ffffff15;border-radius:11px;color:#e9e5f5;font-size:13px}.answer-option.selected{border-color:#b9f27890;background:#b9f2780c}.option-radio{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;border:1px solid #ffffff30;color:#b9f278;font-size:12px}.selected .option-radio{border-color:#b9f278}.feedback{font-size:12px;line-height:1.6;margin-top:17px;padding:12px;border-radius:10px}.feedback.good{color:#d0ffae;background:#b9f27812}.feedback.try-again{color:#ffcfad;background:#ffad6810}.question-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;padding-top:19px;border-top:1px solid #ffffff12}.question-footer>span{font-size:10px;color:#9691a6}.question-footer .primary-button{padding:12px 14px}.error-banner{padding:12px 15px;border:1px solid #ffad6840;background:#ffad6810;color:#ffcfad;border-radius:10px;font-size:12px;margin:10px 0}.vocab-panel{margin-top:20px;border:1px solid #ffffff12;border-radius:15px;padding:18px;background:#191822}.vocab-panel h3{margin:0 0 13px}.vocab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vocab-row{display:flex;justify-content:space-between;gap:10px;padding:10px;background:#ffffff05;border-radius:8px;font-size:12px}.vocab-row span{color:#9b96ad}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff12;padding:22px 0 27px;color:#777287;font-size:10px}.footer-brand{font-size:15px}.footer-brand .brand-mark{width:24px;height:24px;border-radius:7px;font-size:14px}.footer-status{display:flex;align-items:center;gap:7px}.footer-status i{width:5px;height:5px}@media(max-width:760px){.app-shell{padding:0 20px}.topbar{height:70px}.hero{grid-template-columns:1fr;padding:45px 0 25px;gap:0}.hero h1{font-size:43px}.hero-art{height:270px;max-width:420px;width:100%;margin:0 auto}.card-word{top:39px}.hero-meta{gap:12px}.content-section{padding-top:25px}.lesson-grid,.bottom-grid{grid-template-columns:1fr}.lesson-card{min-height:190px}.section-heading h2{font-size:26px}.daily-card,.progress-card{min-height:130px}.lesson-panel{margin-top:25px}.question-card{padding:20px}.question-footer{align-items:flex-start;flex-direction:column}.question-footer .primary-button{width:100%}footer{flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}}@media(max-width:390px){.app-shell{padding:0 15px}.brand{font-size:17px}.top-actions{gap:12px}.streak small{display:none}.hero h1{font-size:36px}.hero-copy>p{font-size:13px}.hero-art{transform:scale(.93);margin:-5px auto}.hero-meta{font-size:9px}.section-heading{align-items:start;gap:10px}.text-button{white-space:nowrap}.vocab-list{grid-template-columns:1fr}.question-card h3{font-size:18px}}input.answer-option{width:100%;font:inherit}:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}.app-shell{padding-top:var(--safe-top);padding-left:max(36px,var(--safe-left));padding-right:max(36px,var(--safe-right))}footer{padding-bottom:calc(27px + var(--safe-bottom))}@media(max-width:760px){.app-shell{padding-left:max(20px,var(--safe-left));padding-right:max(20px,var(--safe-right))}}@media(max-width:390px){.app-shell{padding-left:max(15px,var(--safe-left));padding-right:max(15px,var(--safe-right))}}:focus-visible{outline:3px solid #b9f278;outline-offset:3px}.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.review-panel{max-width:640px}.review-session-progress{margin:8px 0 20px;color:#aaa6ba;font-size:12px}.review-session-progress .progress-line{margin:10px 0}.review-card{padding:clamp(20px,5vw,34px);border:1px solid #ffffff14;border-radius:20px;background:linear-gradient(145deg,#1d1b29,#171620);text-align:center}.review-card h2{font-family:Manrope,sans-serif;font-size:clamp(34px,8vw,48px);line-height:1.2;overflow-wrap:anywhere;margin:24px 0}.review-translation{font-size:clamp(20px,5vw,26px);color:#c4f899;margin:20px 0 26px;overflow-wrap:anywhere}.reveal-button{margin:4px auto 8px}.review-ratings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.rating-button{min-height:48px;padding:12px 10px;border:1px solid #ffffff20;border-radius:11px;background:#ffffff08;color:#f3f0ff;font-weight:700}.rating-button:hover:not(:disabled){border-color:#b9f278;background:#b9f27812}.rating-again{color:#ffcfad}.rating-easy{color:#c4f899}.review-feedback{margin-top:24px;padding:16px;border-radius:12px;background:#b9f27812;color:#d0ffae;font-size:14px;line-height:1.6}.review-feedback p{margin:0 0 10px}.review-feedback .primary-button{margin-top:8px}.review-complete{text-align:center;padding:clamp(28px,7vw,60px) 12px}.review-complete p{color:#aaa6ba;line-height:1.7}.review-symbol{display:grid;place-items:center;width:56px;height:56px;margin:auto;border-radius:18px;background:#b9f27818;color:#b9f278;font-size:28px}.review-error{display:grid;gap:8px;padding:14px;border:1px solid #ffad6840;border-radius:12px;color:#ffcfad}.review-error .text-button{justify-self:start}.course-progress-summary{display:grid;grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:18px;margin:0 0 22px;padding:15px 18px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff05}.course-progress-summary>div:first-child{display:flex;align-items:baseline;gap:9px;white-space:nowrap}.course-progress-summary strong{color:#c4f899;font-size:18px}.course-progress-summary span{color:#aaa6ba;font-size:12px}.lesson-card-next{border-color:#b9f27870;box-shadow:0 0 0 1px #b9f27818}.next-lesson-label{display:inline-flex;margin-top:9px;color:#c4f899;font-size:11px;font-weight:700}.lesson-vocabulary{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.lesson-vocabulary>span{display:grid;gap:3px;padding:9px 12px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff06}.lesson-vocabulary strong{color:#c4f899;font-size:13px}.lesson-vocabulary small{color:#aaa6ba;font-size:11px}@media(max-width:480px){.course-progress-summary{grid-template-columns:1fr;gap:10px}.course-progress-summary .progress-line{margin:0}.lesson-vocabulary{gap:6px}.lesson-vocabulary>span{padding:8px 10px}}.availability-label{color:#aaa6ba;font-size:10px;font-weight:700}.lesson-card-next .availability-label{color:#c4f899}.daily-dashboard{align-items:flex-start}.daily-content{min-width:0;flex:1}.daily-dashboard p{max-width:440px}.goal-presets{display:flex;gap:7px;margin-top:13px}.goal-presets button{min-width:42px;padding:8px 11px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff06;color:#ddd8e9;font-weight:700}.goal-presets button.selected{border-color:#b9f27880;background:#b9f27818;color:#d0ffae}.goal-presets button:focus-visible,.text-button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #b9f278;outline-offset:3px}.daily-number{white-space:nowrap;text-align:center}.daily-number small{max-width:105px;line-height:1.4}.dashboard-links{display:flex;flex-wrap:wrap;gap:8px}.weekly-activity{margin-top:14px;padding:17px 20px;border:1px solid #ffffff12;background:#191822;border-radius:17px}.weekly-activity>strong{font-size:12px}.activity-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:105px;margin-top:14px}.activity-day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}.activity-bar{width:min(24px,70%);min-height:3px;background:#b9f278;border-radius:5px 5px 2px 2px}.activity-day small{font-size:9px;color:#aaa6ba}.activity-day b{font-size:9px;color:#c4f899}@media(max-width:760px){.daily-dashboard{flex-wrap:wrap}.daily-content{flex-basis:calc(100% - 56px)}.daily-number{margin-left:54px}.weekly-activity{padding:15px 13px}.activity-bars{gap:4px}}.exercise-hints{margin-top:18px;padding:12px 14px;border:1px solid #c6a2ff30;border-radius:12px;background:#c6a2ff0a}.exercise-hint{margin:4px 0 10px;color:#d5c8ef;font-size:13px;line-height:1.6}.exercise-hint strong{color:#c6a2ff}.hint-button{min-height:40px}.hint-error{margin:6px 0;color:#ff9b9b;font-size:12px;line-height:1.5}.hint-button:focus-visible{outline:2px solid #c6a2ff;outline-offset:3px}