:root{--accent:var(--calc-purple);--accent-light:#7c3aed}.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{color:#a855f7;background:#a855f72e;border-color:#a855f780}.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:#a855f7;border-bottom-color:#a855f7}.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:#a855f7;outline:none;box-shadow:0 0 0 2px #a855f72e}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.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:80px;height:80px;font-size:1.8rem;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 .6rem;transition:transform .12s;display:inline-flex}.blood-badge:hover{transform:scale(1.05)}.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-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;display:none}.inherit-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.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:120px}.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:5px;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;font-size:.78rem;line-height:1.6}.empty-state{text-align:center;color:var(--calc-text-muted);padding:2rem;font-size:.9rem}.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:.5rem 1.1rem;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:#7c3aed;--accent-light:#7c3aed}[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:#f4f1fd;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:#7c3aed;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:#7c3aed;border-bottom-color:#7c3aed}[data-theme=light] .preset-chip{color:#64748b;background:#f5f3ff;border-color:#0000001a}[data-theme=light] .preset-chip:hover{color:#7c3aed;background:#ede9fe;border-color:#7c3aed59}[data-theme=light] .preset-chip.active{color:#7c3aed;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{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] .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:#7c3aed;background:#ede9fe;border-color:#7c3aed4d}[data-theme=light] .empty-state{color:#64748b}@media (width<=600px){.compat-grid,.form-row{grid-template-columns:1fr}.tab-btn{padding:.5rem .75rem;font-size:.8rem}#heroBadge{width:64px;height:64px;font-size:1.4rem}}