: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],: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}:root[data-theme=emerald-light],:root[data-theme=light]{--primary:#047857;--primary-hover:#065f46;--primary-glow:#0478571f;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-glow:#7c3aed1f;--shadow-glow:0 0 20px #04785714}:root[data-theme=pink-dark]{--bg-primary:#0b050f;--bg-secondary:#150b20;--bg-card:#1e0e2d;--bg-hover:#2d1344;--border-color:#2d1344;--text-primary:#fdf2f8;--text-secondary:#fbcfe8;--text-muted:#f472b6;--primary:#ec4899;--primary-hover:#db2777;--primary-glow:#ec489933;--accent:#d946ef;--accent-hover:#c084fc;--accent-glow:#d946ef33;--shadow-glow:0 0 20px #ec48992e}:root[data-theme=pink-light]{--bg-primary:#fff1f2;--bg-secondary:#fff;--bg-card:#ffe4e6;--bg-hover:#fecdd3;--border-color:#fda4af;--text-primary:#881337;--text-secondary:#9f1239;--text-muted:#be123c;--primary:#db2777;--primary-hover:#be185d;--primary-glow:#db27771f;--accent:#d946ef;--accent-hover:#c084fc;--accent-glow:#d946ef1f;--shadow-glow:0 0 20px #db277714}:root[data-theme=purple-dark]{--bg-primary:#07040f;--bg-secondary:#100b21;--bg-card:#171032;--bg-hover:#24194d;--border-color:#24194d;--text-primary:#faf5ff;--text-secondary:#e9d5ff;--text-muted:#c084fc;--primary:#a855f7;--primary-hover:#9333ea;--primary-glow:#a855f733;--accent:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f133;--shadow-glow:0 0 20px #a855f72e}:root[data-theme=purple-light]{--bg-primary:#faf5ff;--bg-secondary:#fff;--bg-card:#f3e8ff;--bg-hover:#e9d5ff;--border-color:#d8b4fe;--text-primary:#581c87;--text-secondary:#6b21a8;--text-muted:#7e22ce;--primary:#9333ea;--primary-hover:#7e22ce;--primary-glow:#9333ea1f;--accent:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f11f;--shadow-glow:0 0 20px #9333ea14}:root[data-theme=blue-dark]{--bg-primary:#040814;--bg-secondary:#0b1126;--bg-card:#141e3d;--bg-hover:#1e2d5c;--border-color:#1e2d5c;--text-primary:#f0f7ff;--text-secondary:#e0f2fe;--text-muted:#7dd3fc;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f633;--accent:#06b6d4;--accent-hover:#0891b2;--accent-glow:#06b6d433;--shadow-glow:0 0 20px #3b82f62e}:root[data-theme=blue-light]{--bg-primary:#f0f9ff;--bg-secondary:#fff;--bg-card:#e0f2fe;--bg-hover:#bae6fd;--border-color:#7dd3fc;--text-primary:#0369a1;--text-secondary:#075985;--text-muted:#0284c7;--primary:#0284c7;--primary-hover:#0369a1;--primary-glow:#0284c71f;--accent:#06b6d4;--accent-hover:#0891b2;--accent-glow:#06b6d41f;--shadow-glow:0 0 20px #0284c714}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{max-width:100%;height:100%;font-size:16px;overflow-x:clip}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;min-height:100%;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:clip}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%;min-width:0;max-width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:.95rem}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{inline-size:100%;min-inline-size:0;max-inline-size:100%;appearance:none;text-align:left;min-width:0;max-width:100%;display:block}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input[type=checkbox]{cursor:pointer;width:auto!important;padding:0!important}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{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))}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);width:100dvw;height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));z-index:100000;opacity:0;pointer-events:auto;background:#000000b3;place-items:center;transition:opacity .2s;display:grid;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:min(420px,100dvw - 2rem);max-width:420px;max-height:calc(100dvh - 2rem);padding:1.75rem;transition:transform .2s;display:flex;overflow-y:auto;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}.remove-option-card{text-align:left;width:100%;font:inherit;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem;display:block}.remove-option-card:hover{border-color:var(--primary)}.remove-option-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.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;white-space:nowrap;min-height:40px;box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.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-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-card);border-color:var(--text-muted);color:var(--text-primary)}.btn-sm{min-height:34px;padding:.4rem .65rem;font-size:.8rem}.btn svg{flex:none}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}.app-container{width:100%;max-width:100%;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%;min-width:0;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{background-color:var(--badge-dominant-bg,#3b82f626);color:var(--badge-dominant-color,#60a5fa);border:1px solid var(--badge-dominant-border,#3b82f64d)}.badge-codominant{background-color:var(--badge-codominant-bg,#8b5cf626);color:var(--badge-codominant-color,#a78bfa);border:1px solid var(--badge-codominant-border,#8b5cf64d)}.badge-incompletedominant{background-color:var(--badge-incompletedominant-bg,#8b5cf626);color:var(--badge-incompletedominant-color,#a78bfa);border:1px solid var(--badge-incompletedominant-border,#8b5cf64d)}.badge-other{background-color:var(--badge-other-bg,#94a3b826);color:var(--badge-other-color,#cbd5e1);border:1px solid var(--badge-other-border,#94a3b84d)}.badge-polygenic{background-color:var(--badge-polygenic-bg,#94a3b826);color:var(--badge-polygenic-color,#cbd5e1);border:1px solid var(--badge-polygenic-border,#94a3b84d)}.badge-allelic{background-color:var(--badge-allelic-bg,#94a3b826);color:var(--badge-allelic-color,#cbd5e1);border:1px solid var(--badge-allelic-border,#94a3b84d)}.badge-locality{background-color:var(--badge-locality-bg,#94a3b826);color:var(--badge-locality-color,#cbd5e1);border:1px solid var(--badge-locality-border,#94a3b84d)}.badge-recessive{background-color:var(--badge-recessive-bg,#f59e0b26);color:var(--badge-recessive-color,#fbbf24);border:1px solid var(--badge-recessive-border,#f59e0b4d)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.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;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);justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.logo-container[data-astro-cid-yxete6jp]{justify-content:center;align-items:center;width:100%;display:flex}.sidebar-logo[data-astro-cid-yxete6jp]{width:100%;max-width:195px;height: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}.nav-badge[data-astro-cid-yxete6jp]{background:var(--primary);min-width:1.35rem;height:1.35rem;color:var(--bg-primary);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 .35rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-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],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=dark] .moon-icon[data-astro-cid-yxete6jp],html[data-theme$=-light] .sun-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],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;position:relative}.mobile-badge[data-astro-cid-yxete6jp]{color:#fff;border:1px solid var(--bg-secondary);background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.6rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:.2rem;right:calc(50% - 1.15rem)}.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}}.photo-crop-dialog{border:1px solid var(--border-color);background:var(--bg-card);width:min(94vw,760px);max-width:none;max-height:min(94vh,820px);color:var(--text-primary);border-radius:8px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 70px #0000008c}.photo-crop-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02060ec7}.photo-crop-shell{gap:1rem;padding:1rem;display:grid}.photo-crop-shell header,.photo-crop-shell footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.photo-crop-shell header h2{margin:0;font-size:1.05rem}.photo-crop-shell footer{justify-content:flex-end}.photo-crop-close{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:1.5rem}.photo-crop-close:hover{background:var(--bg-hover);color:var(--text-primary)}.photo-crop-workspace{aspect-ratio:4/3;background:#090d16;border-radius:6px;place-items:center;width:100%;max-height:560px;display:grid;position:relative;overflow:hidden}.photo-crop-context-image{object-fit:contain;opacity:.28;filter:grayscale(.8)brightness(.72);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-crop-workspace:after{content:"";pointer-events:none;background:#0509112e;position:absolute;inset:0}.photo-crop-stage{z-index:1;aspect-ratio:1;border:2px solid var(--primary);cursor:grab;touch-action:none;background:#090d16;border-radius:4px;width:min(76%,480px);position:relative;overflow:hidden;box-shadow:0 0 0 999px #080c146b,0 8px 24px #00000061}.photo-crop-stage.dragging{cursor:grabbing}.photo-crop-stage img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.photo-crop-controls{grid-template-columns:34px minmax(0,1fr) 34px 4rem auto;align-items:center;gap:.5rem;display:grid}.photo-crop-controls>button:not(.btn){border:1px solid var(--border-color);background:var(--bg-primary);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:6px;padding:0;font-size:1.15rem}.photo-crop-controls input{width:100%;accent-color:var(--primary)}.photo-crop-controls output{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;font-size:.78rem}@media (width<=520px){.photo-crop-dialog{width:96vw;max-height:96vh}.photo-crop-workspace{aspect-ratio:1}.photo-crop-stage{width:82%}.photo-crop-controls{grid-template-columns:34px minmax(0,1fr) 34px 3.5rem}.photo-crop-controls .btn{grid-column:1/-1;justify-self:end}}