.calculator-app{padding-top:24px;--app-line:#cbd9cf;--app-muted:#425b50;--app-paper:#fffdf8}
.calculator-app .app-intro{max-width:none;margin:0 0 18px;display:flex;align-items:baseline;gap:30px;justify-content:space-between}
.calculator-app .app-intro h1{font:650 clamp(28px,3vw,42px)/1.16 'Segoe UI',Arial,sans-serif;letter-spacing:-.035em;margin:0;max-width:22ch}
.calculator-app .app-intro p{font-size:16px;line-height:1.6;color:var(--app-muted);max-width:52ch;margin:0}
.calculator-app .calculator-modes{border:0;border-bottom:1px solid var(--app-line);border-radius:0;background:transparent;padding:0;gap:28px;width:100%;margin:0 0 18px}
.calculator-app .calculator-modes a{background:transparent;border-radius:0;border-bottom:3px solid transparent;min-height:44px;padding:9px 0;color:#425b50;font-size:16px}
.calculator-app .calculator-modes a[aria-current=page]{background:transparent;border-bottom-color:#08776e;color:#233e37}
.calculator-app .mode-icon{display:none}
.calculator-app .calculator-workbench{padding:0;border:0;background:transparent;box-shadow:none}
.pair-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding:14px 0;margin-bottom:18px;background:#f8f7f2;border-block:1px solid var(--app-line);position:sticky;top:88px;z-index:6}
.pair-editor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pair-editor-tabs[hidden]{display:none}
.pair-editor-tabs button{display:grid;grid-template-columns:48px minmax(0,1fr);gap:1px 10px;border:0;background:transparent;padding:4px 10px;text-align:left;border-left:3px solid transparent;color:#233e37;min-height:60px}
.pair-editor-tabs button[data-active=true]{border-left-color:#08776e;background:#edf3e9}
.editor-tab-role{grid-row:1/3;font-size:13px;color:#425b50;align-self:center}
.pair-editor-tabs strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.pair-editor-tabs small{font-size:13px;line-height:1.4;color:#425b50}
.pair-toolbar-note{grid-column:1/-1;margin:0;font-size:13px!important;color:#425b50}
.calculator-app .calculator-submit{font-size:16px;min-height:50px;padding:12px 20px;border-radius:12px;background:#08776e;color:white;box-shadow:none;margin:0}
.calculator-app .app-parent-grid{gap:24px;align-items:start;margin:0}
.calculator-app .parent-card{padding:20px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-paper);box-shadow:none;min-width:0;display:block}
.calculator-app .parent-card[hidden]{display:none!important}
.calculator-app .genetics-manual[hidden]{display:none!important}
.calculator-app .manual-parent .parent-color-disc,.calculator-app .manual-parent [data-parent-selection],.calculator-app .manual-parent .parent-preview-note{display:none}
.calculator-app .manual-parent .parent-preview{padding:0;margin:0 0 12px;border:0}
.calculator-app .manual-parent .parent-kicker{font-size:16px;font-weight:600}
.editor-tab-action{font-size:13px;color:#08776e;align-self:center}
.pair-editor-tabs button{border:1px solid #b9cbc0;border-radius:9px}
.pair-editor-tabs button[data-active=true]{border-color:#08776e;box-shadow:inset 0 -2px #08776e}
@media(min-width:761px){.pair-editor-tabs button{grid-template-columns:48px minmax(0,1fr) auto}.editor-tab-action{grid-column:3;grid-row:1/3}.calculator-app .manual-parent .parent-color-choices>summary{display:none}.calculator-app .parent-card{border:0;border-top:1px solid var(--app-line);border-radius:0;padding:16px 0;background:transparent}}
@media(max-width:760px){.calculator-app .manual-parent .parent-preview{display:none}.pair-editor-tabs button{grid-template-columns:minmax(0,1fr) auto}.editor-tab-role{grid-column:1;grid-row:1}.editor-tab-action{grid-column:2;grid-row:1}.pair-editor-tabs strong,.pair-editor-tabs small{grid-column:1/-1}.calculator-app .app-intro h1{font-size:27px}}
.calculator-app .parent-card>legend{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.calculator-app .parent-preview{padding:0 0 14px;margin:0 0 14px;gap:14px;align-items:center;border-bottom:1px solid var(--app-line)}
.calculator-app .parent-color-disc{width:76px;height:58px;flex:0 0 76px;border-radius:9px;box-shadow:none;border:0;background:#edf3e9!important;display:grid;place-items:center;overflow:hidden}
.calculator-app .parent-color-disc::before,.calculator-app .parent-color-disc::after{content:none}
.calculator-app .parent-color-disc img{width:100%;height:100%;object-fit:contain}
.parent-photo-placeholder{font-size:28px;color:#718375}
.calculator-app .parent-kicker{font-size:13px;color:#425b50;letter-spacing:0;text-transform:none;margin-bottom:4px}
.calculator-app [data-parent-selection]{font:600 20px/1.3 'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}
.calculator-app .parent-preview-note{font-size:13px;color:#425b50;margin-top:3px}
.calculator-app .parent-color-choices{border:0;background:transparent;padding:0;margin:0}
.calculator-app #genetics-wizard .parent-color-choices>summary{font-size:16px;font-weight:600;min-height:44px;padding:4px 0;background:transparent;border:0}
.calculator-app .picture-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 12px}
.calculator-app .picture-color{position:relative;display:flex;flex-direction:column;gap:6px;border:1px solid var(--app-line);border-radius:10px;background:#fffefb;padding:6px;min-height:112px;align-items:stretch;text-align:center;color:#233e37}
.calculator-app .picture-color img{width:100%;height:75px;object-fit:contain;border-radius:6px;background:#eef0e8}
.calculator-app .picture-color>span:not(.color-check){font-size:13px;line-height:1.3}
.calculator-app .picture-color[aria-pressed=true]{border-color:#08776e;box-shadow:0 0 0 1px #08776e;background:#edf3e9}
.calculator-app .picture-color .color-check{position:absolute;right:8px;top:8px;width:20px;height:20px;background:#08776e;color:white;border-radius:50%}
.calculator-app .picture-color[aria-pressed=true] .color-check{display:grid;place-items:center}
.calculator-app .picture-color:hover{border-color:#08776e;background:#f0f5eb}
.calculator-app .picture-color:focus-visible,.pair-editor-tabs button:focus-visible{outline:2px solid #08776e;outline-offset:3px}
.calculator-app .picture-colors .color-unknown{grid-column:1/-1;min-height:44px;justify-self:start;font-size:13px;padding:8px 0;color:#425b50}
.calculator-app .picture-note{font-size:13px!important;line-height:1.5;color:#425b50;margin:5px 0 10px}
.calculator-app .all-colors{border:0;border-top:1px solid var(--app-line);background:transparent;padding:0;border-radius:0}
.calculator-app .all-colors>summary{font-size:13px;min-height:44px;padding:10px 0}
.calculator-app .parent-color-hint{font-size:13px!important;line-height:1.5;padding:0;background:transparent;border:0;color:#425b50;margin:10px 0 14px}
.calculator-app .parent-fur .field{margin-bottom:14px}.calculator-app .parent-fur label{font-size:13px}
.calculator-app .carrier-panel{border:0;border-top:1px solid var(--app-line);padding:0;margin:0;grid-column:1/-1}
.calculator-app #genetics-wizard .carrier-panel>summary{min-height:44px;padding:10px 0;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.calculator-app [data-carrier-summary]{font-size:13px;color:#425b50;font-weight:400}
.calculator-app .carrier-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calculator-app .carrier-state{border:0;border-radius:0;background:transparent;padding:0}
.calculator-app .inheritance-intro{font-size:13px;line-height:1.5;color:#425b50;margin:8px 0 12px}
.calculator-app .app-records,.calculator-app .parent-source-picker{border:0;border-top:1px solid var(--app-line);border-radius:0;background:transparent;padding:0;margin:0}
.calculator-app .app-records>summary,.calculator-app .parent-source-picker>summary{font-size:13px;min-height:44px;padding:10px 0;line-height:1.5}
.calculator-app .app-records .genetics-details{border-radius:8px;background:#f6f8f1}
.calculator-app .parent-state-summary{margin-top:12px}
.calculator-app .parent-next{font-size:16px;min-height:48px;width:100%;margin-top:16px}
.calculator-app .calculation-options{border:0;border-top:1px solid var(--app-line);background:transparent;padding:0;border-radius:0;margin-top:22px}
.calculator-app .calculation-result{border:1px solid var(--app-line);border-radius:16px;background:var(--app-paper);padding:24px;margin-top:32px}
.calculator-app .calculation-result>h2{font:650 30px/1.2 'Segoe UI',Arial,sans-serif;margin:10px 0 16px}
.calculator-app .calculation-result>p{max-width:74ch}
.calculator-app .offspring-heading h3{font-size:26px}.calculator-app .offspring-percent{font-size:38px}
.calculator-app .offspring-card{padding:20px;border-radius:12px}.calculator-app .offspring-atlas img{max-height:180px;object-fit:contain}
.calculator-app .offspring-intro,.calculator-app .offspring-card p{font-size:16px;line-height:1.6}
.calculator-app .result-uncertainty{font-size:16px;line-height:1.6;margin:12px 0}
.calculator-app .uncertainty-explanation,.calculator-app .denominator-more{border:0;border-bottom:1px solid var(--app-line);border-radius:0;padding:0;background:transparent;margin:8px 0}
.calculator-app .uncertainty-explanation>summary,.calculator-app .denominator-more>summary{font-size:13px;min-height:44px;padding:10px 0}
.calculator-app .offspring-section{margin-top:20px}
.calculator-app .calculation-result>.eyebrow,.calculator-app .offspring-heading .eyebrow{display:none}
.calculator-app .offspring-uncertainty{padding:0;border:0;border-bottom:1px solid var(--app-line);border-radius:0;background:transparent}
.calculator-app .offspring-uncertainty>summary{font-size:13px;min-height:44px;padding:10px 0}
.calculator-app input,.calculator-app select,.calculator-app textarea{font-size:16px}
.calculator-app .target-choice{padding:20px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-paper)}
.calculator-app .target-kind{margin:0 0 18px;max-width:570px}
.calculator-app .target-kind label{font-size:16px;border-radius:9px}
.calculator-app .target-picture-colors{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1000px}
.calculator-app .target-search{margin:18px 0 0;max-width:700px}
.calculator-app .target-limit,.calculator-app .calculator-footnote{font-size:13px!important;color:#425b50}
@media(max-width:760px){.calculator-app .target-choice{padding:14px}.calculator-app .target-picture-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.calculator-app .target-kind label{padding:8px 10px}.calculator-app .target-kind{margin-bottom:14px}}
@media(max-width:760px){.calculator-app{padding-top:18px}.calculator-app .app-intro{display:block;margin-bottom:14px}.calculator-app .app-intro h1{font-size:29px;max-width:none}.calculator-app .app-intro p{font-size:16px;margin-top:8px;line-height:1.5}.calculator-app .calculator-modes{gap:18px;margin-bottom:10px}.calculator-app .calculator-modes a{font-size:13px;padding:8px 0}.pair-toolbar{top:72px;grid-template-columns:1fr;gap:8px;padding:8px 0;margin-bottom:12px}.pair-editor-tabs{gap:8px}.pair-editor-tabs button{grid-template-columns:1fr;padding:6px 8px;gap:2px;min-height:80px}.editor-tab-role{grid-row:auto;font-size:13px}.pair-editor-tabs strong{font-size:13px}.pair-editor-tabs small{font-size:13px}.pair-toolbar-note{display:none}.calculator-app .calculator-submit{min-height:44px;padding:10px 14px;justify-self:stretch}.calculator-app .parent-card{padding:14px;display:block}.calculator-app .parent-preview{margin-bottom:8px;padding-bottom:10px}.calculator-app .parent-color-disc{width:64px;height:48px;flex-basis:64px}.calculator-app [data-parent-selection]{font-size:18px}.calculator-app .picture-color img{height:58px}.calculator-app .picture-color{min-height:96px;padding:5px}.calculator-app .picture-colors{gap:7px}.calculator-app .parent-color-hint{margin:8px 0 12px}.calculator-app .carrier-fields{grid-template-columns:1fr}.calculator-app .carrier-panel>summary{flex-wrap:wrap}.calculator-app .calculation-result{padding:20px 16px}.calculator-app .calculation-result>h2{font-size:27px}.calculator-app .offspring-heading h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.calculator-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.pair-editor-tabs [data-pair-record][hidden]{display:none}
.calculator-app .offspring-explanation{padding:0;border:0;border-bottom:1px solid var(--app-line);border-radius:0;background:transparent;margin:8px 0}
.calculator-app .offspring-explanation>summary{font-size:13px;min-height:44px;padding:10px 0}
.calculator-app .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.calculator-app .picture-colors[hidden]{display:none!important}
.calculator-app .parent-card{scroll-margin-top:230px}
.pair-toolbar-note:not([hidden]){display:block;grid-row:2;margin:0}
@media(max-width:760px){.pair-editor-tabs button{grid-template-columns:minmax(0,1fr) auto;min-height:64px}.editor-tab-role{grid-column:1;grid-row:1}.editor-tab-action{grid-column:2;grid-row:1}.pair-editor-tabs strong,.pair-editor-tabs small{grid-column:1/-1}.pair-toolbar .calculator-submit{grid-row:3}.calculator-app .app-intro h1{font-size:27px}}