*{box-sizing:border-box}body{margin:0;background:#0e1523;color:#eef5ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:900px;margin:auto;padding:24px 18px 90px}h1{font-size:clamp(28px,5vw,40px);margin:4px 0}h2{font-size:21px}p{color:#aabbd0;line-height:1.6}.top{display:flex;justify-content:space-between;gap:12px;align-items:center}.muted{color:#9fb0c5;font-size:13px}.pill{background:#25384b;color:#89e7cb;padding:9px 12px;border-radius:24px;font-weight:700}.hero,.panel{background:#18253a;border:1px solid #2d405a;border-radius:20px;padding:22px;margin:18px 0}.hero{background:linear-gradient(135deg,#1d4b50,#18253a)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.tile{background:#18253a;border:1px solid #30435c;border-radius:17px;padding:18px;text-align:left;color:inherit;cursor:pointer;min-height:132px}.tile:hover,.choice:hover{border-color:#7edcc4}.tile strong{display:block;margin:9px 0 4px}.progress{background:#34475c;border-radius:30px;height:9px;overflow:hidden;margin-top:14px}.fill{background:#75ddbb;height:100%}button{font:inherit}button.primary{border:0;background:#79e2bc;color:#10251f;font-weight:800;padding:14px 20px;border-radius:13px;cursor:pointer}button.secondary{border:1px solid #52657d;background:transparent;color:#edf5ff;padding:11px 16px;border-radius:12px;cursor:pointer}.choice{display:block;width:100%;text-align:left;background:#20314a;border:1px solid #42546b;color:#eef5ff;border-radius:12px;padding:16px;margin:10px 0;cursor:pointer}.choice:disabled{cursor:default;opacity:.8}.correct{border-color:#7ae0ad;background:#21483e}.wrong{border-color:#ef8d8d;background:#563039}.feedback{padding:15px;background:#263a4c;border-radius:13px;margin:18px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.stats{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0}.stat{background:#23364a;border-radius:13px;padding:12px 17px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#83dec7;font-size:12px;font-weight:800}small{color:#9fb0c5}@media(max-width:500px){main{padding:17px 14px 80px}.hero,.panel{padding:18px}.grid{grid-template-columns:1fr}.tile{min-height:112px}}
li{line-height:1.7;margin:8px 0}h3{line-height:1.4}.equation{font-family:ui-monospace,Consolas,monospace;color:#e8fff7;font-size:1.1rem;overflow-wrap:anywhere}.stages{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;counter-reset:stage}.stages li{font-size:.8rem;padding:8px 10px;border:1px solid #52657d;border-radius:10px}.stages li[aria-current]{background:#79e2bc;color:#10251f;font-weight:700}.answer-row{display:flex;gap:10px;margin:10px 0}input[type=text],select{font:inherit;background:#0e1523;color:#eef5ff;border:1px solid #8297b2;border-radius:8px;min-height:48px;padding:10px;max-width:100%}input[type=text]{min-width:0;flex:1}select{margin:8px 0}input[type=radio]{accent-color:#79e2bc}label{display:block;line-height:1.6}fieldset{border:0;padding:0;margin:0 0 20px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f7d877;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#notice:empty{display:none}#notice{background:#563b23;color:#fff3d1;padding:12px;border-radius:8px}#validation{color:#ffb9b9}.tile{cursor:default}.tile p{margin:8px 0}.tile button{margin-top:10px}@media(max-width:500px){.top{align-items:flex-start;flex-wrap:wrap}.stages{gap:4px}.stages li{padding:6px}.answer-row select{max-width:100px}.panel{overflow-wrap:anywhere}}

.equation-card{border:1px solid #50708a;border-left:4px solid #79e2bc;border-radius:12px;padding:18px;margin:20px 0;background:#142135}.math-block{overflow-x:auto;padding:14px 0;color:#effff8}math{font-size:clamp(1.15rem,3.5vw,1.65rem)}.equation-fallback{font-size:.9rem;overflow-wrap:anywhere;color:#c2d4e5}.variables{margin:16px 0}.variables>div{display:grid;grid-template-columns:minmax(70px,1fr) 3fr;gap:12px;border-top:1px solid #32465d;padding:8px 0}.variables dt{font-weight:700;color:#98efd4;overflow-wrap:anywhere}.variables dd{margin:0;line-height:1.5}.unit{white-space:nowrap;color:#d5e6f4}.system-diagram{margin:20px auto;padding:12px;border:1px solid #39566d;border-radius:12px;background:#101d2e;max-width:520px;color:#8ee5cc}.system-diagram svg{display:block;width:100%;height:auto}.system-diagram svg text{fill:#eef5ff;stroke:none;text-anchor:middle;font:14px system-ui,sans-serif}.system-diagram figcaption{font-size:.9rem;line-height:1.6;color:#c2d4e5;margin-top:12px}#learning-level{display:block;min-width:200px}@media(max-width:500px){.equation-card{padding:12px}.variables>div{grid-template-columns:minmax(65px,1fr) 2fr;gap:8px}.system-diagram{padding:4px;margin:16px -6px}.system-diagram svg text{font-size:15px}.system-diagram figcaption{padding:8px}}