:root{--bg:#06101d;--card:#0e1c2d;--card2:#132841;--text:#f6f9fd;--muted:#9fb3c8;--line:#ffffff1f;--blue:#56c3ff;--green:#48d896;--red:#ff7180;--gold:#ffd36d}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);padding-top:env(safe-area-inset-top,0px);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.5}a{color:var(--blue);text-decoration:none}.shell{max-width:980px;padding:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));margin:auto}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 16px;display:flex}.top h1{margin:0;font-size:20px}.top .sub{color:var(--muted);font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;padding:16px}.card h2{margin:0 0 8px;font-size:18px}.sub,.muted{color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.tile{background:var(--card2);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:14px;display:block}.tile b{margin-bottom:4px;display:block}.btn{border:1px solid var(--line);min-height:44px;color:var(--text);cursor:pointer;background:#ffffff12;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;display:inline-block}.btn.primary{background:linear-gradient(135deg,var(--blue),#8cd9ff);color:#06101d;border:0}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible,.answer:focus-visible,.input:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.badge{color:var(--gold);background:#ffd36d26;border-radius:999px;margin-inline-start:6px;padding:2px 9px;font-size:11px;display:inline-block}.badge.ok{color:var(--green);background:#48d89626}.badge.warn{color:var(--red);background:#ff718026}.question{margin:10px 0;font-size:17px;font-weight:700}.answers{gap:8px;display:grid}.answer{text-align:start;border:1px solid var(--line);min-height:44px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:12px;font-family:inherit;font-size:15px;line-height:1.45}.answer.correct{border-color:var(--green);background:#48d8961f}.answer.wrong{border-color:var(--red);background:#ff71801f}.answer:disabled{cursor:default}.feedback{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;margin-top:12px;padding:12px}.feedback h3{margin:0 0 8px}.solution ol{margin:6px 0 10px;padding-inline-start:22px;font-size:14px;line-height:1.6}.solution li{margin-bottom:6px}.note{color:var(--muted);border-inline-start:3px solid var(--gold);margin-top:8px;padding-inline-start:8px;font-size:12px}.bar{background:#ffffff14;border-radius:4px;height:6px;margin-top:6px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--red),var(--gold),var(--green));height:100%;display:block}.topicRow{border-bottom:1px solid var(--line);padding:10px 0}.topicRow:last-child{border-bottom:0}.topicRow .reasons{color:var(--muted);margin:4px 0 6px;font-size:12px}.confidence{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.confidence button{min-height:36px;padding:6px 10px;font-size:12px}.confidence button.on{outline:2px solid var(--blue)}ol,ul{padding-inline-start:20px}.input{width:100%;color:var(--text);border:1px solid var(--line);background:#0c1d31;border-radius:12px;margin-bottom:8px;padding:10px 12px;font-family:inherit;font-size:16px}.error{color:var(--red);font-size:13px}.lesson h3{color:var(--blue);margin:14px 0 6px;font-size:16px}.pill{background:#55c1ff1f;border-radius:999px;min-height:32px;margin:3px;padding:6px 12px;font-size:12px;display:inline-block}table{max-width:100%}img{max-width:100%;height:auto}@media (max-width:600px){.shell{padding:12px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.top{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 0 12px}.top h1{font-size:18px}.top .sub{line-height:1.8}.card{border-radius:12px;margin-bottom:12px;padding:14px}.card h2{font-size:17px}.grid{grid-template-columns:1fr}.question{font-size:16px}.answer{padding:12px 10px}.btn{padding:10px 12px}main .card>div[style*=flex]>.btn{text-align:center;flex:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}