@font-face{font-family:LabSans;src:url(../fonts/DejaVuSans.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:#263d36;font-family:LabSans,Arial,sans-serif;font-size:14px;line-height:1.55}button,input,select{font:inherit}button{min-height:38px;border:1px solid #ced8d1;background:#fff;border-radius:8px;color:#29473c;padding:8px 14px;cursor:pointer;transition:background .16s,box-shadow .16s}button:hover:not(:disabled){background:#edf3ee;box-shadow:0 2px 6px #203e3010}button:disabled{opacity:.5;cursor:default}input,select{width:100%;min-height:42px;border:1px solid #cad5cd;border-radius:7px;padding:9px 11px;color:#263d36;background:#fff;outline:none}input:focus,select:focus,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #96bdab;outline-offset:2px}input[aria-invalid=true]{border-color:#b24839;background:#fff4f1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(28px,3.3vw,43px);font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:13px 0}h2{font-size:20px;line-height:1.4;font-weight:600;margin:7px 0 15px;letter-spacing:-.4px}h3{font-size:15px;line-height:1.45;margin:4px 0 9px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3dc;padding:0 max(28px,calc((100vw - 1440px)/2));background:#fff}.wordmark{text-decoration:none;color:#163d35;font-weight:700;display:flex;align-items:center;gap:10px;font-size:17px}.wordmark small{font-size:9px;letter-spacing:2px;border-left:1px solid #dce3dc;padding-left:14px;margin-left:10px;font-weight:400}.brand-symbol{font-size:29px}.privacy-dot{font-size:11px;color:#6c7e71}.privacy-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#699d78;margin-right:8px}main{max-width:1496px;margin:auto;padding:42px 28px 20px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.page-header p{color:#738075;font-size:13px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#6d8d7b}.status{border:1px solid #d7e3d5;border-radius:20px;padding:7px 12px;white-space:nowrap;font-size:11px;color:#5b8063;background:#edf3e9}.status.loading{color:#927739;background:#fff6df}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 22px}.toolbar button{font-size:11px;background:transparent;min-height:34px;padding:6px 11px}.panel{background:#fff;border:1px solid #dce3db;border-radius:13px;padding:24px;box-shadow:0 3px 9px #1f3b2a03}.parameters{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.25fr;gap:24px;padding:24px 28px;position:relative}.trait-picker label{font-size:12px}.trait-picker select{font-weight:600;background:#f7faf5;border-color:#bdccba}.trait-picker .small{display:block;margin-top:10px}.heritability input[type=range]{padding:0;min-height:18px;accent-color:#2e6852;margin:9px 0 0}.heritability small{color:#899389;font-size:10px}.base-settings{grid-column:1/-1;border-top:1px solid #e8ede5;margin-top:-5px;padding-top:12px}.base-settings .form-stack{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:15px}.base-settings summary{font-size:11px}.parameter-caption{font-size:11px;color:#7a867b;margin:13px 5px 23px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-header h2{margin-bottom:8px}.panel-header>button{font-size:11px;white-space:nowrap}.pedigree-panel{padding-bottom:16px;overflow:hidden}.graph-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0ea;padding-top:14px;margin-top:14px;font-size:11px;color:#8a958b}.graph-tools>div{display:flex;gap:5px}.graph-tools button{font-size:10px;min-height:28px;padding:4px 8px}.graph-tools .icon{width:28px}.graph-viewport{overflow:auto;height:375px;min-height:375px;max-height:375px;display:flex;justify-content:safe center;background-image:radial-gradient(#cfd8ce .6px,transparent .6px);background-size:20px 20px;margin:15px -15px}.pedigree-svg{flex:none;display:block;touch-action:pan-x pan-y}.family-lines path{stroke:#9aa99c;stroke-width:1.6;fill:none}.animal{cursor:pointer}.animal .known{fill:#b9d7b2;stroke:#52775a;stroke-width:1.5}.animal .unknown{fill:#fff;stroke:#83978a;stroke-width:1.5}.animal:hover .known,.animal:hover .unknown,.animal.highlight .known,.animal.highlight .unknown{stroke:#c59941;stroke-width:3}.target-outline{fill:none;stroke:#c63434;stroke-width:4}.sex-glyph{font-size:21px;fill:#496957}.animal-name{font-family:LabSans,Arial;font-size:12px;font-weight:600;fill:#29483a}.animal-caption{font-family:LabSans,Arial;font-size:10px;fill:#8b968d}.target-label{font-size:10px;fill:#31634e;font-weight:600}.excluded{font-size:18px;fill:#a06b43}.ghosts{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.ghosts button{border-style:dashed;color:#8ca38f;background:#fafcf8;font-size:11px;min-width:100px}.legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;font-size:10px;color:#7b877c;border-top:1px solid #e7ece5;padding-top:16px}.legend span{display:flex;gap:6px;align-items:center}.legend-circle,.legend-square,.mini-circle,.mini-square{display:inline-block;width:14px;height:14px;border:1px solid #82998a;background:#fff}.legend-circle,.mini-circle{border-radius:50%}.green{background:#b9d7b2!important}.double{outline:1px solid #c63434;outline-offset:3px}.small{font-size:11px}.muted{color:#849084}.pedigree-panel>.small{text-align:center;margin:13px 0 0;font-size:10px}.result-stack{display:flex;flex-direction:column;gap:17px}.result-card{background:#fff;border:1px solid #d6e0d2;border-radius:13px;padding:23px 24px}.result-card.breeding{background:#f1f5eb}.result-card h2{font-size:17px;margin:10px 0 12px}.result-card .eyebrow{font-size:8px;letter-spacing:1.5px}.metric{font-family:Georgia,serif;font-size:44px;line-height:1.2;letter-spacing:-1px;margin:13px 0 24px;color:#183f30}.metric span{font-size:13px;font-family:LabSans;letter-spacing:0;color:#8a9887}.reliability{display:flex;justify-content:space-between;gap:8px;font-size:11px}.reliability strong{font-size:14px}.meter{height:5px;background:#e2e9dd;border-radius:9px;overflow:hidden;margin:8px 0 20px}.meter i{height:100%;background:#6a9678;display:block;transition:width .12s}.ci-label{font-size:10px;color:#6c806c;margin-bottom:4px}.interval{font-size:17px;margin-bottom:17px}.interval span{font-size:10px;color:#8b978a}.result-card details{border-top:1px solid #dfe7d9;padding-top:12px;font-size:11px;color:#718471}.result-card details p{margin:10px 0}.result-context{font-size:10px;color:#7b8c7c;padding:0 6px;line-height:1.8}.loo{font-size:10px;border-left:2px solid #9ab498;padding-left:9px;color:#637e63}.data-explanation{font-size:12px;color:#748574;margin:19px 5px}.primary{color:#fff;background:#214f3d;border-color:#214f3d}.primary:hover:not(:disabled){background:#31684e;color:#fff}.comparison{margin-bottom:22px}.pill{font-size:10px;border:1px solid #e3e8de;border-radius:20px;padding:6px 12px;color:#889681}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:17px;gap:22px}.comparison-grid>div{border-left:1px solid #e4eadd;padding-left:20px}.comparison-grid>div:first-child{padding-left:0;border:0}.comparison-grid span{font-size:11px;color:#788975;display:block;line-height:1.7;margin-bottom:8px}.comparison-grid strong{font-size:19px;font-weight:500;display:block}.comparison-grid strong.smaller{font-size:14px}.comparison-grid strong small{font-size:10px}.comparison-grid p{font-size:10px;margin-top:8px;color:#7e9178}.planning>h2{max-width:900px;font-size:23px}.planning>.muted{font-size:12px}.own-step{margin:24px 0;border:1px solid #dce8d3;background:#f7faf2;padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-radius:8px}.own-step p{font-size:12px;margin-bottom:0;color:#65805a}.plan-settings{display:flex;flex-wrap:wrap;gap:16px;margin:22px 0}.plan-settings label{min-width:230px;flex:1}.planning details{border-top:1px solid #e4eadf;padding:17px 0 8px;margin-top:12px}.planning details>button{margin:14px 0;font-size:11px}summary{cursor:pointer;color:#4d7057;font-weight:600;font-size:12px}details p{margin-top:12px}table{border-collapse:collapse;width:100%;font-size:11px}td,th{padding:14px 10px;text-align:left;border-bottom:1px solid #e8ede4;white-space:nowrap}th{color:#83917a;font-size:9px;font-weight:500;background:#f8faf5;white-space:normal;min-width:70px}td small{display:block;color:#97a08f;font-size:9px}td button{font-size:9px;min-height:30px;padding:4px 8px}.gain{color:#4b7f4b;font-weight:600}.table-scroll{overflow-x:auto;max-width:100%;margin-top:16px}.model-help{margin-top:22px}.model-help p{font-size:12px;color:#768770;max-width:1000px}.side-relatives{margin-top:22px;border-top:1px solid #e3e9df;padding-top:20px}.relative-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}.relative-tile{display:flex;align-items:center;flex-direction:column;padding:16px 8px;text-align:center;background:#fbfcf9;font-size:11px;line-height:1.7}.relative-tile strong{margin-top:7px}.relative-tile span,.relative-tile small{font-size:9px;color:#8c9a85}.relative-tile.hovered{outline:2px solid #c5a060}.mini-circle,.mini-square{width:26px;height:26px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px}.form-actions button{font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15362b55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 80px #152e2340;max-width:590px;width:100%;max-height:90vh;overflow-y:auto;padding:28px}.modal>.panel-header{margin-bottom:20px}.modal>.panel-header h2{font-family:Georgia,serif;font-size:25px}.icon{font-size:19px;min-width:32px}.check{display:flex;flex-direction:row;align-items:center}.check input{width:17px;min-height:17px;accent-color:#316d45}.field-error,.error{color:#a54736;font-size:11px}.field-error{font-weight:400}.error.banner,.notice{border:1px solid #e5c5b5;background:#fff5ed;padding:16px;border-radius:8px;margin-bottom:18px;display:flex;justify-content:space-between;gap:14px}.notice{background:#edf7e9;border-color:#d4e4ca;color:#4c7650;font-size:12px}.banner button,.notice button{padding:0 8px;min-height:20px;background:none;border:0}.danger{color:#a35648}.note{padding:14px 18px;border-left:3px solid #c6b16f;background:#faf8ef;font-size:11px;margin-top:16px}.welcome{max-width:650px;margin:55px auto;text-align:center;padding:50px 60px}.welcome h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:16px 0}.welcome p{color:#8b9786;font-size:12px}.welcome-mark{display:block;font-size:44px;color:#73916d;margin-bottom:16px}.welcome form{display:flex;gap:12px;text-align:left;margin:30px 0;align-items:flex-end}.welcome form label{flex:1}.welcome small{font-size:10px;color:#98a28f}.welcome .primary{min-height:42px}.edit-title{font-size:20px;min-width:34px;min-height:34px;vertical-align:middle;padding:2px;margin-left:15px;border:0;background:transparent;color:#719474}.graph-modal{max-width:95vw}.graph-full{overflow:auto;max-height:70vh}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce4d6;padding:25px 0 5px;margin-top:35px;color:#95a08c;font-size:10px}@media(min-width:1500px){.main-grid{grid-template-columns:minmax(0,1fr) 375px}}@media(max-width:1100px){.parameters{gap:17px;padding:21px}.main-grid{grid-template-columns:minmax(0,1fr) 310px;gap:15px}.comparison-grid{grid-template-columns:1fr 1fr;row-gap:25px}.result-card{padding:20px}.wordmark small{display:none}}@media(max-width:780px){main{padding:28px 14px 15px}.topbar{height:65px;padding:0 16px}.wordmark{font-size:14px}.privacy-dot{font-size:9px;max-width:110px;line-height:1.4}.page-header{display:block}.status{display:inline-block;margin:6px 0 16px}.parameters{grid-template-columns:1fr 1fr;gap:20px}.main-grid{grid-template-columns:1fr}.result-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-context{grid-column:1/-1}.result-card h2{font-size:15px}.metric{font-size:34px}.result-card{padding:18px 15px}.metric span{display:block;margin-top:5px}.reliability{flex-wrap:wrap}.interval{font-size:14px}.panel{padding:19px}.pedigree-panel{padding-bottom:16px}.base-settings .form-stack{grid-template-columns:1fr}.comparison-grid{gap:16px}.comparison-grid strong{font-size:16px}.comparison .panel-header{flex-wrap:wrap}.planning>h2{font-size:20px}.own-step{flex-direction:column;align-items:start}.graph-tools{flex-wrap:wrap}.welcome{padding:35px 24px;margin:30px auto}.welcome form{flex-direction:column;align-items:stretch}.welcome h2{font-size:25px}.welcome small{line-height:1.7}.modal{padding:21px}.modal-backdrop{padding:10px}.plan-settings label{min-width:100%}footer{flex-direction:column;gap:8px}.panel-header>button{font-size:10px}.ghosts{gap:7px}.ghosts button{min-width:0}.legend{gap:10px}.parameter-caption{font-size:10px}}@media(max-width:420px){.result-stack,.comparison-grid{grid-template-columns:1fr}.comparison-grid>div{border:0;padding-left:0}.parameters{grid-template-columns:1fr}.trait-picker{margin-bottom:5px}}h1,h2,h3,.relative-tile strong{overflow-wrap:anywhere}main,section,.panel-header>div,.result-card{min-width:0}.animal-choice{width:20px;height:20px;min-height:20px;padding:0;accent-color:#316d45;cursor:pointer}.scenario-plan{border-top:1px solid #e4eadf;padding-top:20px;margin-top:24px}.result-card details+details{margin-top:12px}.result-card details p{overflow-wrap:anywhere}.collapse-dots{font-size:32px;fill:#657d6c}.collapsed-relatives .animal-caption{fill:#4d7057;font-size:11px}.planning .own-step,.planning .scenario-plan{margin:12px 0;border:1px solid #dce8d3;background:#f7faf2;padding:12px;border-radius:8px;color:#263d36}.planning .scenario-plan h3{color:inherit}.planning .scenario-plan .table-scroll{margin-top:6px}.planning .scenario-plan th{background:#edf3e7;color:#526b4d}.planning .scenario-plan td{border-color:#dce8d3}.planning .scenario-plan td small{color:#65805a}.collapsed-relatives{cursor:pointer}.collapse-hit-area{fill:transparent;pointer-events:all}.collapsed-relatives:hover .collapse-hit-area,.collapsed-relatives:focus-visible .collapse-hit-area{fill:#edf3e7;stroke:#96bdab;stroke-width:1}.collapsed-relatives .animal-caption{text-decoration:underline;text-underline-offset:3px}.animal:focus,.animal:focus-visible{outline:none}.animal:focus-visible .known,.animal:focus-visible .unknown{stroke:#c59941;stroke-width:3}.expanded-family-control{cursor:pointer;outline:none}.expanded-family-control .animal-caption{fill:#4d7057;text-decoration:underline;text-underline-offset:3px;font-size:11px}.expanded-family-control:hover .collapse-hit-area,.expanded-family-control:focus-visible .collapse-hit-area{fill:#edf3e7;stroke:#96bdab;stroke-width:1}.pedigree-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px}.pedigree-actions button{font-size:11px}.pedigree-actions .danger{font-size:10px}.pedigree-panel .panel-header{flex-wrap:wrap}.pedigree-remove-actions{display:flex;gap:6px;flex-wrap:wrap}.pedigree-remove-actions button{min-height:26px;padding:4px 7px;font-size:9px;line-height:1.3}.pedigree-actions .pedigree-remove-actions .danger{font-size:9px}.site-description{margin:32px 0 0;padding:24px;border:1px solid #dce3db;border-radius:13px;background:#fff;color:#52685b;font-size:13px;line-height:1.85}.planning{line-height:1.4}.planning>h2{margin-bottom:8px}.planning>.muted{margin-bottom:10px}.planning .own-step h3,.planning .scenario-plan h3{margin:0 0 5px}.planning .plan-table td,.planning .plan-table th{padding:6px 8px;line-height:1.3}.planning .plan-table td small{line-height:1.25;margin-top:2px}.planning details{margin-top:8px;padding:10px 0 4px}.planning details p{margin:8px 0}.status[hidden]{display:none}.genomics-panel{margin:0 0 20px}.genomics-panel h2{margin-bottom:5px}.genomics-panel .panel-header{flex-wrap:wrap}.genomics-panel>p{margin:12px 0 0}.genomics-panel details{margin-top:14px}.genomics-panel details p{font-size:12px}.genomic-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px}.genomic-change{color:#315c48}.genomic-result-note{margin:0;border:1px solid #bccfdd;background:#eff5fa;border-radius:9px;padding:12px;font-size:11px;color:#36546b}.dna-marker{font-size:20px;font-family:Arial,sans-serif}.genomics-panel a{color:#315e85}@media(max-width:600px){.genomic-settings{grid-template-columns:1fr}}.matrix-formula{font-family:monospace;font-size:11px;line-height:1.7;overflow-x:auto;margin:10px 0;padding:8px 4px;background:#ffffff80;border-radius:5px}.result-card details a{color:#315e85}.wordmark-home{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.wordmark .company-link{color:inherit;font-size:10px;font-weight:400;border-left:1px solid #dce3dc;padding-left:14px;margin-left:10px;text-underline-offset:3px}.company-link:hover,.site-description a:hover,.company-contacts a:hover{text-decoration-thickness:2px}.site-description a{color:#163d35;text-underline-offset:3px}.company-contacts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:28px;padding:24px;border:1px solid #dce3db;border-radius:13px;background:#fff;color:#52685b;font-size:13px;line-height:1.7}.company-contacts h2{margin:0 0 8px;font-size:18px;color:#163d35}.company-contacts a{color:#163d35;text-underline-offset:3px;overflow-wrap:anywhere}.company-name{font-weight:600}.company-contacts address{font-style:normal}.company-contacts p{margin:0}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px}@media(max-width:700px){.company-contacts{grid-template-columns:1fr;gap:16px}.wordmark{flex-wrap:wrap;gap:6px}.wordmark .company-link{padding-left:8px;margin-left:2px;font-size:10px}}
