:root{--bg-primary:#090d16;--bg-secondary:#111827;--bg-card:#1f2937;--bg-hover:#374151;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#cbd5e1;--text-muted:#9ca3af;--primary:#10b981;--primary-hover:#059669;--primary-glow:#10b98133;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf633;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--success:#10b981;--info:#3b82f6;--font-display:"Outfit", sans-serif;--font-sans:"Inter", sans-serif;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:20px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0003, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 20px #10b98126;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--bottom-nav-height:68px}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#f1f5f9;--bg-hover:#e2e8f0;--border-color:#cbd5e1;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--primary:#047857;--primary-hover:#065f46;--shadow-glow:0 0 20px #10b98114}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);font-weight:700}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.skip-link{z-index:1000;border-radius:var(--border-radius-sm);background:var(--primary);color:#000;padding:.65rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{color:#000;transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input,select,textarea{font-family:var(--font-sans);background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-sm);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}html[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}html[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(1) drop-shadow(0 0 2px var(--primary))}.custom-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.custom-modal-container{border:2px solid var(--primary);box-shadow:0 10px 40px #0009, var(--shadow-glow);border-radius:var(--border-radius-lg);background:#111827f2;flex-direction:column;gap:1.25rem;width:90%;max-width:420px;padding:1.75rem;transition:transform .2s;display:flex;transform:scale(.9)}.modal-header h3{font-family:var(--font-display);color:var(--primary);margin:0;font-size:1.25rem;font-weight:700}.modal-body{flex-direction:column;gap:.5rem;display:flex}.modal-option-btn{text-align:left;cursor:pointer;width:100%;transition:border-color var(--transition-fast), background-color var(--transition-fast);box-sizing:border-box;padding:.75rem 1rem;font-size:.95rem;font-weight:500;display:block;background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-sm)!important;color:var(--text-primary)!important}.modal-option-btn:hover{border-color:var(--primary)!important;background-color:var(--primary-glow)!important;color:var(--primary)!important}.modal-option-btn.active,.modal-option-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)!important;background-color:var(--primary-glow)!important;color:var(--primary)!important}.modal-footer{justify-content:flex-end;display:flex}.modal-cancel-btn{width:100%;height:38px!important}label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.btn{font-family:var(--font-display);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#000}.btn-primary:hover{background-color:var(--primary-hover);color:#000}:root[data-theme=light] .btn-primary,:root[data-theme=light] .btn-primary:hover{color:#fff}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}.app-container{min-height:100vh;display:flex}.main-content{padding:2rem;padding-bottom:calc(2rem + var(--bottom-nav-height) + env(safe-area-inset-bottom));flex:1;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}@media (width<=768px){.main-content{padding:1.25rem 1rem calc(1.5rem + var(--bottom-nav-height) + env(safe-area-inset-bottom))}}@media (width>=769px){.main-content{margin-left:var(--sidebar-width);padding:3rem}}.badge{border-radius:var(--border-radius-full);align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-dominant{color:#60a5fa;background-color:#3b82f626;border:1px solid #3b82f64d}.badge-codominant,.badge-incompletedominant{color:#a78bfa;background-color:#8b5cf626;border:1px solid #8b5cf64d}.badge-other,.badge-polygenic,.badge-locality{color:#cbd5e1;background-color:#94a3b826;border:1px solid #94a3b84d}.badge-recessive{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@media (width<=768px){input,select,textarea{min-height:46px;padding:.85rem 1rem;font-size:1rem}.btn{min-height:46px;padding:.85rem 1.5rem;font-size:1rem}.header-section{flex-direction:column;gap:1rem;align-items:stretch!important}.main-content{padding-left:1rem!important;padding-right:1rem!important}}.sidebar[data-astro-cid-yxete6jp]{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header[data-astro-cid-yxete6jp]{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:center;align-items:center;height:105px;padding:1rem 1.5rem;display:flex}.logo-container[data-astro-cid-yxete6jp]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sidebar-logo[data-astro-cid-yxete6jp]{object-fit:contain;width:195px;height:73px;margin:0 auto;display:block}html[data-theme=dark] .sidebar-logo[data-astro-cid-yxete6jp]{filter:brightness(1.45)contrast(1.05)}.sidebar-menu[data-astro-cid-yxete6jp]{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.sidebar-link[data-astro-cid-yxete6jp]{border-radius:var(--border-radius-sm);color:var(--text-secondary);font-family:var(--font-display);transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:1rem;padding:.85rem 1.2rem;font-weight:500;display:flex}.sidebar-link[data-astro-cid-yxete6jp]:hover{background-color:var(--bg-card);color:var(--text-primary)}.sidebar-link[data-astro-cid-yxete6jp].active{background-color:var(--primary-glow);color:var(--primary);border-left:3px solid var(--primary);padding-left:calc(1.2rem - 3px)}.sidebar-footer[data-astro-cid-yxete6jp]{border-top:1px solid var(--border-color);padding:1.5rem 1rem}.theme-toggle-btn[data-astro-cid-yxete6jp]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.theme-toggle-btn[data-astro-cid-yxete6jp]:hover{background-color:var(--bg-hover);color:var(--text-primary)}html[data-theme=dark] .sun-icon[data-astro-cid-yxete6jp]{display:block}html[data-theme=dark] .moon-icon[data-astro-cid-yxete6jp],html[data-theme=light] .sun-icon[data-astro-cid-yxete6jp]{display:none}html[data-theme=light] .moon-icon[data-astro-cid-yxete6jp]{display:block}.mobile-nav[data-astro-cid-yxete6jp]{height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:.4rem .45rem calc(.4rem + env(safe-area-inset-bottom));z-index:500;isolation:isolate;justify-content:space-around;align-items:center;gap:.2rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000038}.mobile-link[data-astro-cid-yxete6jp]{min-width:0;height:54px;color:var(--text-muted);text-align:center;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.3rem .1rem;font-size:.68rem;font-weight:600;line-height:1;display:flex}.mobile-link[data-astro-cid-yxete6jp] .icon[data-astro-cid-yxete6jp]{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.mobile-link[data-astro-cid-yxete6jp] .icon[data-astro-cid-yxete6jp] svg{width:22px;height:22px}.mobile-link[data-astro-cid-yxete6jp]:hover,.mobile-link[data-astro-cid-yxete6jp].active{color:var(--primary)}.mobile-link[data-astro-cid-yxete6jp].active{background:var(--primary-glow)}.mobile-link[data-astro-cid-yxete6jp].active .icon[data-astro-cid-yxete6jp]{color:var(--primary);transform:translateY(-1px)}.mobile-link[data-astro-cid-yxete6jp]:active{transform:scale(.96)}@media (width<=768px){.sidebar[data-astro-cid-yxete6jp]{transform:translate(-100%)}}@media (width>=769px){.mobile-nav[data-astro-cid-yxete6jp]{display:none}}