:root{--bg: #060b1a;--bg-elevated: #0c1428;--surface: #111a30;--surface-hi: #18233f;--border: #25324f;--text: #e6edf9;--text-dim: #9fb0d0;--text-faint: #6b7a9c;--primary: #2dd4bf;--primary-deep: #0d9488;--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--xp: #a78bfa;--streak: #fb923c;--case: #f472b6;--d-scientific: #a78bfa;--d-clinical: #2dd4bf;--d-community: #fbbf24;--d-case: #f472b6;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--shadow: 0 10px 30px -12px rgba(0, 0, 0, .65);--maxw: 540px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{height:100dvh;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{height:100dvh;background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{display:flex;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(45,212,191,.09),transparent 60%),var(--bg)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.01em}p{line-height:1.6}::-webkit-scrollbar{width:0;height:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.spread{justify-content:space-between}.center{display:flex;justify-content:center;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-hi);border:1px solid var(--border)}.bar{height:10px;border-radius:999px;background:var(--surface-hi);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-deep));transition:width .5s cubic-bezier(.22,1,.36,1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:var(--r-md);font-weight:700;font-size:15px;background:linear-gradient(180deg,var(--primary),var(--primary-deep));color:#03201c;transition:transform .12s ease,filter .12s ease,opacity .12s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn.subtle{background:var(--surface-hi);color:var(--text)}.btn.block{width:100%}.btn.sm{padding:9px 13px;font-size:13px;border-radius:var(--r-sm)}.tap{transition:transform .12s ease}.tap:active{transform:scale(.97)}.option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-weight:500;transition:border-color .15s,background .15s,transform .1s}.option:active{transform:scale(.995)}.option.correct{border-color:var(--success);background:#34d3991f}.option.wrong{border-color:var(--danger);background:#fb71851f}.option.chosen{border-color:var(--primary)}.option .key{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--surface-hi);color:var(--text-dim)}.callout{border-radius:var(--r-md);padding:12px 14px;font-size:14px;border:1px solid var(--border);background:var(--surface-hi)}.callout.info{border-color:#38bdf866;background:#38bdf814}.callout.warning{border-color:#fbbf2466;background:#fbbf2414}.callout.success{border-color:#34d39966;background:#34d39914}.callout.clinical{border-color:#2dd4bf66;background:#2dd4bf14}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}table.data th{color:var(--text-dim);font-weight:700}input.field,select.field{width:100%;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:15px}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes floatUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.floatUp{animation:floatUp .35s cubic-bezier(.22,1,.36,1) both}.pop{animation:pop .3s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}