:root{--accent:var(--calc-purple);--accent-light:var(--calc-purple-light)}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.calc-wrapper{max-width:860px;margin:0 auto;padding:0 1rem 2rem}.preset-strip{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.preset-chip{color:var(--calc-text-muted);cursor:pointer;user-select:none;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.preset-chip:hover{color:var(--calc-text-primary);background:#a855f714;border-color:#a855f766}.preset-chip.active{background:var(--calc-purple-soft);border-color:var(--calc-purple);color:var(--calc-purple)}.tab-strip{border-bottom:1px solid #ffffff12;gap:.25rem;margin-bottom:1.5rem;padding-bottom:0;display:flex}.tab-btn{color:var(--calc-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-1px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:color .18s,border-color .18s}.tab-btn:hover{color:var(--calc-text-primary)}.tab-btn.active{color:var(--calc-purple);border-bottom-color:var(--calc-purple)}.tab-content{display:none}.tab-content.active{display:block}.input-card{background:var(--calc-bg-card);border-radius:var(--calc-radius-lg);border:1px solid #ffffff12;margin-bottom:1.25rem;padding:1.5rem}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--calc-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.form-group select{background:var(--calc-bg-input);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);cursor:pointer;border:1px solid #ffffff1a;width:100%;padding:.6rem .9rem;font-size:.95rem;transition:border-color .18s}.form-group select:focus{border-color:var(--calc-purple);outline:none;box-shadow:0 0 0 2px #a855f72e}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.full-width-sm{grid-column:1/-1}.result-card{background:var(--calc-bg-card);border-radius:var(--calc-radius-lg);border:1px solid #ffffff12;margin-bottom:1.25rem;padding:1.5rem}.hero-result{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:1.5rem 1rem 1rem;display:flex}.hero-badge-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}#heroBadge{width:84px;height:84px;font-size:1.85rem;font-weight:800;font-family:var(--calc-font-mono);letter-spacing:-.02em;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.hero-sub{color:var(--calc-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:500}.compat-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.compat-card{border-radius:var(--calc-radius-md);background:#ffffff08;border:1px solid #ffffff0f;padding:1rem}.compat-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--calc-text-muted);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.compat-count{color:var(--calc-text-muted);font-size:.7rem;font-weight:500}.badge-list{flex-wrap:wrap;gap:.4rem;display:flex}.blood-badge{font-size:.8rem;font-weight:700;font-family:var(--calc-font-mono);border:1px solid #0000;border-radius:999px;align-items:center;padding:.25rem .65rem;transition:transform .12s;display:inline-flex}.blood-badge:hover{transform:scale(1.05)}.blood-badge[data-abo=o]{color:#2dd4bf;background:#2dd4bf26;border-color:#2dd4bf59}.blood-badge[data-abo=a]{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa59}.blood-badge[data-abo=b]{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b59}.blood-badge[data-abo=ab]{color:#c084fc;background:#a855f726;border-color:#a855f759}[data-theme=light] .blood-badge[data-abo=o]{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}[data-theme=light] .blood-badge[data-abo=a]{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}[data-theme=light] .blood-badge[data-abo=b]{color:#92400e;background:#fef3c7;border-color:#fde68a}[data-theme=light] .blood-badge[data-abo=ab]{color:#6b21a8;background:#f3e8ff;border-color:#e9d5ff}.universal-banner{border-radius:var(--calc-radius-md);color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2440;margin-bottom:1.25rem;padding:.9rem 1.1rem;font-size:.85rem;line-height:1.5;display:none}.organ-note{border-radius:var(--calc-radius-md);color:var(--calc-text-muted);background:#a855f712;border:1px solid #a855f733;margin-top:1rem;padding:.75rem 1rem;font-size:.8rem;display:none}.inherit-table{border-collapse:collapse;width:100%;margin-bottom:1.25rem}.inherit-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-muted);border-bottom:1px solid #ffffff12;padding:.6rem .8rem;font-size:.75rem;font-weight:700}.inherit-table td{color:var(--calc-text-primary);border-bottom:1px solid #ffffff0a;padding:.6rem .8rem;font-size:.9rem}.inherit-table tr:last-child td{border-bottom:none}.inherit-table tr:hover td{background:#ffffff05}.pct-cell{min-width:130px}.pct-value{font-weight:700;font-family:var(--calc-font-mono);margin-bottom:.3rem;font-size:.95rem;display:block}.pct-bar{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.pct-fill{border-radius:999px;height:100%;transition:width .4s}.level-cell{color:var(--calc-text-muted);font-size:.78rem}.inherit-note{color:var(--calc-text-muted);margin-top:.5rem;margin-bottom:1rem;font-size:.78rem;line-height:1.6}.punnett-section{border-top:1px solid #ffffff12;margin-top:1.75rem;padding-top:1.25rem}.section-subheading{color:var(--calc-text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.punnett-intro{color:var(--calc-text-muted);margin-bottom:1rem;font-size:.8rem}.punnett-grid-wrap{border-radius:var(--calc-radius-md);background:#ffffff08;border:1px solid #ffffff14;grid-template-rows:auto 1fr 1fr;grid-template-columns:auto 1fr 1fr;gap:4px;max-width:100%;margin-bottom:1.25rem;padding:.75rem;display:inline-grid}.punnett-cell{text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:.6rem .8rem;font-size:.85rem;display:flex}.punnett-cell.header-corner{color:var(--calc-text-muted);background:0 0;font-size:.7rem}.punnett-cell.p2-header{color:#c084fc;font-weight:700;font-family:var(--calc-font-mono);background:#a855f71a}.punnett-cell.p1-header{color:#60a5fa;font-weight:700;font-family:var(--calc-font-mono);background:#60a5fa1a}.punnett-cell.cell-data{background:#ffffff0a;border:1px solid #ffffff0f;min-width:90px}.punnett-geno{font-family:var(--calc-font-mono);margin-bottom:.2rem;font-size:.9rem;font-weight:700}.punnett-pheno{color:var(--calc-text-muted);font-size:.72rem}.rh-advisory-card{border-radius:var(--calc-radius-md);background:#ef44440f;border:1px solid #ef444438;margin-top:1.25rem;padding:1.1rem}.rh-advisory-header{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.rh-icon{color:#f87171;font-size:1.2rem}.rh-title{color:#f87171;font-size:.88rem;font-weight:700}.rh-desc{color:var(--calc-text-muted);margin-bottom:.75rem;font-size:.82rem;line-height:1.5}.rh-timeline{border-left:2px solid #ef44444d;flex-direction:column;gap:.4rem;padding-left:.5rem;display:flex}.timeline-step{color:var(--calc-text-primary);font-size:.78rem}.alert-stack{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.alert{border-radius:var(--calc-radius-md);border:1px solid #0000;padding:.65rem 1rem;font-size:.82rem;line-height:1.5}.alert-success{color:#34d399;background:#34d39914;border-color:#34d39933}.alert-info{color:#93c5fd;background:#60a5fa14;border-color:#60a5fa33}.action-bar{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.btn-action{border-radius:var(--calc-radius-md);color:var(--calc-text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:.82rem;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.btn-action:hover{color:#c084fc;background:#a855f71a;border-color:#a855f759}[data-theme=light]{--accent:var(--calc-purple);--accent-light:var(--calc-purple)}[data-theme=light] .input-card,[data-theme=light] .result-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #0000000f}[data-theme=light] .compat-card{background:#f8f6fe;border-color:#00000014}[data-theme=light] .form-group label{color:#64748b}[data-theme=light] .form-group select{color:#0f172a;background:#f8f5fe;border-color:#0000001f}[data-theme=light] .form-group select:focus{border-color:var(--calc-purple);box-shadow:0 0 0 2px #7c3aed1f}[data-theme=light] .tab-strip{border-bottom-color:#00000014}[data-theme=light] .tab-btn{color:#64748b}[data-theme=light] .tab-btn:hover{color:#0f172a}[data-theme=light] .tab-btn.active{color:var(--calc-purple);border-bottom-color:var(--calc-purple)}[data-theme=light] .preset-chip{color:#64748b;background:#f5f3ff;border-color:#0000001a}[data-theme=light] .preset-chip:hover{color:var(--calc-purple);background:#ede9fe;border-color:#7c3aed59}[data-theme=light] .preset-chip.active{color:var(--calc-purple);background:#ede9fe;border-color:#7c3aed73}[data-theme=light] .compat-card-title,[data-theme=light] .compat-count,[data-theme=light] .level-cell,[data-theme=light] .inherit-note,[data-theme=light] .hero-sub,[data-theme=light] .punnett-intro,[data-theme=light] .punnett-pheno,[data-theme=light] .rh-desc{color:#64748b}[data-theme=light] .inherit-table th{color:#64748b;border-bottom-color:#00000014}[data-theme=light] .inherit-table td{color:#0f172a;border-bottom-color:#0000000d}[data-theme=light] .inherit-table tr:hover td{background:#f8f5fe}[data-theme=light] .pct-bar{background:#00000012}[data-theme=light] .universal-banner{color:#b45309;background:#fffbeb;border-color:#d977064d}[data-theme=light] .organ-note{color:#64748b;background:#f5f3ff;border-color:#7c3aed33}[data-theme=light] .punnett-section{border-top-color:#00000014}[data-theme=light] .punnett-grid-wrap{background:#f8f6fe;border-color:#0000001a}[data-theme=light] .punnett-cell.cell-data{background:#fff;border-color:#00000014}[data-theme=light] .punnett-cell.p2-header{color:#6b21a8;background:#f3e8ff}[data-theme=light] .punnett-cell.p1-header{color:#1e40af;background:#dbeafe}[data-theme=light] .rh-advisory-card{background:#fef2f2;border-color:#ef44444d}[data-theme=light] .rh-title,[data-theme=light] .rh-icon{color:#dc2626}[data-theme=light] .alert-success{color:#15803d;background:#f0fdf4;border-color:#16a34a4d}[data-theme=light] .alert-info{color:#1e40af;background:#eff6ff;border-color:#3b82f64d}[data-theme=light] .btn-action{color:#64748b;background:#f5f3ff;border-color:#0000001a}[data-theme=light] .btn-action:hover{color:var(--calc-purple);background:#ede9fe;border-color:#7c3aed4d}@media (width<=600px){.compat-grid,.form-row{grid-template-columns:1fr;gap:.75rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem}#heroBadge{width:68px;height:68px;font-size:1.4rem}.action-bar{flex-direction:column;width:100%}.btn-action{justify-content:center;width:100%;padding:.7rem}.punnett-grid-wrap{width:100%}.punnett-cell.cell-data{min-width:auto;padding:.4rem}}