#stPunnett{--pn-card:#fff;--pn-field:#fff;--pn-ink:#06266e;--pn-blue:#065cff;--pn-muted:#43628b;--pn-line:#c8d9ee;--pn-soft:#e8f5ff;--pn-green:#075747;--pn-mint:linear-gradient(110deg,#dff9ee,#effcf7 55%,#fff);--pn-mintline:#b7ead6;--pn-warn:#fff5da;--pn-warning:#9a4a00;background:#fff;color:var(--pn-ink);font:14px/1.4 Arial,Helvetica,sans-serif;width:100%;max-width:100%;min-width:0;padding:8px;border-radius:9px;isolation:isolate}#stPunnett *{box-sizing:border-box;min-width:0}#stPunnett [hidden]{display:none!important}#stPunnett :is(h2,h3,p){margin:0}#stPunnett h2{color:var(--pn-ink);font-size:19px;line-height:1.25;margin-bottom:12px;letter-spacing:-.3px}#stPunnett h3{font-size:17px;line-height:1.3}#stPunnett .pn-subtitle{font-size:15px;margin-bottom:10px}#stPunnett .pn-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}#stPunnett button{background:var(--pn-card);color:var(--pn-blue);border:1px solid var(--pn-blue);border-radius:6px;font:700 13px/1.3 Arial,sans-serif;padding:10px 8px;cursor:pointer;white-space:normal}#stPunnett .pn-primary,#stPunnett .pn-toggle [aria-pressed=true]{background:#065cff;color:#fff;border-color:#065cff}#stPunnett .pn-presets button{display:flex;align-items:center;gap:8px;height:99px;padding:7px;border-color:var(--pn-line);border-radius:7px;color:var(--pn-ink);font-size:12px}#stPunnett .pn-presets [aria-pressed=true]{background:var(--pn-soft);border:2px solid var(--pn-blue);padding:6px}#stPunnett .pn-presets button>*{pointer-events:none}#stPunnett .pn-thumb{width:44%;height:80px;display:block;flex-shrink:0;overflow:hidden}#stPunnett .pn-thumb svg{width:100%;height:100%;display:block}#stPunnett .pn-main,#stPunnett .pn-education{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#stPunnett .pn-panel{background:var(--pn-card);border:1px solid var(--pn-line);border-radius:8px;padding:12px;overflow:hidden}#stPunnett #pnForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:12px 10px;align-items:center}#stPunnett label{font-size:13px;font-weight:700;color:var(--pn-ink)}#stPunnett .pn-full{grid-column:1/-1}#stPunnett :is(input,select,textarea){background:var(--pn-field);color:var(--pn-ink);font:13px Arial,sans-serif;padding:8px;border:1px solid var(--pn-line);border-radius:6px;width:100%;max-width:100%}#stPunnett :is(input,select){height:36px}#stPunnett .pn-weight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}#stPunnett .pn-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#stPunnett .pn-toggle button{padding:7px 4px;font-size:12px;font-weight:400;border-color:var(--pn-line)}#stPunnett .pn-unitfield{display:flex;align-items:center;border:1px solid var(--pn-line);border-radius:6px;background:var(--pn-field);overflow:hidden}#stPunnett .pn-unitfield input{border:0;border-radius:0}#stPunnett .pn-unitfield span{font-size:11px;color:var(--pn-muted);padding:9px 6px;border-left:1px solid var(--pn-line);flex-shrink:0}#stPunnett .pn-strength{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#stPunnett .pn-strength.pn-single{grid-template-columns:minmax(0,1fr)}#stPunnett .pn-help{font-size:11px;color:var(--pn-muted);margin-top:-6px}#stPunnett .pn-soft{background:var(--pn-soft);border:1px solid var(--pn-line);border-radius:6px;padding:10px 12px}#stPunnett #pnConcentration{font-size:12px;text-align:center;padding:7px}#stPunnett .pn-cat{width:100%;height:auto;overflow:hidden}#stPunnett .pn-cat svg{width:100%;height:auto;display:block;overflow:hidden}#stPunnett .pn-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#stPunnett .pn-actions button{padding:11px 6px}#stPunnett .pn-heading{display:flex;gap:8px;justify-content:space-between;align-items:start;margin-bottom:12px}#stPunnett .pn-heading h2{margin:0;font-size:18px}#stPunnett .pn-badge{font-size:10px;border:1px solid var(--pn-line);border-radius:6px;padding:4px 5px;background:var(--pn-soft);color:var(--pn-blue);flex-shrink:0}#stPunnett .pn-hero{background:var(--pn-mint);border:1px solid var(--pn-mintline);border-radius:8px;color:var(--pn-green);text-align:center;padding:18px 8px}#stPunnett .pn-hero strong{font-size:46px;line-height:1.2;font-weight:800;letter-spacing:-1.2px;display:block;overflow-wrap:anywhere}#stPunnett .pn-hero b{font-size:16px;display:block;margin-top:4px}#stPunnett .pn-hero p{font-size:17px;line-height:1.35;font-weight:700;margin-top:9px;overflow-wrap:anywhere}#stPunnett .pn-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}#stPunnett .pn-metrics>div{border:1px solid var(--pn-line);border-radius:6px;padding:10px 4px;text-align:center}#stPunnett .pn-metrics small{font-size:11px;display:block}#stPunnett .pn-metrics strong{font-size:16px;line-height:1.35;display:block;margin-top:4px;overflow-wrap:anywhere}#stPunnett .pn-conversion{border:1px solid var(--pn-line);border-radius:6px;padding:9px;margin-top:8px}#stPunnett .pn-conversion h3{border-bottom:1px solid var(--pn-line);padding-bottom:6px}#stPunnett .pn-process{display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:5px;padding:5px 0}#stPunnett .pn-product svg{width:100%;height:auto;display:block;overflow:hidden}#stPunnett .pn-equation{font-size:14px;font-weight:700;text-align:center;overflow-wrap:anywhere}#stPunnett .pn-conversion>small{font-size:9px;color:var(--pn-muted);display:block;margin-top:4px}#stPunnett .pn-brand{font-size:10px;color:var(--pn-muted);text-align:right;opacity:.8}#stPunnett .pn-brandmark{display:inline-block;border:1px solid currentColor;border-radius:3px;padding:0 2px;font-weight:700}#stPunnett .pn-unitnote{font-size:11px;line-height:1.5;margin-top:8px}#stPunnett .pn-copy{width:100%;padding:8px;margin-top:8px;font-size:13px;background:var(--pn-card);color:var(--pn-blue);border:1px solid var(--pn-blue);border-radius:6px}#stPunnett #pnCopyStatus{font-size:10px;margin-top:3px}#stPunnett textarea{min-height:110px}#stPunnett .pn-warning{display:flex;align-items:center;gap:12px;border:1px solid #e8b65b;border-radius:6px;padding:11px 12px;background:var(--pn-warn);color:var(--pn-warning);margin-top:8px}#stPunnett .pn-warning>span{border-radius:50%;background:#d68c00;color:white;font-size:24px;font-weight:700;line-height:32px;width:32px;flex-shrink:0;text-align:center}#stPunnett .pn-warning b{font-size:17px}#stPunnett .pn-warning p{font-size:12px;margin-top:3px;color:var(--pn-ink)}#stPunnett .pn-protocol{margin-top:8px}#stPunnett .pn-protocol ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 10px}#stPunnett .pn-protocol li{display:flex;align-items:center;gap:10px;font-size:13px}#stPunnett .pn-protocol li+li{border-left:1px solid var(--pn-line);padding-left:10px}#stPunnett .pn-protocol li>span{background:var(--pn-soft);color:var(--pn-blue);font-size:20px;font-weight:700;border-radius:50%;width:35px;line-height:35px;text-align:center;flex-shrink:0}#stPunnett .pn-protocol a{border-top:1px solid var(--pn-line);padding-top:8px;display:block;color:var(--pn-muted);text-align:center;font-size:11px;text-decoration:none}#stPunnett .pn-protocol p{text-align:center;font-size:10px;color:var(--pn-muted);margin-top:4px}#stPunnett .pn-education{margin-top:8px}#stPunnett .pn-education h2{font-size:18px}#stPunnett .pn-education .pn-soft{font-size:13px;line-height:1.6}#stPunnett hr{border:0;border-top:1px solid var(--pn-line);margin:8px 0}#stPunnett summary{cursor:pointer;list-style:none;border:1px solid var(--pn-line);border-radius:5px;background:var(--pn-field);padding:7px 26px 7px 9px;font-size:13px;color:var(--pn-ink);position:relative}#stPunnett summary:after{content:'⌄';position:absolute;right:9px;top:7px}#stPunnett details[open]>summary:after{content:'⌃'}#stPunnett details+details{margin-top:5px}#stPunnett details>p{font-size:12px;color:var(--pn-muted);padding:9px}#stPunnett .pn-more>summary{font-size:10px;border:0;margin-top:4px}#stPunnett .pn-sourcespanel{margin-top:8px}#stPunnett .pn-sourcespanel h2{font-size:18px;margin-bottom:8px}#stPunnett .pn-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#stPunnett .pn-sources a{display:flex;align-items:center;gap:12px;background:var(--pn-card);border:1px solid var(--pn-line);border-radius:6px;padding:10px;text-decoration:none;color:var(--pn-ink);font-size:12px;overflow-wrap:anywhere}#stPunnett .pn-sources img{width:86px;height:42px;object-fit:contain;flex:0 0 86px;border-radius:3px;background:#fff;padding:4px}#stPunnett .pn-sources a>span{border-left:1px solid var(--pn-line);padding-left:12px}#stPunnett .pn-sources small{display:block;margin-top:3px;font-size:11px;color:var(--pn-blue)}#stPunnett .pn-sourcespanel>p{font-size:10px;color:var(--pn-muted);margin-top:5px;text-align:center}#stPunnett .pn-chips{display:flex;flex-wrap:wrap;gap:5px;font-size:11px;align-items:center}#stPunnett .pn-chips button{font-size:11px;padding:5px}#stPunnett :is(#pnError,#pnReview){font-size:12px;border:1px solid #e8b65b;border-radius:6px;background:var(--pn-warn);color:var(--pn-warning);padding:8px}#stPunnett #pnReview{margin-top:8px}#stPunnett button:disabled{opacity:.5;cursor:not-allowed}#stPunnett :is(button,input,select,summary,a):focus-visible{outline:3px solid #53afff;outline-offset:3px}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett{--pn-card:#13263c;--pn-field:#0e2033;--pn-ink:#c6e3ff;--pn-blue:#72b6ff;--pn-muted:#accbed;--pn-line:#3b5d7b;--pn-soft:#19374d;--pn-green:#a4f0cf;--pn-mint:linear-gradient(110deg,#103c34,#153a36 60%,#132b32);--pn-mintline:#347e69;--pn-warn:#382d1c;--pn-warning:#ffce88;background:#0c1b2c}
@media(max-width:760px){#stPunnett .pn-main,#stPunnett .pn-education{grid-template-columns:minmax(0,1fr)}#stPunnett .pn-presets{grid-template-columns:repeat(2,minmax(0,1fr))}#stPunnett .pn-presets button{height:85px}#stPunnett .pn-thumb{height:67px}#stPunnett .pn-sources{grid-template-columns:minmax(0,1fr)}#stPunnett .pn-protocol ol{grid-template-columns:minmax(0,1fr)}#stPunnett .pn-protocol li+li{border-left:0;padding-left:0}#stPunnett .pn-hero strong{font-size:37px}#stPunnett .pn-hero p{font-size:15px}#stPunnett .pn-metrics strong{font-size:14px}#stPunnett .pn-equation{font-size:12px}#stPunnett .pn-heading h2{font-size:16px}#stPunnett .pn-badge{font-size:9px}}
@media(max-width:350px){#stPunnett .pn-panel{padding:10px}#stPunnett #pnForm{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px 6px}#stPunnett label{font-size:12px}#stPunnett .pn-unitfield span{font-size:9px;padding:8px 3px}#stPunnett input{padding:7px 4px}#stPunnett .pn-heading{flex-wrap:wrap}#stPunnett .pn-badge{font-size:9px}#stPunnett .pn-metrics{gap:5px}#stPunnett .pn-metrics strong{font-size:12px}#stPunnett .pn-metrics small{font-size:10px}#stPunnett .pn-sources img{width:65px;flex-basis:65px}#stPunnett .pn-sources a{gap:7px;padding:7px}#stPunnett .pn-sources a>span{padding-left:7px}}

#stPunnett .pn-equation,#stPunnett #pnExample{white-space:pre-line}

#stPunnett #pnDailyNote{margin-top:6px}

#stPunnett .pn-presets button{height:92px}#stPunnett .pn-presets small{font-size:10px;display:block;font-weight:400;margin-top:3px}#stPunnett .pn-thumb{height:73px}#stPunnett .pn-presetnote{font-size:11px;color:var(--pn-muted);margin:-2px 0 8px}#stPunnett #pnForm,#stPunnett .pn-budget-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px 9px;align-items:center}#stPunnett .pn-full{grid-column:1/-1}#stPunnett .pn-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px}#stPunnett .pn-toggle button{padding:8px 3px}#stPunnett .pn-source button{font-size:11px}#stPunnett #pnVolume{font-size:12px;text-align:center;padding:7px}#stPunnett .pn-budget-controls>summary{font-size:14px;font-weight:700;background:var(--pn-soft);padding:10px 28px 10px 12px;border-color:var(--pn-line)}#stPunnett .pn-budget-form{margin-top:9px}#stPunnett .pn-assumptions{font-size:11px;line-height:1.45;padding:9px 10px}#stPunnett .pn-hero strong{font-size:43px}#stPunnett .pn-metrics strong{font-size:18px}#stPunnett .pn-metrics small+strong+small{font-size:10px;color:var(--pn-muted);margin-top:4px}#stPunnett .pn-metrics>div{padding:10px 4px}#stPunnett .pn-heading h2{font-size:18px}#stPunnett .pn-visual{border:1px solid var(--pn-line);border-radius:6px;margin-top:8px;padding:8px}#stPunnett .pn-visual h3{font-size:19px;margin-bottom:6px}#stPunnett #pnRoomArt{width:100%;height:auto;display:block;font-family:Arial;color:var(--pn-ink);overflow:hidden}#stPunnett .pn-artbadge{fill:var(--pn-soft)}#stPunnett .pn-arttiny{fill:var(--pn-ink);font-size:10px}#stPunnett .pn-artvalue{fill:var(--pn-ink);font-size:13px;font-weight:700}#stPunnett .pn-cylinder-text{fill:#264d6a;font-size:8px;font-weight:700}#stPunnett .pn-brand{color:var(--pn-muted);fill:currentColor;opacity:.7}#stPunnett .pn-night-art{display:none}#stPunnett .pn-artcaption{font-size:9px;color:var(--pn-muted);display:block;margin-top:3px}#stPunnett .pn-daily{margin-top:8px;text-align:center;font-size:12px}#stPunnett .pn-daily strong{font-size:13px}#stPunnett .pn-daily p{font-size:10px;margin-top:4px}#stPunnett #pnCopy{width:100%;padding:8px;margin-top:8px;background:var(--pn-card);color:var(--pn-blue);border:1px solid var(--pn-blue);border-radius:6px;font:700 13px/1.3 Arial,sans-serif}#stPunnett #pnCopyStatus{font-size:10px;margin-top:3px}#stPunnett #pnExample{font-size:12px;line-height:1.6;white-space:pre-line}#stPunnett .pn-checks{margin-top:8px}#stPunnett .pn-checks h2{font-size:18px}#stPunnett .pn-checks ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 10px}#stPunnett .pn-checks li{display:flex;align-items:center;gap:10px;font-size:12px}#stPunnett .pn-checks li+li{border-left:1px solid var(--pn-line);padding-left:10px}#stPunnett .pn-checks li>span{background:var(--pn-soft);color:var(--pn-blue);font-size:19px;font-weight:700;border-radius:50%;width:32px;line-height:32px;text-align:center;flex-shrink:0}#stPunnett .pn-checks>p{text-align:center;font-size:10px;color:var(--pn-muted);border-top:1px solid var(--pn-line);padding-top:7px}#stPunnett :is(#pnError,#pnModelStatus){font-size:12px;border:1px solid #e8b65b;border-radius:6px;background:var(--pn-warn);color:var(--pn-warning);padding:8px}#stPunnett #pnModelStatus{margin-top:8px}#stPunnett #pnFlowLine{animation:grFlow var(--pn-flow-speed,3s) linear infinite}#stPunnett.pn-no-flow #pnFlowLine{animation:none;opacity:.3}@keyframes grFlow{to{stroke-dashoffset:-18}}@media(prefers-reduced-motion:reduce){#stPunnett #pnFlowLine{animation:none}}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-day-art{display:none}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-night-art{display:block}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-sources img{background:transparent}
@media(max-width:760px){#stPunnett .pn-presets button{height:85px}#stPunnett .pn-thumb{height:66px}#stPunnett .pn-metrics strong{font-size:16px}#stPunnett .pn-hero strong{font-size:36px}#stPunnett .pn-checks ol{grid-template-columns:minmax(0,1fr)}#stPunnett .pn-checks li+li{border:0;padding-left:0}#stPunnett .pn-visual h3{font-size:17px}}
@media(max-width:350px){#stPunnett #pnForm,#stPunnett .pn-budget-form{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px 6px}#stPunnett .pn-pair{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:4px}#stPunnett .pn-source button{font-size:10px}#stPunnett .pn-metrics strong{font-size:13px}#stPunnett .pn-metrics small{font-size:9px}#stPunnett .pn-heading{flex-wrap:wrap}}

#stPunnett .pn-visual{container-type:inline-size}
@container(max-width:350px){#stPunnett .pn-artvalue{font-size:17px}#stPunnett .pn-arttiny{font-size:13px}#stPunnett #pnArtTarget{font-size:18px}}

#stPunnett #pnForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px 9px;align-items:center}#stPunnett .pn-three{grid-template-columns:repeat(3,minmax(0,1fr))}#stPunnett .pn-hero-unit{font-size:30px;line-height:1.3;font-weight:800;display:block}#stPunnett .pn-hero strong{font-size:54px}#stPunnett .pn-hero{padding:17px 8px}#stPunnett .pn-hero p{font-size:15px;margin-top:5px}#stPunnett .pn-hero b{font-size:16px}#stPunnett .pn-conversion-controls summary{background:var(--pn-soft);font-weight:700;font-size:15px}#stPunnett .pn-conversion-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:10px 8px;align-items:center;margin:8px 0}#stPunnett .pn-conversion-controls .pn-help{padding:4px 0;margin:0}#stPunnett label small{display:block;font-size:10px;font-weight:400;margin-top:3px}#stPunnett #pnSlider{height:16px;padding:0;border:0;accent-color:#065cff;margin-top:5px;cursor:pointer}#stPunnett .pn-range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--pn-muted)}#stPunnett input:disabled{opacity:.8;cursor:default}#stPunnett input:read-only{background:var(--pn-soft)}#stPunnett .pn-photo svg{display:block;width:100%;height:auto;border-radius:5px}#stPunnett .pn-visual{border:0;padding:0;margin-top:12px}#stPunnett .pn-visual h3{font-size:19px;margin-bottom:5px}#stPunnett .pn-visual-grid{display:grid;grid-template-columns:46% 54%;align-items:center}#stPunnett #pnClock{width:100%;height:auto;display:block;overflow:visible}#stPunnett .pn-clockcore{fill:var(--pn-card)}#stPunnett .pn-clocktext{fill:var(--pn-ink);font:700 17px Arial,sans-serif}#stPunnett .pn-clocklabels{fill:var(--pn-ink);font:700 14px Arial,sans-serif}#stPunnett .pn-bench-art svg{width:100%;height:auto;display:block}#stPunnett .pn-artcaption{text-align:center;font-size:9px}#stPunnett .pn-goalbar,#stPunnett .pn-par{border:1px solid var(--pn-line);border-radius:6px;padding:9px;margin-top:8px}#stPunnett .pn-goalbar>div:first-child{display:flex;justify-content:space-between;gap:6px;align-items:center}#stPunnett .pn-goalbar h3,#stPunnett .pn-par h3{font-size:14px}#stPunnett .pn-goalbar small{font-size:10px;color:var(--pn-muted)}#stPunnett .pn-bar-row{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:13px}#stPunnett #pnProgress{height:24px;flex:1;border-radius:8px;background:var(--pn-soft);overflow:hidden}#stPunnett #pnBar{display:block;height:100%;width:98.2%;background:linear-gradient(#70dca5,#22ad73);border-radius:8px}#stPunnett .pn-spectrum{height:25px;border-radius:8px;margin-top:8px;background:linear-gradient(90deg,#9426bd,#5100e8,#0456ff,#00d8e4,#12ee18,#ddf400,#ffe500,#ff6a19,#ef1d37,#8a1824)}#stPunnett .pn-par-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:9px}#stPunnett .pn-par>small{display:block;text-align:center;color:var(--pn-muted);font-size:9px;margin-top:6px}#stPunnett .pn-brand{text-align:right;font-size:9px;opacity:.65;margin-top:3px}#stPunnett .pn-brandmark{display:inline-block;border:1px solid currentColor;border-radius:3px;padding:0 2px}#stPunnett .pn-sources img{width:160px;flex-basis:160px;height:48px;background:transparent;padding:0}#stPunnett .pn-msumark{display:flex;align-items:center;gap:6px;flex:0 0 160px}#stPunnett .pn-msumark img:first-child{width:33px;flex-basis:33px}#stPunnett .pn-msumark img:last-child{width:121px;flex-basis:121px}#stPunnett .pn-checks ol{margin:0}#stPunnett .pn-assumptions{font-size:12px;padding:9px 12px}#stPunnett .pn-metrics strong{font-size:19px}#stPunnett .pn-metrics #pnRequiredPPFD{font-size:17px}#stPunnett #pnStatus{margin-top:8px}#stPunnett .pn-thumb{height:65px}#stPunnett .pn-presets button{height:84px}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-sources img{filter:brightness(0) invert(1)}
@media(max-width:760px){#stPunnett .pn-sources img{width:140px;flex-basis:140px}#stPunnett .pn-msumark{flex-basis:140px}#stPunnett .pn-msumark img:last-child{width:101px;flex-basis:101px}#stPunnett .pn-hero strong{font-size:46px}#stPunnett .pn-hero-unit{font-size:26px}}
@media(max-width:350px){#stPunnett .pn-metrics strong{font-size:14px}#stPunnett .pn-metrics #pnRequiredPPFD{font-size:12px}#stPunnett .pn-goalbar>div:first-child{flex-wrap:wrap}#stPunnett .pn-sources img{width:95px;flex-basis:95px}#stPunnett .pn-msumark{flex-basis:95px}#stPunnett .pn-msumark img:first-child{width:25px;flex-basis:25px}#stPunnett .pn-msumark img:last-child{width:64px;flex-basis:64px}#stPunnett .pn-conversion-form{grid-template-columns:1fr 1.5fr}#stPunnett .pn-clocklabels{font-size:17px}}
#stPunnett .pn-helmet{display:block;width:33px;height:33px;overflow:hidden;flex:0 0 33px}#stPunnett .pn-msumark .pn-helmet img{display:block;width:296.113px!important;max-width:none;height:33px;object-fit:fill;object-position:left;padding:0;background:transparent}#stPunnett .pn-msumark>img{width:121px;flex-basis:121px}@media(max-width:760px){#stPunnett .pn-msumark>img{width:101px;flex-basis:101px}}@media(max-width:350px){#stPunnett .pn-msumark{flex-basis:95px;gap:4px}#stPunnett .pn-msumark>img{width:58px;flex-basis:58px}}

#stPunnett .pn-presets{grid-template-columns:repeat(3,1fr)}#stPunnett .pn-presets button{height:82px;gap:12px}#stPunnett .pn-thumb{width:65px;height:55px}#stPunnett .pn-thumb svg{width:100%;height:100%}#stPunnett .pn-main{align-items:stretch}#stPunnett .pn-form{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;align-items:center}#stPunnett .pn-form input{font-size:17px;font-weight:700;height:39px}#stPunnett .pn-gametes{margin-top:8px;border:1px solid var(--pn-line);border-radius:6px;padding:10px}#stPunnett .pn-gametes h3{font-size:15px;margin-bottom:8px}#stPunnett .pn-gamete-row{display:flex;align-items:center;gap:7px;margin-top:6px}#stPunnett .pn-gamete-row>b{font-size:11px;width:64px;flex:0 0 64px}#stPunnett .pn-gamete{flex:1;border:1px solid var(--pn-line);border-radius:6px;padding:7px 3px;background:var(--pn-soft);text-align:center;font-size:16px;font-weight:700}#stPunnett .pn-gamete small{display:block;font-weight:400;font-size:10px}#stPunnett .pn-form .pn-soft{font-size:12px}#stPunnett .pn-illustration{width:100%;height:248px;object-fit:contain;display:block;margin:4px 0}#stPunnett .pn-artnote{font-size:10px;color:var(--pn-muted);text-align:center;margin-bottom:9px}#stPunnett .pn-hero{padding:17px 8px}#stPunnett .pn-hero strong{font-size:45px}#stPunnett .pn-hero b{font-size:15px}#stPunnett .pn-hero p{font-size:14px}#stPunnett .pn-phenotypes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}#stPunnett .pn-phenotypes>div{border:1px solid var(--pn-line);border-radius:6px;padding:8px 10px;background:var(--pn-card)}#stPunnett .pn-phenotypes small{font-size:10px;display:block}#stPunnett .pn-phenotypes strong{font-size:20px;display:block;margin:2px 0}#stPunnett .pn-phenotypes b{font-size:11px}#stPunnett .pn-mini-bar{height:5px;border-radius:4px;background:var(--pn-soft);margin-top:5px}#stPunnett .pn-mini-bar span{display:block;height:100%;border-radius:4px;background:currentColor}#stPunnett .pn-gridpanel{margin-top:10px}#stPunnett .pn-gridpanel h3{font-size:18px}#stPunnett .pn-axis{font-size:10px;text-align:center;margin:5px 0;color:var(--pn-muted)}#stPunnett table{table-layout:fixed;border-spacing:5px;width:100%;font-size:15px}#stPunnett th{background:var(--pn-soft);border:1px solid var(--pn-line);border-radius:5px;padding:8px 2px;color:var(--pn-blue)}#stPunnett th:first-child{width:43px}#stPunnett td{border:1px solid var(--pn-line);border-radius:6px;text-align:center;padding:9px 2px;font-weight:700;height:47px}#stPunnett td.sel{outline:2px solid var(--pn-blue);outline-offset:-2px;box-shadow:inset 0 0 0 2px #fff}#stPunnett .c0{background:#e4f7ee;color:#075747}#stPunnett .c1{background:#e7f2ff;color:#1857a0}#stPunnett .c2{background:#fff2d4;color:#895409}#stPunnett .c3{background:#f1eafa;color:#724a9f}#stPunnett .pn-selected{font-size:11px;background:var(--pn-soft);border:1px solid var(--pn-line);border-radius:5px;padding:8px;margin-top:5px}#stPunnett .pn-gametetip{font-size:10px;color:var(--pn-muted);margin-top:5px}#stPunnett .pn-brand{margin-top:5px}#stPunnett .pn-genotypepanel{margin-top:8px}#stPunnett .pn-genotypepanel h2{margin-bottom:8px}#stPunnett .pn-genotype-head{display:flex;justify-content:space-between;align-items:center}#stPunnett .pn-genotype-head>span{font-size:11px;color:var(--pn-muted)}#stPunnett .pn-genotypes{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}#stPunnett .pn-genotypes>div{padding:10px 4px;border:1px solid var(--pn-line);border-radius:6px;text-align:center}#stPunnett .pn-genotypes b{font-size:15px}#stPunnett .pn-genotypes strong{display:block;font-size:16px;margin:4px 0}#stPunnett .pn-genotypes small{font-size:10px}#stPunnett .pn-sources img{width:135px;height:42px;flex-basis:135px;padding:2px;object-fit:contain;background:white}#stPunnett .pn-sources a{padding:10px}#stPunnett .pn-education{align-items:start}#stPunnett .pn-education .pn-panel{min-height:180px}#stPunnett h2{margin-bottom:10px}#stPunnett .pn-checks ol{margin:0}#stPunnett .pn-subtitle{margin-bottom:9px}#stPunnett .pn-heading h2{font-size:18px}#stPunnett .pn-actions{margin-top:8px}#stPunnett .pn-grid-legend{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;margin:5px 0}#stPunnett .pn-grid-legend span{border-radius:4px;padding:3px 5px}

#stPunnett .pn-table-wrap{overflow-x:auto}#stPunnett table td{padding:0}#stPunnett td button{display:block;width:100%;height:47px;padding:8px 2px;border:0;border-radius:6px;color:inherit;background:transparent;font:700 15px Arial,sans-serif}#stPunnett td.sel{outline:2px solid var(--pn-blue);outline-offset:-2px;box-shadow:inset 0 0 0 2px var(--pn-card)}#stPunnett .pn-gametes .pn-gamete-row{display:grid;grid-template-columns:64px repeat(var(--pn-gamete-count,4),minmax(0,1fr));gap:7px}#stPunnett .pn-gamete-row>b{width:auto}#stPunnett .pn-presetnote{font-size:11px}#stPunnett .pn-error{font-size:12px;padding:9px;border:1px solid #e8b65b;border-radius:6px;background:var(--pn-warn);color:var(--pn-warning);margin-top:8px}#stPunnett #pnCopyStatus{font-size:10px;margin-top:3px}#stPunnett .pn-illustration-wrap{height:248px;margin:4px 0}#stPunnett .pn-illustration{margin:0;width:100%;height:100%;object-fit:contain}#stPunnett .pn-night-art{display:none}#stPunnett .pn-genotypes.pn-few{grid-template-columns:repeat(var(--pn-genotypes),minmax(0,1fr))}#stPunnett .pn-form input[readonly]{font-size:17px}#stPunnett .pn-sources img{background:transparent}#stPunnett .pn-sources img.pn-ncbilogo{background:white;border-radius:3px}#stPunnett .pn-genotypes>div{overflow-wrap:anywhere}#stPunnett .pn-hero strong{overflow-wrap:anywhere}#stPunnett .pn-gamete-row{margin-bottom:5px}#stPunnett .pn-genotype-head{gap:8px}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-day-art{display:none}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-night-art{display:block}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .c0{background:#143d35;color:#a4f0cf}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .c1{background:#183654;color:#b5dcff}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .c2{background:#40321d;color:#ffe1a2}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .c3{background:#322647;color:#ddc4fa}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-sources img:not(.pn-ncbilogo){filter:brightness(0) invert(1)}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-sources img.pn-ncbilogo{filter:invert(1);background:transparent}
@media(max-width:760px){#stPunnett .pn-presets{grid-template-columns:repeat(3,minmax(0,1fr))}#stPunnett .pn-presets button{gap:5px;padding:5px;height:85px}#stPunnett .pn-thumb{width:40px;flex-shrink:0}#stPunnett .pn-presets small{font-size:9px}#stPunnett .pn-presets b{font-size:11px}#stPunnett .pn-genotypes,#stPunnett .pn-genotypes.pn-few{grid-template-columns:repeat(3,minmax(0,1fr))}#stPunnett .pn-genotype-head{align-items:start;flex-wrap:wrap;margin-bottom:8px}#stPunnett .pn-sources img{width:110px;flex-basis:110px}#stPunnett .pn-hero strong{font-size:40px}}
@media(max-width:480px){#stPunnett .pn-presets button{flex-direction:column;height:110px;gap:3px;text-align:center}#stPunnett .pn-thumb{height:39px;width:45px}#stPunnett .pn-heading{flex-wrap:wrap}#stPunnett .pn-form{grid-template-columns:1fr 1.5fr;gap:10px 6px}#stPunnett .pn-form label{font-size:12px}#stPunnett .pn-unitfield span{font-size:9px}#stPunnett .pn-form input{padding:8px 4px}#stPunnett .pn-gametes{padding:8px 6px}#stPunnett .pn-gametes .pn-gamete-row{grid-template-columns:47px repeat(var(--pn-gamete-count,4),minmax(0,1fr));gap:4px}#stPunnett .pn-gamete-row>b{font-size:9px}#stPunnett .pn-gamete{padding:6px 2px;font-size:14px}#stPunnett th:first-child{width:34px}#stPunnett table{font-size:13px;border-spacing:3px}#stPunnett td button{font-size:12px;padding:6px 1px}#stPunnett .pn-phenotypes>div{padding:8px}#stPunnett .pn-phenotypes strong{font-size:19px}#stPunnett .pn-selected{font-size:10px}#stPunnett .pn-sources img{width:90px;flex-basis:90px}#stPunnett .pn-warning b{font-size:15px}}
:is(html.st-master-dark,html.dark,body.dark,[data-theme=dark]) #stPunnett .pn-sources img.pn-ncbilogo{mix-blend-mode:screen}
#stPunnett .pn-form #pnLocus1,#stPunnett .pn-form #pnLocus2{font-size:15px}#stPunnett .pn-form #pnLocus1:not([value='A / a']),#stPunnett .pn-form #pnLocus2:not([value='B / b']){font-size:13px}
#stPunnett #pnForm{display:block}