.science-tool{--science-blue:#255d89;--science-teal:#087f68;--science-purple:#7653a0;overflow:hidden}.science-ready{border:0;min-width:0;margin:0;padding:clamp(16px,3vw,32px)}.science-ready:disabled{opacity:.7}.science-tool button,.science-tool input,.science-tool select{font:inherit}.science-modes{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.science-modes button{color:#243c4b;cursor:pointer;background:#fff;border:1px solid #cedde7;border-radius:12px;min-height:44px;padding:10px 16px}.science-modes button[aria-pressed=true]{background:var(--science-blue);border-color:var(--science-blue);color:#fff}.science-tool :is(button,input,select):focus-visible{outline-offset:3px;outline:3px solid #e4a738}.science-tool button:disabled{cursor:wait}.science-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.science-controls{gap:20px;min-width:0;display:grid}.science-field{gap:8px;min-width:0;display:grid}.science-field>label,.science-field-label{color:#243c4b;font-weight:700}.science-field small,.science-help{color:#4c626e;font-size:.87rem;line-height:1.9}.science-quantity{gap:8px;min-width:0;display:flex}.science-quantity input{flex:1;width:100%;min-width:0}.science-quantity select{width:46%;max-width:190px}.science-tool input:not([type=range]),.science-tool select{color:#1b3342;background:#fff;border:1px solid #cbdbe5;border-radius:10px;min-width:0;min-height:48px;padding:10px 12px}.science-tool select{appearance:auto;background-image:none}.science-slider{width:100%;height:24px;accent-color:var(--science-blue);cursor:ew-resize;direction:ltr}.science-visual{background:#f1f6fa;border:1px solid #d6e3eb;border-radius:18px;min-width:0;padding:20px}.science-visual h3{margin:0 0 14px}.science-visual svg{width:100%;height:auto;display:block;overflow:visible}.science-visual svg text{fill:#263e4d;font-family:inherit}.science-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.science-results>div{background:#fff;border:1px solid #d6e3eb;border-radius:12px;min-width:0;padding:14px}.science-results dt{color:#4a606e;font-size:.86rem}.science-results dd{color:var(--science-blue);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:7px;margin:6px 0 0;font-size:1.55rem;font-weight:700;display:flex}.science-results dd small{font-size:.8rem;font-weight:500}.science-results .science-result-main{background:#e7f3ef;border-color:#c9e3d9}.science-result-main dd{color:#086f5e}.science-equation{text-align:center;overflow-wrap:anywhere;direction:ltr;background:#fff;border-radius:10px;padding:12px;font-family:system-ui,sans-serif}.science-steps{line-height:1.9}.science-actions{border-top:1px solid #d6e3eb;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;padding-top:22px;display:flex}.science-privacy{color:#506673;padding:0 26px 22px;font-size:.85rem}.science-challenge{background:#fbf7ea;border:1px solid #eadfbe;border-radius:16px;margin-top:26px;padding:22px}.science-challenge h3{margin:8px 0 15px;font-size:1.05rem}.science-challenge .science-modes{margin-bottom:0}.science-challenge p{line-height:1.9}.science-preset-row{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.science-preset-row button{color:#255d89;cursor:pointer;background:#fff;border:1px solid #cbdbe5;border-radius:9px;min-height:40px;padding:8px 12px}.science-circuit-flow{stroke-dasharray:7 16;animation:1.4s linear infinite science-current}.science-circuit-flow[data-paused=true]{animation-play-state:paused}@keyframes science-current{to{stroke-dashoffset:-92px}}.science-bar-list{gap:12px;margin:16px 0;display:grid}.science-bar-row{grid-template-columns:70px minmax(0,1fr) 65px;align-items:center;gap:10px;display:grid}.science-bar-track{background:#e3eaf0;border-radius:5px;height:13px;overflow:hidden}.science-bar-track span{background:var(--science-blue);height:100%;transition:width .15s;display:block}.punnett-table-wrap{overflow-x:auto}.punnett-table{table-layout:fixed;border-collapse:separate;border-spacing:5px;direction:ltr;width:100%}.punnett-table th{padding:6px;font-size:.85rem}.punnett-table td{border:0;padding:0}.punnett-table button{color:#1d4336;cursor:pointer;background:#e6f3eb;border:2px solid #0000;border-radius:10px;width:100%;min-height:56px;padding:7px 2px;font-family:system-ui,sans-serif}.punnett-table button small{font-size:.75rem;display:block}.punnett-table button[data-recessive=true]{color:#4f3273;background:#eee5f8}.punnett-table button[aria-pressed=true]{border-color:#255d89;box-shadow:0 0 0 2px #fff}.punnett-explain{background:#fff;border-radius:10px;min-height:88px;padding:14px;line-height:1.9}.science-parent-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.science-parent-row .science-field{background:#f6f9fb;border-radius:12px;padding:16px}.science-simulation{border-top:1px solid #d6e3eb;padding-top:20px}.science-simulation .science-preset-row{margin-top:8px}.science-simulation-summary{font-size:.9rem;line-height:1.8}.science-subject-tabs{margin-block:10px 20px}.science-subject-badge{color:#255d89;background:#edf4f9;border-radius:7px;align-items:center;gap:8px;padding:5px 10px;font-size:.85rem;display:inline-flex}@media (width<=800px){.science-layout{grid-template-columns:1fr}.science-visual{padding:16px}.science-results dd{font-size:1.35rem}.science-ready{padding:16px}.science-modes button{padding:9px 12px}.punnett-table{border-spacing:3px}.punnett-table button{min-height:52px;font-size:.86rem}.science-parent-row{gap:8px}.science-parent-row .science-field{padding:12px}.science-quantity select{max-width:150px}}@media (prefers-reduced-motion:reduce){.science-circuit-flow{animation:none}.science-bar-track span{transition:none}}.science-visual svg{direction:ltr}