@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";:root{--color-bg:#050b14;--color-surface:oklch(12% .02 220);--color-surface-2:oklch(15% .02 220);--color-surface-glass:oklch(100% 0 0/.04);--color-border:oklch(100% 0 0/.08);--color-divider:oklch(100% 0 0/.06);--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-faint:#475569;--color-text-data:#67e8f9;--color-primary:#06b6d4;--color-primary-hover:#0891b2;--color-primary-glow:oklch(70% .15 200/.25);--color-aliphatic:#94a3b8;--color-aromatic:#a78bfa;--color-charged-pos:#60a5fa;--color-charged-neg:#f87171;--color-special:#34d399;--color-enhanced:#fbbf24;--color-polar:#4ade80;--font-display:"Inter", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", "Fira Code", "IBM Plex Mono", monospace;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--glow-cyan:0 0 24px oklch(70% .15 200/.3);--glow-sm:0 0 8px oklch(70% .15 200/.15);--shadow-md:0 4px 24px oklch(0% 0 0/.4);--shadow-lg:0 12px 48px oklch(0% 0 0/.6);--font-sans:var(--font-body);--font-mono-old:var(--font-mono);--bg-base:var(--color-bg);--bg-panel:#080f1e;--bg-card:#0a1628;--border:#0f2744;--text:var(--color-text);--muted:var(--color-text-faint);--accent:var(--color-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e3a5f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}button{color:inherit;cursor:pointer;font-family:var(--font-body);background:0 0;border:none}a{color:inherit;text-decoration:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.data-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-data)}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-faint);font-size:9px;font-weight:600;font-family:var(--font-mono);margin-bottom:5px}.glass-card{background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px)}.tab-btn{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;transition:all .15s}.tab-btn:hover{opacity:.8}.peptide-card,.aa-chip{transition:all .12s}.peptide-card:hover{background:#0f2744!important}.aa-chip:hover{opacity:.85;transform:scale(1.04)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-sm)}50%{box-shadow:var(--glow-cyan)}}.logo-3d{transform-style:preserve-3d;filter:drop-shadow(-3px 5px 6px #0284c780);transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .5s;transform:perspective(300px)rotateY(35deg)rotateX(20deg)rotate(-10deg)scale(1.1)}.logo-container:hover .logo-3d{filter:drop-shadow(-1px 8px 10px #38bdf8b3);transform:perspective(300px)rotateY(10deg)rotateX(5deg)rotate(0)scale(1.15)}@keyframes slice-in{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0% 0 0);opacity:1}}.slice-in-anim{animation:.7s cubic-bezier(.19,1,.22,1) both slice-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sf-bg{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 20%, oklch(14% .04 220/.8) 0%, transparent 55%), radial-gradient(ellipse at 80% 80%, oklch(12% .03 220/.6) 0%, transparent 55%), var(--color-bg);position:fixed;inset:0}.sf-bg:after{content:"";opacity:.6;background-image:linear-gradient(oklch(100% 0 0/.025) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.025) 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.forge-cta{background:var(--color-surface-glass);border:1px solid var(--color-enhanced);border-radius:var(--radius-md);font-family:var(--font-body);margin-top:16px;padding:12px 16px}.forge-cta-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--color-enhanced);margin-bottom:4px;font-size:11px;font-weight:700}.pmid-link{font-family:var(--font-mono);color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;background:oklch(70% .15 200/.08);border:1px solid oklch(70% .15 200/.2);align-items:center;gap:4px;padding:1px 6px;font-size:10px;text-decoration:none;transition:all .15s;display:inline-flex}.pmid-link:hover{color:#67e8f9;background:oklch(70% .15 200/.15)}.badge-preclinical{letter-spacing:.08em;text-transform:uppercase;color:#f97316;border-radius:var(--radius-full);background:oklch(65% .2 50/.1);border:1px solid oklch(65% .2 50/.3);align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-flex}