.sl-lab{--sl-surface:#dfe5dc;--sl-ink:#303832;--sl-accent:#785448;--sl-paper:#eff2ed;--sl-rule:color-mix(in oklch, var(--sl-ink) 22%, transparent);--sl-track:color-mix(in oklch, var(--sl-ink) 28%, var(--sl-surface));--sl-sage:#6f897c;--sl-clay:#a67769;--sl-damage:#b82735;width:100%;min-width:0;color:var(--sl-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:14px/1.55 Arial,Helvetica,sans-serif;container:sperm-lab/inline-size}.sl-lab,.sl-lab *{box-sizing:border-box}.sl-lab :is(button,input,select){color:inherit;font:inherit}.sl-lab :is(button,input,canvas,a,summary):focus-visible{outline:2px solid var(--sl-accent);outline-offset:3px}.sl-lab button{border:1px solid var(--sl-rule);cursor:pointer;background:0 0;border-radius:4px;min-height:44px;padding:8px 10px;font-size:12px}.sl-lab button:hover{background:color-mix(in oklch, var(--sl-ink) 6%, transparent)}.sl-lab button:disabled{opacity:.4;cursor:default}.sl-lab p{max-width:72ch}.sl-lab h2,.sl-lab h3{color:inherit;letter-spacing:normal}.sl-intro-line{border-bottom:1px solid var(--sl-rule);flex-wrap:wrap;justify-content:space-between;gap:4px 20px;margin-bottom:20px;padding-bottom:14px;display:flex}.sl-intro-line p{margin:0;font-size:13px}.sl-intro-line strong{font-weight:600}.sl-intro-line>span{opacity:.75;font-size:11px}.sl-workbench{grid-template-columns:minmax(0,1fr) minmax(0,2.3fr) minmax(0,1fr);grid-template-areas:"left field right""left notes right""left readouts right""catalog catalog catalog""inspector inspector inspector";align-items:start;gap:20px 24px;display:grid}.sl-controls{flex-direction:column;gap:20px;min-width:0;display:flex}.sl-controls-left{grid-area:left}.sl-controls-right{grid-area:right}.sl-factor-group{border:0;min-width:0;margin:0;padding:0}.sl-factor-group+.sl-factor-group{border-top:1px solid var(--sl-rule);padding-top:16px}.sl-factor-group legend{width:100%;margin-bottom:8px;padding:0;font-size:13px;font-weight:600;line-height:1.5}.sl-factor+.sl-factor{margin-top:12px}.sl-factor-row{-moz-column-gap:8px;grid-template-columns:minmax(0,1fr) fit-content(55%);align-items:center;column-gap:8px;display:grid}.sl-factor-row label{grid-area:1/1;font-size:13px;line-height:18px}.sl-factor-row input[type=range]{appearance:none;width:100%;min-width:0;height:44px;accent-color:var(--sl-accent);cursor:pointer;background:0 0;border:0;grid-area:2/1/auto/-1;margin:0;padding:0;display:block}.sl-factor-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--sl-accent) 0 var(--sl-progress), var(--sl-track) var(--sl-progress) 100%);border-radius:999px;height:8px}.sl-factor-row input[type=range]::-moz-range-track{background:var(--sl-track);border-radius:999px;height:8px}.sl-factor-row input[type=range]::-moz-range-progress{background:var(--sl-accent);border-radius:999px;height:8px}.sl-factor-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sl-accent);border:0;border-radius:50%;width:20px;height:20px;margin-top:-6px}.sl-factor-row input[type=range]::-moz-range-thumb{background:var(--sl-accent);border:0;border-radius:50%;width:20px;height:20px}.sl-factor-row output{font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;opacity:.8;grid-area:1/2;font-size:12px;line-height:18px}.sl-factor-help{min-width:0}.sl-factor-help summary{cursor:pointer;width:100%;min-height:26px;color:var(--sl-accent);justify-content:space-between;align-items:center;gap:6px;font-size:10px;list-style:none;display:flex}.sl-factor-help summary::-webkit-details-marker{display:none}.sl-factor-help summary span{text-underline-offset:3px;text-decoration:underline}.sl-factor-help summary svg{fill:none;stroke:currentColor;stroke-width:1.3px;flex-shrink:0;width:14px;height:14px}.sl-factor-help[open] summary svg{transform:rotate(180deg)}.sl-factor-help p{margin:7px 0 0;font-size:11px;line-height:1.6}.sl-factor-help .sl-evidence{color:var(--sl-accent);font-family:Courier New,Courier,monospace;font-size:10px}.sl-help-timescale{opacity:.8}.sl-factor-help ul{margin:8px 0 0;padding:0;list-style:none}.sl-factor-help a{min-height:32px;color:var(--sl-accent);text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;font-size:10px;line-height:1.5;text-decoration:underline;display:inline-flex}.sl-field{grid-area:field;min-width:0}.sl-sample-notes{grid-area:notes;min-width:0}.sl-sample-notes>:first-child{margin-top:0}.sl-sample-bar{border-bottom:1px solid var(--sl-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding-bottom:9px;display:flex}.sl-sample-bar>div:first-child{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.sl-sample-bar h2{margin:0;font-size:14px;font-weight:600;line-height:1.5}.sl-sample-bar span{opacity:.75;font-size:10px}.sl-concentration{flex-wrap:wrap;align-items:baseline;gap:3px 9px;margin-top:10px;display:flex}.sl-concentration>span{font-size:11px}.sl-concentration output{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.sl-concentration small{opacity:.75;flex-basis:100%;font-size:10px;line-height:1.5}.sl-teaching-population{opacity:.8;margin:7px 0 0;font-size:10px;line-height:1.6}.sl-actions{gap:4px;display:flex}.sl-actions button{border:0;padding-inline:8px}.sl-actions .sl-explore{border:1px solid var(--sl-rule)}.sl-actions .sl-explore[aria-pressed=true]{color:var(--sl-accent);background:color-mix(in oklch, var(--sl-clay) 14%, transparent)}.sl-canvas-wrap{aspect-ratio:1.35;width:100%;min-height:300px;max-height:480px;position:relative}.sl-canvas-wrap canvas{cursor:crosshair;touch-action:pan-y pinch-zoom;width:100%;height:100%;display:block;position:absolute;inset:0}.sl-canvas-wrap canvas:active{cursor:grabbing}.sl-canvas-wrap canvas:focus-visible{outline-offset:-4px}.sl-canvas-wrap[data-popup=true]{min-height:max(300px, var(--sl-popup-min-height,0px));max-height:none}.sl-popup-connector{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.sl-popup-connector line{stroke:var(--sl-accent);stroke-width:1px;stroke-dasharray:3 3;opacity:.65}.sl-cell-popup{z-index:3;border:1px solid var(--sl-rule);background:var(--sl-paper);width:260px;max-width:calc(100% - 16px);color:var(--sl-ink);visibility:hidden;border-radius:4px;padding:0 12px 8px;position:absolute;top:0;left:0}.sl-cell-popup>header{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.sl-cell-popup h3{margin:0;font-size:13px;font-weight:600;line-height:1.4}.sl-cell-popup .sl-popup-close{border:0;place-items:center;min-width:44px;min-height:44px;margin-right:-8px;padding:8px;display:grid}.sl-popup-close svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px;display:block}.sl-popup-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0;display:grid}.sl-popup-details dt{opacity:.75;font-size:9px;line-height:1.4}.sl-popup-details dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:10px;line-height:1.4}.sl-popup-traits{border-top:1px solid var(--sl-rule);gap:8px;margin:10px 0 0;padding:10px 0 0;list-style:none;display:grid}.sl-popup-traits strong,.sl-popup-traits span{display:block}.sl-popup-traits strong{font-size:10px;font-weight:600;line-height:1.4}.sl-popup-traits span{margin-top:2px;font-size:10px;line-height:1.5}.sl-popup-healthy{margin:12px 0 0;font-size:11px;line-height:1.5}.sl-cell-popup .sl-popup-anatomy{min-height:44px;color:var(--sl-accent);text-underline-offset:3px;border:0;margin-top:7px;padding:7px 0;font-size:11px;text-decoration:underline}.sl-canvas-help{margin:6px 0 0;font-size:11px;line-height:1.6}.sl-sample-tools{flex-wrap:wrap;gap:5px 7px;margin-top:10px;display:flex}.sl-sample-tools button{flex:auto;padding-inline:8px;font-size:11px}.sl-display{flex-wrap:wrap;gap:4px 16px;margin-top:7px;display:flex}.sl-display label{cursor:pointer;align-items:center;gap:6px;min-height:36px;font-size:11px;display:inline-flex}.sl-display input{width:15px;height:15px;accent-color:var(--sl-accent);margin:0}.sl-overlay-note,.sl-model-note{opacity:.8;margin:2px 0 0;font-size:10px;line-height:1.6}.sl-readouts{border-top:1px solid var(--sl-rule);grid-area:readouts;min-width:0;padding-top:16px}.sl-readouts h2,.sl-inspector h2,.sl-mechanisms h2{margin:0;font-size:14px;font-weight:600;line-height:1.5}.sl-readouts dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 0;display:grid}.sl-readouts dt{opacity:.75;overflow-wrap:anywhere;font-size:10px}.sl-readouts dd{font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:14px}.sl-readouts h3{margin:17px 0 0;font-size:12px;font-weight:600;line-height:1.5}.sl-legend-help{opacity:.8;margin:5px 0 0;font-size:10px}.sl-catalog{border-top:1px solid var(--sl-rule);grid-area:catalog;min-width:0;padding-top:17px}.sl-catalog h2{margin:0;font-size:14px;font-weight:600;line-height:1.5}.sl-catalog header>p{margin:7px 0 0;font-size:11px;line-height:1.6}.sl-defect-catalog{-moz-column-gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin-top:12px;display:grid}.sl-defect-catalog button{border:0;border-bottom:1px solid var(--sl-rule);text-align:left;border-radius:0;align-items:center;gap:10px;min-width:0;min-height:82px;padding:10px 0;display:flex}.sl-specimen-thumbnail{flex:0 0 96px;width:96px;height:42px;overflow:visible}.sl-specimen-thumbnail :is(path,ellipse){vector-effect:non-scaling-stroke}.sl-specimen-thumbnail .sl-anatomy-tail{stroke-width:.85px}.sl-specimen-thumbnail .sl-anatomy-head{stroke-width:.8px}.sl-specimen-thumbnail .sl-anatomy-midpiece-smooth{stroke-width:1.1px}.sl-specimen-thumbnail .sl-anatomy-midpiece-injury{stroke-width:1.2px}.sl-specimen-thumbnail .sl-anatomy-fork path,.sl-specimen-thumbnail .sl-chromatin-fragments{stroke-width:.85px}.sl-defect-catalog [data-defect=thick-midpiece] .sl-anatomy-midpiece-smooth{stroke-width:2px}.sl-dna-thumbnail .sl-chromatin-fragments{stroke-width:1.2px}.sl-catalog-copy{flex:1;min-width:0}.sl-catalog-copy strong{font-size:12px;font-weight:600;line-height:1.45;display:block}.sl-catalog-copy>span{opacity:.8;margin-top:4px;font-size:10px;line-height:1.5;display:block}.sl-defect-catalog button>b{font-variant-numeric:tabular-nums;align-self:start;margin-top:2px;font-size:11px;font-weight:400}.sl-defect-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;margin-top:8px;display:grid}.sl-defect-legend button{border:0;border-bottom:1px solid var(--sl-rule);text-align:left;border-radius:0;align-items:center;gap:5px;padding:7px 0;font-size:10px;display:flex}.sl-defect-legend svg{fill:none;width:25px;height:22px;stroke:var(--sl-clay);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sl-defect-legend b{font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;font-weight:400}.sl-inspector{border-top:1px solid var(--sl-rule);grid-area:inspector;min-width:0;padding-top:18px}.sl-inspector>header{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.sl-inspector>header p{opacity:.8;margin:0;font-size:12px}.sl-inspector-content{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:28px;margin-top:10px;display:grid}.sl-anatomy{width:100%;max-width:650px;color:var(--sl-ink);display:block;overflow:visible}.sl-anatomy text{fill:currentColor;font:12px Arial,Helvetica,sans-serif}.sl-anatomy .sl-diagram-caption{opacity:.7;font-size:9px}.sl-anatomy-lines{fill:none;stroke:var(--sl-rule);stroke-width:1px}.sl-anatomy-tail{fill:none;stroke:var(--sl-ink);stroke-width:1.6px;stroke-linecap:round}.sl-anatomy-head{fill:var(--sl-paper);stroke:var(--sl-ink);stroke-width:2px}.sl-anatomy-fork{fill:none;stroke:var(--sl-sage);stroke-width:3px}.sl-anatomy-midpiece-smooth{fill:none;stroke:var(--sl-sage);stroke-linecap:round}.sl-anatomy-midpiece-injury{fill:none;stroke:var(--sl-damage);stroke-width:6.5px;stroke-linecap:round}.sl-acrosomal-cap{fill:var(--sl-sage);opacity:.12}.sl-compact-nucleus{fill:var(--sl-ink)}.sl-nucleus-mass{opacity:.22}.sl-chromatin-speck{opacity:.35}.sl-chromatin-fragments{fill:none;stroke:var(--sl-damage);stroke-width:1.8px;stroke-linecap:round}.sl-anatomy-midpiece{fill:var(--sl-sage)}.sl-anatomy-midpiece-outline{fill:none;stroke:var(--sl-sage);stroke-width:1.3px}.sl-anatomy-damaged-midpiece{fill:none;stroke:var(--sl-clay);stroke-width:2px;stroke-linecap:round}.sl-mitochondria{fill:none;stroke:var(--sl-paper);stroke-width:1.2px}.sl-anatomy-dna{fill:none;stroke:var(--sl-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.sl-anatomy-rung{stroke-width:1.1px;opacity:.8}.sl-anatomy-dna-damaged{stroke:var(--sl-clay)}.sl-dna-break{fill:none;stroke:var(--sl-clay);stroke-width:2.5px}.sl-lab .sl-trait-damage{stroke:var(--sl-damage)}.sl-cell-facts dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}.sl-cell-facts dt{opacity:.75;font-size:10px}.sl-cell-facts dd{margin:3px 0 0;font-size:12px}.sl-cell-facts p{margin:12px 0 0;font-size:12px;line-height:1.65}.sl-anatomy-sources{opacity:.8;margin:8px 0 0;font-size:10px;line-height:1.6}.sl-anatomy-sources a{min-height:44px;color:var(--sl-accent);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.sl-status{min-height:1.7em;color:var(--sl-accent);margin:20px 0 0;font-size:12px}.sl-mechanisms{border-top:1px solid var(--sl-rule);margin-top:20px;padding-top:18px}.sl-mechanisms>p{margin:10px 0 0;font-size:12px;line-height:1.7}.sl-mechanisms>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;margin:15px 0 0;padding:0;list-style:none;display:grid}.sl-mechanisms li{font-size:12px;line-height:1.65}.sl-mechanisms li strong,.sl-mechanisms li span,.sl-mechanisms li small{display:block}.sl-mechanisms li strong{font-size:12px;font-weight:600}.sl-mechanisms li span{margin-top:4px}.sl-mechanisms li small{color:var(--sl-accent);margin-top:5px;font-size:10px}.sl-prepared-note{border-top:1px solid var(--sl-rule);margin-top:12px;padding-top:10px}.sl-prepared-note p{margin:0;font-size:11px}@container sperm-lab (max-width:1000px){.sl-workbench{grid-template-columns:minmax(0,1fr) minmax(0,2.3fr) minmax(0,1fr);gap:18px}.sl-canvas-wrap{min-height:280px}.sl-defect-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@container sperm-lab (max-width:800px){.sl-workbench{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"field field""left right""readouts readouts""notes notes""catalog catalog""inspector inspector";gap:22px}.sl-defect-catalog{-moz-column-gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.sl-controls{border-top:1px solid var(--sl-rule);padding-top:18px}.sl-factor-row input[type=range]{min-height:44px}.sl-factor-help summary{min-height:36px}.sl-canvas-wrap{aspect-ratio:1.6;min-height:300px;max-height:450px}.sl-defect-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-inspector-content{gap:18px}}@container sperm-lab (max-width:560px){.sl-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"field""left""right""readouts""notes""catalog""inspector"}.sl-defect-catalog{grid-template-columns:minmax(0,1fr)}.sl-canvas-wrap{aspect-ratio:1.15;min-height:270px;max-height:360px}.sl-factor-help summary{min-height:38px;font-size:11px}.sl-factor-help p,.sl-factor-help a{font-size:12px}.sl-factor-help a{min-height:44px}.sl-display{gap:4px 14px}.sl-display label{min-height:44px}.sl-defect-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-inspector-content{grid-template-columns:minmax(0,1fr);gap:12px}.sl-cell-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-mechanisms>ul{grid-template-columns:minmax(0,1fr)}}@container sperm-lab (max-width:330px){.sl-readouts dl{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-sample-tools button{font-size:10px}}@media (pointer:coarse){.sl-factor-row input[type=range],.sl-factor-help summary{min-height:44px}}@media (forced-colors:active){.sl-lab{--sl-ink:CanvasText;--sl-accent:LinkText;--sl-rule:CanvasText}.sl-canvas-wrap{border:1px solid canvastext}.sl-factor-row input[type=range]{appearance:auto}}@media print{.sl-lab canvas,.sl-actions,.sl-sample-tools,.sl-factor-row input{display:none}}