:root{--ink:#17233c;--muted:#63708a;--brand:#288fe5;--sky:#67c9f3;--paper:#eef9ff;--line:#dceefa;--card:rgba(255,255,255,.69);font-family:ui-rounded,"Avenir Next",Avenir,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 5%,#fff 0,transparent 30%),radial-gradient(circle at 95% 15%,#d8f4ff 0,transparent 28%),linear-gradient(145deg,#f7fdff,#e7f7ff);min-height:100dvh}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}.page{max-width:760px;margin:auto;padding:22px 18px 52px}.topbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-bottom:42px}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;min-width:0;font-size:19px;font-weight:800}.brand>b{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--sky));box-shadow:0 8px 18px #2495db42}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:11px;font-weight:700}.streak{display:flex;align-items:center;gap:5px;font-size:16px}.streak span{font-size:10px;line-height:1.05;color:var(--muted);font-weight:700}.locale{border:1px solid #d6e9f5;background:#ffffffa8;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:800}.landing{min-height:calc(100dvh - 120px);display:grid;align-content:center;gap:34px}.hero-copy{max-width:570px}.eyebrow,.step,.grammar>span,.share>span,.question>span{color:#2b89d0;font-size:11px;font-weight:900;letter-spacing:.1em}.hero-copy h1{font-size:clamp(43px,11vw,74px);line-height:.98;letter-spacing:-.065em;margin:10px 0 18px}.hero-copy h1 i{font-style:normal;color:var(--brand)}.hero-copy>p:not(.eyebrow):not(.fine){font-size:18px;line-height:1.45;color:var(--muted);max-width:470px}.fine{font-size:12px;color:var(--muted);margin:15px 0}.primary,.soft,.secondary{border-radius:17px;padding:14px 20px;font-weight:850;transition:transform .15s,box-shadow .15s}.primary{color:white;background:linear-gradient(100deg,var(--brand),var(--sky));box-shadow:0 12px 24px #2d96d344}.primary:hover{box-shadow:0 16px 28px #2d96d35d}.primary:active,.soft:active,.secondary:active,.choice:active{transform:scale(.98)}.primary:disabled{filter:grayscale(.35);opacity:.48;cursor:not-allowed;box-shadow:none}.big{font-size:18px;margin-top:7px}.feature-stack{display:grid;gap:10px}.feature-stack article{display:flex;align-items:center;gap:14px;border:1px solid #ffffffd9;background:var(--card);backdrop-filter:blur(12px);padding:15px 17px;border-radius:20px;box-shadow:0 8px 30px #a6d5ea22}.feature-stack span{font-size:24px}.feature-stack b{font-size:15px}.feature-stack p{margin:3px 0 0;color:var(--muted);font-size:13px}.onboarding{min-height:60dvh;display:grid;place-items:center}.card,.lesson-card,.speech,.progress,.plan{border:1px solid #fff;background:var(--card);backdrop-filter:blur(16px);box-shadow:0 15px 45px #95c9df24;border-radius:30px}.onboarding .card{width:100%;padding:27px}.card h2{margin:9px 0;font-size:30px;letter-spacing:-.04em}.card>p:not(.step){color:var(--muted);line-height:1.45}.card label{display:grid;gap:8px;font-size:13px;font-weight:800;margin-top:24px}.card input{width:100%;border:1px solid #d7eaf6;background:#ffffffb0;outline:0;border-radius:17px;padding:15px;font-size:17px;color:var(--ink)}.card input:focus{border-color:#54b4ec;box-shadow:0 0 0 4px #5fc4ed26}.actions{display:flex;gap:10px;margin-top:24px}.actions .primary{flex:1}.secondary{background:#ffffffa8;border:1px solid #dcecf6}.choices{display:grid;gap:10px;margin-top:23px}.choice{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;text-align:left;padding:16px;border-radius:18px;border:1px solid #dcecf6;background:#ffffff8d}.choice span{grid-row:span 2;font-size:25px}.choice small{color:var(--muted);margin-top:3px}.choice.selected{border:2px solid #54b4ec;background:#e8f8ff}.privacy{display:flex;gap:12px;align-items:flex-start;border-radius:19px;background:#e4f6ff9c;padding:16px;line-height:1.35;color:var(--muted);font-size:13px}.privacy:first-letter{font-size:20px}.privacy b{color:var(--ink)}.dashboard{display:grid;gap:15px}.lesson-card{padding:23px}.lesson-meta,.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;color:var(--muted)}.pill{border-radius:999px;padding:6px 9px;background:#e4f6ff;color:#258cd0}.lesson-card h1{font-size:30px;letter-spacing:-.045em;margin:15px 0 6px}.lesson-card h1 small{display:block;font-size:16px;color:var(--muted);letter-spacing:-.01em;margin-top:5px}.muted{color:var(--muted);font-size:13px;line-height:1.5}.mini-plan{display:flex;gap:9px;padding:0;margin:20px 0;list-style:none;flex-wrap:wrap}.mini-plan li{font-size:12px;font-weight:800;padding:8px 10px;background:#edf8ff;border-radius:11px}.full{width:100%;font-size:16px}.share{display:grid;gap:7px;padding:5px 8px;color:var(--muted)}.share b{font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share button{justify-self:start;border-bottom:1px dashed #4da4db;padding:0;background:transparent;color:#258acb;font-size:12px;font-weight:800}.speech{padding:20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.speech>div{position:relative;padding-left:38px}.speech .icon,.speech>div>span{position:absolute;left:0;font-size:24px}.speech h2,.progress h2,.plan h2{font-size:17px;margin:0}.speech p{font-size:13px;color:var(--muted);line-height:1.4;margin:5px 0 0}.soft{white-space:nowrap;background:#fff;color:#278cd0;font-size:13px;box-shadow:0 5px 13px #8ec5de2b}.progress,.plan{padding:20px}.bar{height:10px;background:#ddf1fb;border-radius:99px;margin:16px 0}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--sky));transition:width .35s}.badges{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.badge{text-align:center;color:#9eabb7;font-size:10px;font-weight:800}.badge span{display:grid;place-items:center;width:39px;height:39px;border-radius:14px;margin:auto auto 5px;background:#e4edf2;filter:grayscale(1);font-size:17px}.badge.earned{color:var(--ink)}.badge.earned span{background:#fff5d4;filter:none}.lesson-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.lesson-dots button{aspect-ratio:1;border-radius:13px;background:#e5eff5;color:#9ba9b3;font-size:14px;font-weight:900}.lesson-dots .now{background:linear-gradient(135deg,var(--brand),var(--sky));color:#fff;box-shadow:0 8px 17px #2b91d14a}.lesson-dots .complete{background:#d8f2e6;color:#26855b}.lesson-view .backlink{display:inline-block;color:#2c8fd0;text-decoration:none;font-size:13px;font-weight:800;margin-bottom:14px}.vocab{display:grid;gap:0;margin:21px 0;border-top:1px solid var(--line)}.vocab div{display:flex;justify-content:space-between;gap:16px;padding:12px 1px;border-bottom:1px solid var(--line);font-size:14px}.vocab span{color:var(--muted);text-align:right}.grammar{margin:23px 0;padding:18px;background:#e6f7ff;border-radius:19px}.grammar h2{font-size:18px;margin:6px 0}.grammar p{margin:0;color:#526e83;font-size:13px;line-height:1.5}.quiz{display:grid;gap:22px}.question h3{font-size:17px;margin:7px 0 13px}.answers{display:flex;flex-wrap:wrap;gap:8px}.answers button{padding:10px 12px;border:1px solid #d9eaf4;border-radius:999px;background:#ffffffb7;font-size:13px;font-weight:750}.answers button:disabled{cursor:default}.answers .correct{background:#ddf7e9;border-color:#73d2a1;color:#117146}.answers .wrong{background:#ffe6e7;border-color:#f4a4aa;color:#ac3440}.practice{display:flex;justify-content:space-between;gap:16px;align-items:center;border-radius:20px;padding:18px;background:linear-gradient(120deg,#3a9fdc,#69c9ee);color:#fff;margin:26px 0}.practice div{padding-left:31px;position:relative}.practice span{position:absolute;left:0;font-size:21px}.practice h2{font-size:17px;margin:0}.practice p{font-size:12px;line-height:1.4;margin:4px 0 0;color:#effbff}.practice .soft{color:#2586c4}.answer-status{text-align:center;color:var(--muted);font-size:12px;margin:11px 0 0}.toast{position:fixed;z-index:2;left:50%;bottom:25px;transform:translateX(-50%);background:#172d46;color:#fff;padding:12px 16px;border-radius:13px;font-size:13px;box-shadow:0 12px 30px #172d4650;max-width:calc(100% - 36px);text-align:center}@media(min-width:680px){.page{padding-top:34px}.landing{grid-template-columns:1.08fr .92fr;align-items:center}.feature-stack{padding-left:18px}.dashboard{grid-template-columns:1fr 1fr}.dashboard>.lesson-card,.dashboard>.share{grid-column:span 2}.speech,.progress,.plan{height:100%}.lesson-card{padding:31px}.topbar{margin-bottom:55px}}@media(max-width:440px){.page{padding:17px 14px 40px}.topbar{margin-bottom:30px}.brand{font-size:17px}.streak{gap:2px}.streak span{display:none}.speech,.practice{align-items:flex-start;flex-direction:column}.badges{gap:3px}.badge span{width:34px;height:34px}.lesson-card h1{font-size:27px}}