:root{--bg:#07111f;--card:#101d31;--card2:#14243c;--text:#f8fafc;--muted:#a8b6cc;--line:#2a3c58;--gold:#facc15;--green:#22c55e;--red:#ef4444}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 20% 0,#17365f,#0000 38%),linear-gradient(160deg,#07111f 0%,#0f172a 55%,#172554 100%);margin:0;font-family:Inter,system-ui,Arial,sans-serif;font-size:16px}.phone{width:100%;max-width:560px;min-height:100vh;margin:0 auto;padding:18px 15px 190px}header{justify-content:space-between;align-items:center;gap:10px;padding:10px 0 14px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:2px;font-size:30px;line-height:1.05}h2{margin-bottom:12px;font-size:31px;line-height:1.08}h3{margin:13px 0 9px;font-size:20px}p,li,small,span{line-height:1.45}.eye{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.stat{flex-shrink:0;gap:7px;display:flex}.stat span,.level{border:1px solid var(--line);background:#17263d;border-radius:999px;align-items:center;gap:5px;padding:9px 11px;font-size:14px;font-weight:900;display:inline-flex}.dash{grid-template-columns:1fr 1fr;gap:11px;margin:4px 0 16px;display:grid}.dash>div,.card,.hero,.mini{background:linear-gradient(180deg,var(--card),#0d1728);border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 18px 48px #0008}.dash p,.dash b{margin:0}.dash p,p,small,li{color:var(--muted)}.dash b{color:#fff;font-size:28px;display:block}.dash i{background:#263650;border-radius:999px;height:13px;margin-top:10px;display:block;overflow:hidden}.dash em{background:linear-gradient(90deg,var(--green),var(--gold));border-radius:999px;height:100%;display:block}.stack{gap:15px;display:grid;grid-template-columns:1fr!important}.stack>.hero:first-child+.tw+.card+*{display:none!important}.hero{padding:22px;position:relative;overflow:hidden}.hero:before{content:"";background:#facc1533;border-radius:50%;width:175px;height:175px;position:absolute;top:-65px;right:-55px}.hero svg,.mini svg,.card>svg{color:var(--gold)}.tw{grid-template-columns:1fr 1fr;gap:11px;display:grid}.mini b{color:#fff;font-size:30px;display:block}.primary{background:linear-gradient(135deg,var(--green),#bef264);color:#07111f!important}.primary,.sound{justify-content:center;align-items:center;gap:8px;display:inline-flex}.backlink{border:1px solid var(--line);color:#f8fafc;width:max-content;max-width:100%;box-shadow:none;background:#17263d;border-radius:999px;align-items:center;gap:8px;padding:11px 15px;font-size:14px;display:inline-flex}.lesson{border:1px solid var(--line);text-align:left;background:#111d30;border-radius:20px;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;width:100%;margin:9px 0;padding:15px;display:grid}.lesson b{color:#fff;font-size:16px;display:block}.circle,.done{background:#22324b;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.done{background:var(--green);color:#07111f}.lhero{border:1px solid var(--line);background:linear-gradient(#15243a,#101b2e);border-radius:28px;padding:18px}.steps{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.steps span{text-align:center;color:#94a3b8;background:#22324b;border-radius:999px;padding:7px 2px;font-size:11px;font-weight:900}.steps .on,.steps span.on{background:var(--gold);color:#07111f}.tutor p{font-size:17px}.phrase{font-weight:1000;line-height:1.15;color:#fff!important;font-size:28px!important}.sound{border:1px solid var(--line);background:#22324b;margin:9px 0 11px}.word,.num,.check{border-bottom:1px solid #26364f;grid-template-columns:42px minmax(82px,1fr) minmax(95px,1fr);align-items:center;gap:10px;padding:11px 0;display:grid}.check{grid-template-columns:25px 1fr}.word:last-child,.num:last-child,.check:last-child{border-bottom:0}.word button,.num button{padding:9px}.word b,.num b{color:#fff;font-size:17px}.num b{font-size:21px}.num span{color:var(--gold);font-weight:900}input{color:#fff;border:1px solid var(--line);background:#07111f;border-radius:17px;width:100%;padding:15px;font-size:18px}.feedback{border-radius:18px;margin-top:12px;padding:13px;font-weight:800}.feedback.good{color:#dcfce7;background:#064e3b}.feedback.warn{color:#fde68a;background:#422006}.row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.assist{grid-template-columns:1fr 1fr}.assist button{padding:11px 10px;font-size:14px}.mistake{border:1px solid var(--line);background:#0b1424;border-radius:18px;margin:9px 0;padding:13px}.mistake span{color:var(--gold);font-weight:900;display:block}.testintro{background:#10233b;border:1px solid #355174;border-radius:18px;padding:13px;font-weight:750;color:#dbeafe!important}.testhelp{margin:10px 0 0;font-size:14px;font-weight:800;color:#fde68a!important}.convo{gap:14px;display:grid}.bubble{border:1px solid var(--line);background:#0b1424;border-radius:28px;padding:20px}.bubble b{color:var(--gold);margin-bottom:8px;display:block}.bubble p{margin-bottom:12px;font-weight:1000;line-height:1.1;color:#fff!important;font-size:34px!important}.danger{justify-content:center;align-items:center;gap:8px;display:flex;background:#7f1d1d!important}button{color:#fff;font-weight:900;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#22324b;border:0;border-radius:17px;padding:14px}button:active{transform:scale(.98)}nav{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:999;background:#07111ff2;border-radius:28px;grid-template-columns:repeat(5,1fr);gap:7px;width:min(520px,100% - 18px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 60px #000b}nav button:nth-child(6){display:none}nav button{color:#cbd5e1;background:#101c2e;border-radius:18px;place-items:center;gap:3px;min-width:0;padding:10px 3px;font-size:11px;display:grid}nav button.active{background:var(--gold);color:#07111f}nav small{font-size:10px;font-weight:900}@media (width<=430px){.phone{padding-bottom:190px;padding-left:12px;padding-right:12px}.dash b{font-size:24px}h1{font-size:25px}h2{font-size:27px}.bubble p{font-size:29px!important}.word,.num{grid-template-columns:38px 1fr}.word span,.num span{grid-column:2}.stat span{padding:7px 8px}nav small{display:none}nav button{padding:12px 2px}.steps span{font-size:10px}.backlink{padding:10px 13px;font-size:13px}.assist button{font-size:13px}}@media (width>=1100px){.phone{max-width:980px;padding:24px 22px 150px}.stack{grid-template-columns:1fr 1fr!important}.stack>h2,.stack>.hero:first-child,.stack>.card:first-child,.lhero{grid-column:1/-1}.hero,.card{padding:24px}.bubble p{font-size:40px!important}nav{grid-template-columns:repeat(5,1fr);max-width:780px}nav button{padding:12px 8px;font-size:13px}nav small{font-size:12px}.dash b{font-size:30px}}