@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-base: #06090f;--bg-surface: #0c1018;--bg-elevated: #111827;--bg-overlay: #1a2335;--bg-hover: #1e2c42;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--border-focus: rgba(59,130,246,.5);--accent: #3b82f6;--accent-hover: #2563eb;--accent-dim: rgba(59,130,246,.12);--accent-glow: rgba(59,130,246,.25);--resistant: #f87171;--resistant-dim: rgba(248,113,113,.1);--resistant-border: rgba(248,113,113,.25);--intermediate: #fbbf24;--intermediate-dim: rgba(251,191,36,.1);--intermediate-border:rgba(251,191,36,.25);--susceptible: #34d399;--susceptible-dim: rgba(52,211,153,.1);--susceptible-border: rgba(52,211,153,.25);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--text-disabled: #2d3748;--text-accent: #60a5fa;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:3px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--shadow-sm: 0 1px 4px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04);--shadow-glow: 0 0 0 1px var(--accent-dim), 0 0 24px var(--accent-glow);--t-instant:80ms ease;--t-fast:.15s ease;--t-base:.22s ease;--t-slow:.35s cubic-bezier(.4,0,.2,1);--sidebar-w: 220px;--topbar-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.07) 0%,transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:var(--accent-dim);color:var(--text-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary);letter-spacing:-.02em}p{color:var(--text-secondary);line-height:1.65}a{color:var(--text-accent);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--accent)}code,pre{font-family:var(--font-mono);font-size:.85em}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{transform:translate(-8px);opacity:0}to{transform:translate(0);opacity:1}}.fade-up{animation:fadeUp .3s ease both}.fade-in{animation:fadeIn .25s ease both}.slide-in{animation:slideIn .3s ease both}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-md)}.mobile-only{display:none}@media (max-width: 767px){.mobile-only{display:block!important}.desktop-only{display:none!important}}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--text-accent)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.predict-grid,.gene-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){.fade-up{padding:var(--sp-4)!important}}