:root{--green:#58cc02;--green-dark:#46a302;--green-soft:#e8f8d8;--blue:#1cb0f6;--blue-dark:#1899d6;--purple:#8b5cf6;--ink:#3c3c3c;--ink-soft:#777;--line:#e5e5e5;--line2:#d5d5d5;--gold:#ffc800;--red:#ff4b4b;--red-soft:#ffdfe0;--orange:#ff9600;--radius:16px;--maxw:560px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:var(--ink);background:#f2f4f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.45}.app{max-width:var(--maxw);background:#f7f8fa;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.topbar{z-index:10;border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#fff;align-items:center;gap:14px;display:flex;position:sticky;top:0}.stat{align-items:center;gap:5px;font-size:16px;font-weight:700;display:flex}.stat.streak{color:var(--orange)}.stat.xp{color:var(--gold)}.goal{align-items:center;margin-left:auto;display:flex}.ring{background:conic-gradient(var(--green) calc(var(--p,0)*1%), #e5e5e5 0);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.ring span{width:28px;height:28px;color:var(--green-dark);background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.wrap{padding:18px 18px 96px}h1{margin:6px 0 2px;font-size:26px}.sub{color:var(--ink-soft);margin:0 0 18px;font-size:15px}.unitbar{background:var(--purple);color:#fff;border-radius:var(--radius);align-items:center;gap:12px;margin:6px 0 16px;padding:14px 16px;display:flex;box-shadow:0 4px #6d3fd6}.unitbar b{letter-spacing:.6px;opacity:.85;text-transform:uppercase;font-size:12px;display:block}.unitbar .u{font-size:17px;font-weight:800}.unitbar .guide{background:#fff3;border-radius:10px;margin-left:auto;padding:8px 10px;font-size:18px}.module{border:2px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:14px;padding:14px}.mhead{align-items:center;gap:10px;margin-bottom:4px;display:flex}.mhead .ico{font-size:26px}.mhead .mtitle{font-size:17px;font-weight:800}.mhead .mcount{color:var(--ink-soft);margin-left:auto;font-size:12px;font-weight:700}.lesson{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 6px;display:flex}.lesson:active{background:#f2f8ea}.lesson+.lesson{border-top:1px solid #f0f0f0}.dot{background:var(--green);color:#fff;width:46px;height:46px;box-shadow:0 4px 0 var(--green-dark);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.lesson.locked{opacity:.55}.lesson.locked .dot{color:#bbb;box-shadow:0 4px 0 var(--line2);background:#e5e5e5}.lesson.finished .dot{background:var(--gold);box-shadow:0 4px #d9a400}.lt{flex:1;min-width:0}.lt b{font-size:16px;display:block}.lt small{color:var(--ink-soft)}.xp{color:var(--gold);font-size:12px;font-weight:800}.soon{color:#aaa;padding:10px 6px;font-size:14px}.step{flex:1;padding:22px 18px 0}.step h2{margin:6px 0 10px;font-size:22px}.step p{color:#4b4b4b;margin:0 0 14px;font-size:18px}.badge{background:var(--green-soft);color:var(--green-dark);border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.qbig{margin:10px 0 18px;font-size:20px;font-weight:800}.options{flex-direction:column;gap:12px;display:flex}.opt{border:2px solid var(--line);text-align:left;cursor:pointer;box-shadow:0 2px 0 var(--line);font-size:17px;font:inherit;color:inherit;background:#fff;border-radius:14px;padding:14px 16px}.opt:active{transform:translateY(1px)}.opt:disabled{cursor:default}.opt.correct{border-color:var(--green);background:var(--green-soft);box-shadow:0 2px 0 var(--green-dark)}.opt.wrong{border-color:var(--red);background:var(--red-soft);box-shadow:0 2px #e06a6a}.inputrow{flex-direction:column;gap:10px;display:flex}.inputrow input{border:2px solid var(--line);border-radius:14px;outline:none;padding:14px 16px;font-size:18px}.inputrow input:focus{border-color:var(--blue)}.hint{color:var(--ink-soft);font-size:14px}.why{color:#15507a;background:#eef6ff;border:1px solid #cfe6fb;border-radius:12px;margin-top:16px;padding:12px 14px;font-size:15px}.why.bad{background:var(--red-soft);color:#a12626;border-color:#f6c6c8}.foot{padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f7f8fa}.btn{letter-spacing:.4px;text-transform:uppercase;cursor:pointer;color:#fff;background:var(--green);width:100%;box-shadow:0 4px 0 var(--green-dark);border:none;border-radius:14px;padding:16px;font-family:inherit;font-size:17px;font-weight:800}.btn:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(2px)}.btn.blue{background:var(--blue);box-shadow:0 4px 0 var(--blue-dark)}.btn.ghost{color:var(--ink-soft);box-shadow:0 4px 0 var(--line);border:2px solid var(--line);background:#fff}.btn[disabled]{opacity:.5;box-shadow:none}.pbar{background:#e5e5e5;border-radius:8px;flex:1;height:14px;overflow:hidden}.pbar>i{background:var(--green);height:100%;transition:width .25s;display:block}.exit{color:#afafaf;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px}.center{text-align:center;padding:40px 20px}.big-emoji{font-size:64px}.result-xp{color:var(--gold);margin:8px 0;font-size:34px;font-weight:900}.statrow{justify-content:center;gap:10px;margin:18px 0;display:flex}.chipcard{border:2px solid var(--line);background:#fff;border-radius:14px;min-width:92px;padding:12px 16px}.chipcard b{font-size:22px;display:block}.chipcard small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.onb{padding:34px 22px}.onb h1{text-align:center;font-size:28px}.onb p{text-align:center;color:var(--ink-soft)}.onb .inputrow{margin:22px 0}.goalpick{gap:10px;margin:8px 0 22px;display:flex}.goalpick button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex:1;padding:14px 8px;font-family:inherit;font-size:15px;font-weight:800}.goalpick button.sel{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.footer-link{text-align:center;color:#aaa;padding:6px 0 20px;font-size:12px}.nav{border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));max-width:var(--maxw);background:#fff;justify-content:space-around;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{color:#afafaf;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;font-family:inherit;font-size:11px;display:flex}.nav a.navlink{color:#afafaf;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;font-family:inherit;font-size:11px;text-decoration:none;display:flex}.nav button.on{color:var(--green-dark);font-weight:800}.nav .ni{font-size:22px}.shell{display:block}.sidebar,.rail{display:none}@media (min-width:900px){body{background:#fff}.app{background:#fff;max-width:none;min-height:100dvh}.topbar,.nav{display:none}.shell{grid-template-columns:250px minmax(0,1fr) 330px;gap:28px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100dvh;padding:22px 0;display:flex;position:sticky;top:0}.brand{color:var(--green-dark);padding:8px 14px 18px;font-size:20px;font-weight:900}.snav{flex-direction:column;gap:2px;display:flex}.snav a{color:#7a8290;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.snav a.on{background:var(--green-soft);color:var(--green-dark);border:2px solid #cdee9f}.snav a:hover{background:#f2f4f7}.sgoal{border:2px solid var(--line);border-radius:16px;margin-top:auto;padding:14px}.main{width:100%;max-width:660px;padding:26px 0 70px}.main .wrap{padding:0}.rail{padding:26px 0;display:block}.railcard{border:2px solid var(--line);border-radius:16px;margin-bottom:16px;padding:16px}.railcard h3{text-transform:uppercase;letter-spacing:.6px;color:#8a93a0;margin:0 0 10px;font-size:12px}.railbig{color:var(--orange);font-size:28px;font-weight:900;line-height:1}.railrow{align-items:center;gap:8px;margin:7px 0;font-size:14px;font-weight:600;display:flex}.cta{text-align:center;background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.4px;width:100%;box-shadow:0 4px 0 var(--green-dark);cursor:pointer;border-radius:14px;padding:15px;font-weight:900;text-decoration:none;display:block}.cta:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(2px)}.unitbar{max-width:660px}}
.cc{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c1538f7;border-top:1.5px solid #3a2f6b;padding:14px;position:fixed;bottom:0;left:0;right:0}.cc-in{flex-wrap:wrap;align-items:center;gap:18px;max-width:1100px;margin:0 auto;display:flex}.cc p{color:#cfc9ea;flex:1;min-width:260px;margin:0;font-size:13.5px;line-height:1.55}.cc a{color:#b8e986;font-weight:700}.cc-btns{flex-wrap:wrap;gap:10px;display:flex}.cc-btn{color:#fff;font:inherit;cursor:pointer;background:#58cc02;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:900}.cc-btn.ghost{color:#dcd6ff;background:0 0;border:1.5px solid #4a3d86}@media (max-width:640px){.cc-in{flex-direction:column;align-items:stretch}}