.morphk-root{--ml-bg-deep:#f9fafb;--ml-bg-surface:#ffffff;--ml-bg-elevated:#ffffff;--ml-bg-hover:#f3f4f6;--ml-bg-active:#e5e7eb;--ml-border:#e5e7eb;--ml-border-subtle:#f3f4f6;--ml-border-glow:rgba(16,185,129,0.3);--ml-text-primary:#111827;--ml-text-secondary:#4b5563;--ml-text-muted:#9ca3af;--ml-accent:#059669;--ml-accent-bright:#10b981;--ml-accent-dim:rgba(5,150,105,0.1);--ml-accent-glow:0 0 20px rgba(5,150,105,0.1),0 0 60px rgba(5,150,105,0.03);--ml-purple:#6d28d9;--ml-purple-dim:rgba(109,40,217,0.08);--ml-amber:#d97706;--ml-amber-dim:rgba(217,119,6,0.08);--ml-coral:#dc2626;--ml-coral-dim:rgba(220,38,38,0.08);--ml-cyan:#0891b2;--ml-cyan-dim:rgba(8,145,178,0.08);--ml-gradient-accent:linear-gradient(135deg,#059669,#0891b2);--ml-gradient-warm:linear-gradient(135deg,#d97706,#ea580c);--ml-gradient-purple:linear-gradient(135deg,#6d28d9,#7c3aed);--ml-gradient-surface:linear-gradient(180deg,#ffffff,#f9fafb);--ml-font-display:"Syne",system-ui,sans-serif;--ml-font-body:"Outfit",system-ui,sans-serif;--ml-radius-sm:8px;--ml-radius-md:12px;--ml-radius-lg:16px;--ml-radius-xl:20px;--ml-radius-full:9999px;--ml-shadow-card:0 1px 3px rgba(0,0,0,0.08),0 4px 16px rgba(0,0,0,0.04);--ml-shadow-elevated:0 4px 12px rgba(0,0,0,0.1),0 8px 32px rgba(0,0,0,0.06);--ml-shadow-glow-sm:0 0 12px rgba(5,150,105,0.08);--ml-shadow-glow-md:0 0 24px rgba(5,150,105,0.1),0 0 48px rgba(5,150,105,0.04);font-family:var(--ml-font-body);background-color:var(--ml-bg-deep);color:var(--ml-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.morphk-root ::-webkit-scrollbar{width:6px;height:6px}.morphk-root ::-webkit-scrollbar-track{background:var(--ml-bg-deep)}.morphk-root ::-webkit-scrollbar-thumb{background:var(--ml-border);border-radius:var(--ml-radius-full)}.morphk-root ::-webkit-scrollbar-thumb:hover{background:var(--ml-text-muted)}.morphk-root .font-display{font-family:var(--ml-font-display);letter-spacing:-.02em}.morphk-root .ml-grain:before{display:none}.morphk-root .ml-card{background:var(--ml-bg-elevated);border:1px solid var(--ml-border);border-radius:var(--ml-radius-lg);box-shadow:var(--ml-shadow-card);transition:border-color .3s ease,box-shadow .3s ease}.morphk-root .ml-card:hover{border-color:var(--ml-border-glow);box-shadow:var(--ml-shadow-card),var(--ml-shadow-glow-sm)}.morphk-root .ml-card-interactive{cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease}.morphk-root .ml-card-interactive:hover{border-color:var(--ml-border-glow);box-shadow:var(--ml-shadow-card),var(--ml-shadow-glow-md);transform:translateY(-2px)}.morphk-root .ml-card-interactive:active{transform:translateY(0)}.morphk-root .ml-btn-primary{background:var(--ml-gradient-accent);color:#ffffff;font-family:var(--ml-font-body);font-weight:600;border:none;border-radius:var(--ml-radius-md);padding:12px 28px;cursor:pointer;position:relative;transition:all .3s ease;box-shadow:0 2px 8px rgba(5,150,105,.25)}.morphk-root .ml-btn-primary:hover{box-shadow:0 4px 16px rgba(5,150,105,.3),0 2px 8px rgba(5,150,105,.15);transform:translateY(-1px)}.morphk-root .ml-btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px rgba(5,150,105,.2)}.morphk-root .ml-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.morphk-root .ml-btn-secondary{background:var(--ml-bg-hover);color:var(--ml-text-primary);font-family:var(--ml-font-body);font-weight:500;border:1px solid var(--ml-border);border-radius:var(--ml-radius-md);padding:12px 28px;cursor:pointer;transition:all .3s ease}.morphk-root .ml-btn-secondary:hover{background:var(--ml-bg-active);border-color:var(--ml-text-muted)}.morphk-root .ml-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--ml-radius-full);letter-spacing:.02em}.morphk-root .ml-badge-accent{background:var(--ml-accent-dim);color:var(--ml-accent);border:1px solid rgba(5,150,105,.2)}.morphk-root .ml-badge-purple{background:var(--ml-purple-dim);color:var(--ml-purple);border:1px solid rgba(109,40,217,.2)}.morphk-root .ml-badge-amber{background:var(--ml-amber-dim);color:var(--ml-amber);border:1px solid rgba(217,119,6,.2)}.morphk-root .ml-badge-coral{background:var(--ml-coral-dim);color:var(--ml-coral);border:1px solid rgba(220,38,38,.2)}.morphk-root .ml-step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--ml-font-display);font-weight:700;font-size:.875rem;border-radius:50%;background:var(--ml-accent-dim);color:var(--ml-accent);border:1.5px solid rgba(5,150,105,.3);box-shadow:var(--ml-shadow-glow-sm)}.morphk-root .ml-step-number.active{background:var(--ml-gradient-accent);color:#ffffff;border-color:transparent;box-shadow:var(--ml-shadow-glow-md)}.morphk-root .ml-input{background:var(--ml-bg-surface);border:1px solid var(--ml-border);border-radius:var(--ml-radius-md);color:var(--ml-text-primary);padding:10px 14px;font-family:var(--ml-font-body);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;width:100%}.morphk-root .ml-input:focus{border-color:var(--ml-accent);box-shadow:0 0 0 3px var(--ml-accent-dim)}.morphk-root .ml-input::placeholder{color:var(--ml-text-muted)}.morphk-root .ml-select{background:var(--ml-bg-surface);border:1px solid var(--ml-border);border-radius:var(--ml-radius-md);color:var(--ml-text-primary);padding:10px 14px;font-family:var(--ml-font-body);font-size:.875rem;transition:border-color .2s ease;outline:none;cursor:pointer;width:100%}.morphk-root .ml-select:focus{border-color:var(--ml-accent);box-shadow:0 0 0 3px var(--ml-accent-dim)}@keyframes ml-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ml-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ml-pulse-glow{0%,to{box-shadow:0 0 12px rgba(5,150,105,.08)}50%{box-shadow:0 0 24px rgba(5,150,105,.18)}}@keyframes ml-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.morphk-root .ml-animate-fadeUp{animation:ml-fadeUp .5s ease-out both}.morphk-root .ml-animate-fadeIn{animation:ml-fadeIn .4s ease-out both}.morphk-root .ml-animate-pulse-glow{animation:ml-pulse-glow 3s ease-in-out infinite}.morphk-root .ml-stagger>*{opacity:0;animation:ml-fadeUp .5s ease-out both}.morphk-root .ml-stagger>:first-child{animation-delay:0s}.morphk-root .ml-stagger>:nth-child(2){animation-delay:60ms}.morphk-root .ml-stagger>:nth-child(3){animation-delay:.12s}.morphk-root .ml-stagger>:nth-child(4){animation-delay:.18s}.morphk-root .ml-stagger>:nth-child(5){animation-delay:.24s}.morphk-root .ml-stagger>:nth-child(6){animation-delay:.3s}.morphk-root .ml-stagger>:nth-child(7){animation-delay:.36s}.morphk-root .ml-stagger>:nth-child(8){animation-delay:.42s}.morphk-root .ml-stagger>:nth-child(9){animation-delay:.48s}.morphk-root .ml-stagger>:nth-child(10){animation-delay:.54s}.morphk-root .ml-stagger>:nth-child(11){animation-delay:.6s}.morphk-root .ml-stagger>:nth-child(12){animation-delay:.66s}.morphk-root .ml-skeleton{background:linear-gradient(90deg,var(--ml-bg-elevated) 25%,var(--ml-bg-hover) 50%,var(--ml-bg-elevated) 75%);background-size:200% 100%;animation:ml-shimmer 1.5s ease-in-out infinite;border-radius:var(--ml-radius-md)}.morphk-root .ml-divider{height:1px;background:linear-gradient(90deg,transparent 0,var(--ml-border) 50%,transparent 100%);border:none}.morphk-root .ml-morph-recessive{background:rgba(109,40,217,.08);color:#6d28d9;border:1px solid rgba(109,40,217,.2)}.morphk-root .ml-morph-co_dominant,.morphk-root .ml-morph-incomplete_dominant{background:rgba(217,119,6,.08);color:#b45309;border:1px solid rgba(217,119,6,.2)}.morphk-root .ml-morph-dominant{background:rgba(5,150,105,.08);color:#059669;border:1px solid rgba(5,150,105,.2)}.morphk-root .ml-morph-polygenic{background:rgba(234,88,12,.08);color:#c2410c;border:1px solid rgba(234,88,12,.2)}.morphk-root .ml-morph-sex_linked{background:rgba(219,39,119,.08);color:#be185d;border:1px solid rgba(219,39,119,.2)}.morphk-root .ml-ring-selected{box-shadow:0 0 0 2px var(--ml-accent),0 0 0 4px rgba(5,150,105,.15)}