:root{--ink: #0a3a52;--ink2: #0d566a;--ink3: #13617a;--teal: #0e9f8a;--teal-d: #3c756b;--aqua: #01fed0;--sky: #2aaccb;--mint: #d0e8e4;--bg: #f4faf9;--card: #ffffff;--sand: #eaf4f2;--text: #14303a;--muted: #5e7a82;--line: #e3edeb;--ring: #d8e6e3;--cardio: #c24e5a;--cardio-t: #fbecee;--pulm: #2aaccb;--pulm-t: #e6f5f9;--metab: #0e9f8a;--metab-t: #e1f4f0;--renal: #c8843c;--renal-t: #f7ede0;--neuro: #6b5ca5;--neuro-t: #edebf7;--bone: #5e7a82;--bone-t: #eaf0f1;--sans: "ABeeZee", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--ink);letter-spacing:-.015em;line-height:1.15;text-wrap:balance}a{color:var(--teal);text-decoration:none}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--teal)}.tnum{font-variant-numeric:tabular-nums}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.screen{flex:1;overflow-y:auto;padding:8px 20px calc(96px + env(safe-area-inset-bottom))}.topgreet{padding:14px 0 12px}.topgreet .hi{font-size:13px;color:var(--muted);font-weight:600}.topgreet h1{font-size:24px;margin-top:2px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}.card+.card{margin-top:14px}.sechead{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 12px}.sechead h2{font-size:18px}.row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;font-weight:800}.row .txt{flex:1;min-width:0}.row .txt b{font-size:14.5px;display:block;color:var(--text)}.row .txt span{font-size:12.5px;color:var(--muted)}.row .go{color:var(--muted);font-size:20px}.btn{display:block;width:100%;text-align:center;border:none;border-radius:15px;padding:15px;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;transition:transform .12s ease}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ink);color:#fff}.btn.accent{background:linear-gradient(135deg,var(--aqua),var(--teal));color:#053b38}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ring)}.btn:disabled{opacity:.55;cursor:default}.qopt{display:block;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:14px 15px;font-size:14px;font-weight:600;color:var(--text);margin-top:10px;cursor:pointer;transition:.15s;font-family:inherit}.qopt.correct{border-color:var(--teal);background:#e3f5f0;color:#0b5f52}.qopt.wrong{border-color:var(--cardio);background:var(--cardio-t);color:#8a3330}.qchip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:5px 10px;border-radius:20px;margin-right:6px}.qchip.retry{background:var(--cardio-t);color:var(--cardio)}.prog{height:7px;background:var(--ring);border-radius:20px;overflow:hidden;margin-top:8px}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--aqua));border-radius:20px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffe;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;z-index:50}.tab{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#93aab0;font-size:10px;font-weight:700;text-decoration:none}.tab svg{width:23px;height:23px;stroke:#93aab0;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tab.on{color:var(--ink)}.tab.on svg{stroke:var(--ink)}.field{width:100%;border:1.5px solid var(--ring);border-radius:13px;padding:13px 14px;font-size:15px;font-family:inherit;color:var(--text);background:var(--bg)}.field:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #01fed033}.center{min-height:100%;display:grid;place-items:center;padding:24px}.spinner{width:26px;height:26px;border:3px solid var(--ring);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.foot-note{font-size:11px;color:var(--muted);text-align:center;padding:18px 20px 4px;line-height:1.5}