:root{--bg:#0b1020;--panel:#141c33;--text:#f7f8ff;--muted:#aab2c8;--line:#ffffff17;--violet:#7357ff;--cyan:#53d5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0%,#7357ff2e,transparent 32rem),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.shell{min-height:100vh;padding-bottom:92px}.topbar{justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{background:0 0;border:0;align-items:center;gap:10px;font-size:22px;font-weight:900;display:flex}.brandmark{background:linear-gradient(145deg,#9a83ff,#5c3ce7);border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.quick{align-items:center;gap:10px;display:flex}.quick>span{border:1px solid var(--line);color:#d8dced;border-radius:999px;padding:9px 13px;font-size:13px}.avatar{border:1px solid var(--line);color:#29170d;background:linear-gradient(145deg,#f2c4a2,#b86d48);border-radius:50%;width:40px;height:40px;font-weight:900}main{max-width:1180px;margin:auto;padding:20px 28px 60px}.hero{border:1px solid var(--line);background:linear-gradient(120deg,#7357ff26,#0a0f1e33),#141c33d1;border-radius:34px;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;min-height:430px;padding:clamp(34px,6vw,68px);display:grid;box-shadow:0 24px 70px #00000047}.eyebrow{color:#ac9dff;letter-spacing:.13em;font-size:12px;font-weight:850}.hero h1,.inner h1{letter-spacing:-.05em;margin:15px 0 18px;font-size:clamp(40px,6vw,70px);line-height:.98}.hero p,.heading p,.practice>p{color:var(--muted);font-size:18px;line-height:1.65}.primary,.secondary,.lessonBtn,.doneBtn{border:0;border-radius:15px;min-height:50px;padding:0 20px;font-weight:850}.primary,.lessonBtn{background:linear-gradient(135deg,var(--violet),#5f43f5);box-shadow:0 13px 30px #7357ff40}.secondary{border:1px solid var(--line);background:#ffffff12}.doneBtn{color:#a9f5a2;background:#8fea8017;border:1px solid #8fea8033}.visual{place-items:center;min-height:290px;display:grid;position:relative}.orb{aspect-ratio:1;background:linear-gradient(145deg,#8c76ff,#5c3ce7);border-radius:44% 56% 53% 47%;place-items:center;width:210px;font-size:86px;font-weight:950;display:grid;box-shadow:0 35px 80px #5f43f561}.bubble{color:#11172c;background:#fff;border-radius:15px;padding:12px 17px;font-weight:850;position:absolute;box-shadow:0 16px 36px #0003}.b1{top:25px;left:3%}.b2{bottom:30px;right:0}.stats{grid-template-columns:1fr 1fr 2fr;gap:15px;margin:20px 0 44px;display:grid}.stats article{border:1px solid var(--line);background:#ffffff09;border-radius:20px;align-items:center;gap:14px;min-height:108px;padding:18px 20px;display:flex}.stats article>span{font-size:24px}.stats small,.settings small{color:var(--muted);display:block}.stats strong{margin-top:4px;font-size:19px;display:block}.progressCard{display:block!important}.progressTitle{justify-content:space-between;display:flex}.track{background:#ffffff12;border-radius:10px;height:8px;margin:14px 0 10px;overflow:hidden}.track i{background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:inherit;height:100%;display:block}.block{margin-top:24px}.inner{padding-top:24px}.heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.heading h1,.heading h2{margin:8px 0}.heading h2{font-size:28px}.link{color:#b9adff;background:0 0;border:0;font-weight:800}.lesson{border:1px solid var(--line);background:#141c33d9;border-radius:24px;grid-template-columns:90px 1fr auto;align-items:center;gap:20px;padding:18px;display:grid}.lesson.complete{opacity:.78}.lessonIcon{aspect-ratio:1;background:linear-gradient(145deg,#7357ff33,#53d5ff14);border-radius:20px;place-items:center;width:90px;font-size:35px;display:grid}.lesson h3{margin:7px 0;font-size:21px}.lesson p{color:var(--muted);margin:0;line-height:1.5}.meta{flex-wrap:wrap;gap:12px;display:flex}.meta span{color:#9fa9c4;text-transform:uppercase;font-size:12px;font-weight:760}.percent{background:#7357ff26;border:8px solid #7357ff59;border-radius:50%;place-items:center;width:82px;height:82px;font-weight:900;display:grid}.lessonList{gap:12px;margin-top:30px;display:grid}.lessonRow{grid-template-columns:44px 1fr;gap:15px;display:grid}.node{border:1px solid var(--line);background:#161e36;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:850;display:grid}.node.done{color:#a9f5a2;background:#8fea801a}.practice{text-align:center;max-width:820px;margin:auto}.practice>p{margin:auto auto 28px}.phrase{border:1px solid var(--line);background:linear-gradient(145deg,#7357ff24,#ffffff06);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;min-height:410px;padding:32px;display:flex}.phrase h2{letter-spacing:-.05em;margin:20px 0 8px;font-size:clamp(34px,6vw,58px)}.phrase p{color:var(--muted);font-size:19px}.sound{background:#7357ff26;border:0;border-radius:50%;width:64px;height:64px;font-size:25px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.profile{grid-template-columns:.8fr 1.2fr;gap:18px;max-width:920px;margin:auto;display:grid}.profileCard,.settings{border:1px solid var(--line);background:#141c33d9;border-radius:28px;padding:32px}.profileCard{text-align:center}.bigAvatar{color:#2e170d;background:linear-gradient(145deg,#f2c4a2,#b86d48);border-radius:50%;place-items:center;width:104px;height:104px;margin:auto auto 18px;font-size:42px;font-weight:950;display:grid}.profileCard h1{margin-bottom:4px;font-size:34px}.profileCard>p{color:var(--muted)}.numbers{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:25px;padding-top:22px;display:grid}.numbers strong,.numbers small{display:block}.setting{border-top:1px solid var(--line);justify-content:space-between;padding:17px 0;display:flex}.setting strong,.setting small{display:block}.nav{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1324e0;border:1px solid #ffffff1c;border-radius:22px;gap:5px;padding:7px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000057}.nav button{color:#8e98b4;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-width:105px;min-height:55px;display:flex}.nav button.active{color:#c8c0ff;background:#7357ff26}.nav small{font-weight:800}@media (max-width:860px){.hero{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.progressCard{grid-column:1/-1}.profile{grid-template-columns:1fr}}@media (max-width:620px){.topbar{height:68px;padding:0 17px}.quick>span{display:none}main{padding:12px 14px 60px}.hero{border-radius:26px;padding:30px 22px}.hero h1{font-size:42px}.visual{min-height:190px}.orb{width:150px;font-size:64px}.stats{grid-template-columns:1fr;margin-bottom:35px}.progressCard{grid-column:auto}.heading{align-items:flex-start}.heading>.link{display:none}.lesson{grid-template-columns:70px 1fr;gap:13px;padding:14px}.lessonIcon{width:70px;font-size:28px}.lesson>button{grid-column:1/-1;width:100%}.lessonRow{grid-template-columns:34px 1fr;gap:9px}.node{width:34px;height:34px}.phrase{padding:25px 17px}.actions{flex-direction:column;width:100%}.actions button{width:100%}.profileCard,.settings{padding:24px 18px}.nav{bottom:8px;left:10px;right:10px;transform:none}.nav button{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:10px}}@media (min-width:1500px){.topbar,main{max-width:1380px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.studyLinks{flex-wrap:wrap;gap:12px;margin:0 0 20px;display:flex}.studyLinks a{color:#d8d0ff;border:1px solid var(--line);background:#7357ff1f;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700;text-decoration:none}.studyLinks a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #53d5ff}.setting a{color:#d8d0ff;padding:10px}