*{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}:root{--plum:#3b2d4a;--plum-hover:#4d3d5e;--plum-muted:#564466;--warm-gray:#f5f2ee;--warm-gray-dark:#ede8e1;--taupe:#e0d9ce;--taupe-dark:#b8afa2;--text-primary:#2a2621;--text-secondary:#5c564d;--text-light:#8a8379;--white:#fefdfb;--off-white:#faf8f5;--green:#166534;--green-bg:#d4edda;--green-border:#c3e6cb;--accent:#5b4b7a;--accent-hover:#78639f;--line:#e6e1d6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--off-white);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.page-hero{text-align:center;background:linear-gradient(135deg,#302535 0%,#382d40 40%,#322838 100%);padding:80px 48px 72px}.page-hero .label{text-transform:uppercase;letter-spacing:.18em;color:#ffffff73;margin-bottom:12px;font-size:.72em;font-weight:600}.page-hero h1{color:#fff;margin-bottom:12px;font-family:Playfair Display,Georgia,serif;font-size:2.4em;font-weight:700;line-height:1.15}.page-hero p{color:#ffffffb3;max-width:560px;margin:0 auto;font-size:1.05em;font-weight:300}.search-section{max-width:1000px;margin:0 auto;padding:40px 32px 64px}.search-section-header{border-bottom:1px solid var(--taupe);margin-bottom:24px;padding-bottom:24px}.search-section-header h2{margin-bottom:4px;font-family:Playfair Display,Georgia,serif;font-size:1.5em;font-weight:700}.search-section-header p{color:var(--text-light);font-size:.88em;font-weight:300}.tabs{border:1px solid var(--taupe);border-radius:999px;margin-bottom:20px;display:inline-flex;overflow:hidden}.tab-btn{background:var(--white);color:var(--text-light);cursor:pointer;border:none;padding:8px 18px;font-family:inherit;font-size:.88em;font-weight:500;transition:background .2s,color .2s}.tab-btn.active{background:var(--plum);color:#fff}.tab-btn:hover:not(.active){background:var(--warm-gray)}label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:.75em;font-weight:600;display:block}input[type=text],input[type=number],select{border:1px solid var(--taupe);background:var(--white);color:var(--text-primary);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.88em;transition:border-color .2s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--plum-muted);outline:none}button{cursor:pointer;border:none;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:.82em;font-weight:600;transition:background .2s}.btn-primary{background:var(--plum);color:#fff}.btn-primary:hover{background:var(--plum-hover)}.btn-secondary{background:var(--white);color:var(--plum);border:1px solid var(--plum)}.btn-secondary:hover{background:var(--warm-gray)}.btn-add{background:var(--warm-gray);color:var(--text-primary);border:1px solid var(--taupe);padding:7px 12px;font-size:.78em}.btn-add:hover{background:var(--taupe)}.quick-lookup{align-items:flex-end;gap:10px;display:flex}.quick-lookup input{width:280px}.mode-heading{margin-bottom:4px;font-family:Playfair Display,Georgia,serif;font-size:1.15em;font-weight:600}.mode-hint{color:var(--text-light);margin-bottom:12px;font-size:.88em}.mode-block{border-bottom:1px solid var(--taupe);margin-bottom:22px;padding-bottom:22px}.filters-box{background:var(--white);border:1px solid var(--taupe);border-radius:12px;gap:24px;margin-bottom:16px;padding:18px;display:flex}.filters-left{flex:1;min-width:0}.filters-right{flex-shrink:0;width:240px}.active-filters-box{background:var(--warm-gray);border:1px solid var(--taupe);border-radius:10px;padding:14px;position:sticky;top:80px}.active-filters-title{color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.72em;font-weight:600}.filters-title{margin-bottom:12px;font-family:Playfair Display,Georgia,serif;font-size:1em;font-weight:600}.filter-adder{background:var(--warm-gray);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.filter-adder select,.filter-adder input{min-width:100px}.filter-adder .filter-item{flex-direction:column;display:flex}.active-filters{flex-direction:column;gap:6px;min-height:40px;display:flex}.active-filters:empty:before{content:"No filters added";color:var(--text-light);font-size:.78em;font-style:italic}.top-active-filters{background:var(--warm-gray);border:1px solid var(--taupe);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;padding:10px 14px;display:flex}.filter-tag{background:var(--plum);color:#fff;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px 7px 12px;font-size:.78em;line-height:1.3;display:inline-flex}.filter-tag button{cursor:pointer;color:#fff;background:#ffffff4d;border:none;border-radius:999px;margin:0;padding:2px 5px;font-size:.78em;line-height:1}.filter-tag button:hover{background:#ffffff80}.section-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 8px;font-size:.72em;font-weight:600}.action-row{gap:10px;margin-bottom:16px;display:flex}.status{color:var(--text-light);margin-bottom:10px;font-size:.85em}.list{flex-direction:column;gap:8px;display:flex}.card{border:1px solid var(--taupe);background:var(--white);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:border-color .2s;display:flex}.card:hover{border-color:var(--plum-muted)}.card-main{min-width:0}.card-title{font-size:.92em;font-weight:600}.card-meta{color:var(--text-light);margin-top:2px;font-size:.78em}.pill{border:1px solid var(--taupe);background:var(--warm-gray);border-radius:999px;margin-left:4px;padding:2px 8px;font-size:.72em;display:inline-block}.pill.health{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}.btn-link{background:var(--plum);color:#fff;border-radius:999px;padding:6px 12px;font-size:.78em;font-weight:600;text-decoration:none;transition:background .2s}.btn-link:hover{background:var(--plum-hover)}.dna-dropdown{z-index:100;background:var(--white);border:1px solid var(--taupe);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-top:none;border-radius:0 0 8px 8px;max-height:240px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 16px #0000001a}.dna-dropdown.open{display:block}.dna-dropdown .dna-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);background:var(--warm-gray);padding:8px 12px 4px;font-size:.68em;font-weight:700;position:sticky;top:0}.dna-dropdown .dna-option{cursor:pointer;border-bottom:1px solid var(--warm-gray-dark);justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;font-size:.85em;line-height:1.35;display:flex}.dna-dropdown .dna-option:last-child{border-bottom:none}.dna-dropdown .dna-option:hover,.dna-dropdown .dna-option.highlighted{background:var(--warm-gray)}.dna-dropdown .dna-option:active{background:var(--taupe)}.dna-dropdown .dna-name{flex:1;min-width:0}.dna-dropdown .dna-gene{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.78em;font-weight:600}.dna-dropdown .dna-short{color:var(--text-light);font-size:.78em}.dna-dropdown .dna-hint{color:var(--text-light);text-align:center;padding:14px 12px;font-size:.82em}.loading-state,.error-state{text-align:center;color:var(--text-light);width:100%;padding:60px 20px;font-weight:300}@media (max-width:768px){.page-hero{padding:56px 24px 48px}.page-hero h1{font-size:1.9em}.search-section{padding:32px 20px 48px}.filters-box{flex-direction:column}.filters-right{width:100%}.quick-lookup{flex-wrap:wrap}.quick-lookup input{width:100%}}