*{box-sizing:border-box}html,body{background:#14151c;margin:0;padding:0}#root{flex-direction:column;min-height:100svh;display:flex}.app-shell{color:#f4f4f6;background:#14151c;flex-direction:column;min-height:100vh;font-family:"Baloo 2",Comic Sans MS,Chalkboard SE,sans-serif;display:flex}.app-header{text-align:center;padding:18px 12px 8px}.app-header h1{letter-spacing:.5px;margin:0;font-size:clamp(22px,4vw,34px)}.subtitle{opacity:.7;margin:4px 0 0;font-size:14px}.main-area{flex:1;min-height:0;display:flex}.graph-pane{flex:55%;min-width:0}.graph-canvas-wrap{width:100%;height:100%}.graph-empty{text-align:center;justify-content:center;align-items:center;padding:0 40px;display:flex}.graph-empty p{color:#6b7080;max-width:360px;font-size:18px}.side-pane{flex:45%;justify-content:center;align-items:center;min-width:0;padding:24px 32px;display:flex;overflow-y:auto}.caption-banner{width:100%;max-width:520px;animation:.3s ease-out pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.question-card,.diagnosis-panel{background:#1f2029;border:3px solid #2f3140;border-radius:20px;width:100%;max-width:520px;padding:24px;box-shadow:0 10px 30px #0006}.question-emoji{text-align:center;font-size:40px}.question-text{text-align:center;margin:12px 0 20px;font-size:18px}.options{flex-direction:column;gap:12px;display:flex}.option-btn{color:#f4f4f6;cursor:pointer;text-align:left;background:#2a2c3a;border:2px solid #3a3d52;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:16px;transition:transform .15s,background .15s;display:flex}.option-btn:hover{background:#363950;transform:translateY(-2px)}.option-key{color:#14151c;background:#ff6f91;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.diagnosis-panel h2{margin-top:0;font-size:22px}.diagnosis-panel h3{color:#f4a261;font-size:18px}.science-pill{background:#16171f;border:2px dashed #43aa8b;border-radius:16px;margin-top:20px;padding:16px}.science-pill h4{margin-top:0}.disclaimer{opacity:.6;font-size:12px}.legend{flex-direction:column;gap:8px;margin:16px 0;padding:0;font-size:14px;list-style:none;display:flex}.legend li{align-items:center;gap:10px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.dot-gene{background:#4cc9f0}.dot-disease{background:#e63946}.dot-pathway{background:#9b5de5}.search-panel p em{color:#f4a261;font-style:normal;font-weight:700}.search-input{color:#f4f4f6;box-sizing:border-box;background:#16171f;border:2px solid #3a3d52;border-radius:12px;width:100%;margin-top:12px;padding:12px 16px;font-family:inherit;font-size:16px}.search-input:focus{border-color:#ff6f91;outline:none}.search-hint{opacity:.7;margin-top:10px;font-size:13px}.search-results{flex-direction:column;gap:8px;max-height:320px;margin:14px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-result-btn{color:#f4f4f6;cursor:pointer;text-align:left;background:#2a2c3a;border:2px solid #3a3d52;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;display:flex}.search-result-btn:hover{background:#363950}.pill{text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.pill-gene{color:#4cc9f0;background:#4cc9f033}.pill-disease{color:#e63946;background:#e6394633}.reveal-step{color:#f4a261;font-size:16px;font-weight:700}.search-panel-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.restart-btn.secondary{color:#f4f4f6;background:0 0;border:2px solid #3a3d52}.sio-mascot{align-items:flex-start;gap:14px;display:flex}.sio-mascot-md{margin-top:0}.sio-mascot-lg{margin-top:20px}.sio-face{background:#16171f;border:3px dashed #43aa8b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex;overflow:hidden}.sio-face img{object-fit:cover;border-radius:50%;width:100%;height:100%}.sio-mascot-md .sio-face{width:72px;height:72px}.sio-mascot-lg .sio-face{width:128px;height:128px}.sio-bubble{background:#16171f;border:2px solid #2f3140;border-radius:16px;flex:1;padding:14px 16px;font-size:14px}.sio-mascot-md .sio-bubble{align-items:center;font-size:15px;font-weight:700;display:flex}.sio-bubble p{margin:0 0 10px}.sio-bubble .science-note{opacity:.85;border-top:1px dashed #3a3d52;margin:0;padding-top:10px;font-size:13px}.restart-btn{color:#14151c;cursor:pointer;background:#ff6f91;border:none;border-radius:12px;margin-top:20px;padding:12px 20px;font-size:16px;font-weight:700}.restart-btn:hover{filter:brightness(1.1)}