.svb{--ink:#173f34;--muted:#63796b;--line:#d7dfd1;--paper:#f6f4ec;--orange:#ec7845;--green:#245740;--purple:#827499;color:var(--ink);font:15px/1.5 system-ui,sans-serif;background:var(--paper);border:1px solid var(--line);border-radius:22px;margin:28px auto;max-width:1500px;overflow:hidden;box-shadow:0 20px 70px #183e350a}.svb *{box-sizing:border-box}.svb [hidden]{display:none!important}.svb button,.svb input,.svb select{font:inherit;color:inherit}.svb button{min-height:40px;padding:8px 12px;border:1px solid #c8d5c6;border-radius:9px;background:#fffffff0;cursor:pointer;font-size:12px;font-weight:650;transition:background .15s,box-shadow .15s}.svb button:hover{background:#e9eee2;box-shadow:0 2px 10px #2547400c}.svb button:disabled{opacity:.5;cursor:default}.svb button[aria-pressed=true],.svb button.primary{background:var(--green);color:#fff;border-color:var(--green)}.svb button:focus-visible,.svb input:focus-visible,.svb select:focus-visible,.svb summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.svb h2,.svb h3,.svb p{margin:0}.svb h3{font-size:15px}.svb-header{display:flex;align-items:center;gap:24px;padding:24px 28px;border-bottom:1px solid var(--line)}.svb-brand{font:700 25px Georgia,serif;white-space:nowrap}.svb-brand span{display:block;font:600 8px system-ui;letter-spacing:.17em;color:var(--muted);margin-top:5px}.svb-headline{flex:1}.svb-headline h2{font:600 clamp(23px,2vw,31px)/1.15 Georgia,serif;letter-spacing:-.02em}.svb-headline p{font-size:12px;color:var(--muted);max-width:730px;margin-top:7px}.svb-actions,.svb-buttons{display:flex;gap:7px;flex-wrap:wrap}.svb-body{display:grid;grid-template-columns:minmax(0,1fr) 320px}.svb-stage{padding:25px 30px;background:radial-gradient(ellipse at 50% 38%,#fcfcf5 0,#ecf0e4 75%);min-width:0;position:relative}.svb-stage-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:10px}.svb-stage-title>strong{font:600 27px Georgia,serif}.svb-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:650;font-size:10px;display:block;max-width:75%}.svb-sidebar{padding:0 22px 24px;border-left:1px solid var(--line);background:#fbfbf5}.svb-tabs{display:flex;gap:4px;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:23px}.svb-tabs button{flex:1;border:0;background:transparent;padding:8px;font-size:12px}.svb-tabs button[aria-pressed=true]{background:var(--green)}.svb-control{display:block;font-size:12px;font-weight:550;margin:0 0 22px}.svb-control>span{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.svb-control output{font-variant-numeric:tabular-nums;font-size:12px;color:#b8613d}.svb input[type=range]{width:100%;accent-color:var(--green);margin:0;min-height:28px;cursor:pointer}.svb input:not([type=checkbox]):not([type=range]),.svb select{display:block;min-width:0;width:100%;border:1px solid #c4d1c0;background:white;border-radius:8px;padding:10px 8px;margin-top:6px;font-size:13px}.svb-check{display:flex;gap:9px;align-items:center;font-size:12px;margin:20px 0}.svb input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}.svb-parent-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px;margin-bottom:22px}.svb-parent-inputs select{font:bold 23px Georgia,serif;text-align:center}.svb-note{font-size:11px;color:var(--muted);line-height:1.65;margin-top:12px!important}.svb-side-summary{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:12px}.svb-side-summary>p{margin-top:12px}.svb-metric{background:#e9eedf;padding:17px;border-radius:13px;margin-bottom:17px}.svb-metric strong{display:block;font:600 37px/1 Georgia,serif;margin-bottom:8px}.svb-metric span{font-size:11px;color:var(--muted)}.svb-proportions>div{display:flex;align-items:center;gap:5px;margin:9px 0;font-size:12px}.svb-proportions strong{margin-left:auto}.svb-status{font-size:12px;background:#fff8e5;color:#654b2c}.svb-status:not(:empty){padding:12px 24px;border-top:1px solid #e6d6b6}.svb-status input{max-width:100%}.svb-parent-diagram{display:flex;align-items:center;justify-content:center;gap:20px;height:185px}.svb-parent{display:flex;flex-direction:column;align-items:center;font-size:11px;gap:6px;min-width:110px}.svb-gametes{display:flex;gap:12px;position:relative}.svb-gametes:before{content:'';position:absolute;left:18px;right:18px;top:-9px;border-top:1px solid #a9bda7}.svb-cross-arrow{width:90px;height:75px;margin-top:60px}.allele{width:34px;height:34px;display:inline-grid;place-items:center;background:#f4d7be;color:#9a4d2e;border:1px solid #e7b994;border-radius:50%;font:600 23px Georgia,serif}.allele.recessive{background:#e5e4cb;color:#72764d;border-color:#c4c5a7}.svb-punnett{border-collapse:separate;border-spacing:8px;margin:0 auto;width:100%;max-width:420px}.svb-punnett caption{font-size:11px;text-transform:uppercase;letter-spacing:.1em;text-align:center;padding-bottom:9px;color:var(--muted)}.svb-punnett th{font-weight:600;text-align:center;width:46px}.svb-punnett td{padding:0;width:42%}.svb-punnett button{width:100%;min-height:100px;border:1px solid #cbd6c4;background:#ffffffb8;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;border-radius:15px;position:relative}.svb-punnett button strong{font:600 26px Georgia,serif}.svb-punnett button small{position:absolute;bottom:9px;right:12px;font:10px system-ui;opacity:.7}.svb-punnett button[aria-pressed=true]{background:#dce9d5;color:var(--ink);border-color:#497654;box-shadow:0 0 0 2px #49765415}.svb-cell-readout{display:flex;gap:12px;justify-content:center;align-items:center;font:20px Georgia,serif;margin:18px auto 8px}.svb-cell-readout span{font:11px system-ui;background:#ffffffab;padding:5px 10px;border-radius:20px;color:var(--muted)}.svb-lower{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);background:#fbfcf6}.svb-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.svb-section-title>span{font-size:11px;color:var(--muted)}.svb-bar-legend{display:flex;gap:18px;margin:9px 0 18px;font-size:11px;color:var(--muted)}.svb-bar-legend span{display:flex;align-items:center;gap:6px}.svb-bar-legend i{width:12px;height:5px;display:inline-block;border-radius:5px}.svb .expected{background:#dd9c71}.svb .observed{background:#35684e}.svb-stat-row{display:grid;grid-template-columns:30px minmax(0,1fr) 75px;gap:12px;align-items:center;margin:14px 0;font-size:12px}.svb-stat-row>strong{font:600 19px Georgia,serif}.svb-stat-row>span{font-size:10px;color:var(--muted);text-align:right}.svb-bar-track{height:25px;position:relative;display:flex;align-items:center;background:#edf1e7;margin:3px 0;border-radius:4px;overflow:hidden}.svb-bar-track>span{height:100%;display:block;min-width:0;transition:width .25s}.svb-bar-track b{position:absolute;right:8px;top:4px;font-size:10px;font-weight:600;color:#15382e;background:#ffffffb3;padding:1px 4px;border-radius:3px}.svb-seed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:5px;max-height:290px;overflow:auto;align-content:start}.svb-seed-grid>div{display:flex;flex-direction:column;align-items:center;border-radius:7px;background:#f0f2e8}.svb-seed-grid small{font:10px system-ui;margin-bottom:3px}.svb-seed-grid>p{grid-column:1/-1}.svb-chambers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.svb-chamber{margin:0;text-align:center;min-width:0}.svb-chamber>svg{display:block;width:100%;max-height:380px}.svb-chamber figcaption strong{font:600 41px Georgia,serif;display:block}.svb-chamber figcaption small{font:12px system-ui;color:var(--muted);margin-left:6px}.svb-chamber figcaption>span{display:block;font-size:11px;margin-top:4px;color:var(--muted)}.svb-activity-track{height:6px;background:#dbe3d4;border-radius:6px;margin:15px 12% 20px;overflow:hidden}.svb-activity-track i{background:#3d7758;display:block;height:100%}.svb-chamber.ctrl .svb-activity-track i{background:#d38b61}.svb-comparison{text-align:center;background:#ffffffa3;border:1px solid #cfdac7;border-radius:10px;font-size:12px;padding:12px;margin:5px 0}.svb-comparison.warning{background:#fcf0dc;border-color:#e4cdaa}.svb-curve{width:100%;height:auto;display:block;overflow:visible}.svb-curve text{font:11px system-ui;fill:#5c7365}.svb-buttons.compact{gap:4px}.svb-buttons.compact button{padding:5px 8px;min-height:32px;font-size:10px}.svb-table-scroll{overflow:auto;margin-top:15px}.svb-records table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.svb-records th{font-size:10px;font-weight:650;color:var(--muted)}.svb-records td,.svb-records th{padding:9px 7px;border-bottom:1px solid var(--line)}.svb-records button{min-height:27px;padding:2px 9px;border:0}.svb-records th:first-child{width:25px}.svb-web{position:relative;margin-top:5px;min-width:0;width:100%;background-image:radial-gradient(#bdd0b650 .7px,transparent .7px);background-size:17px 17px}.svb-web>svg{position:absolute;inset:0;width:100%;height:100%}.svb-organism{position:absolute;transform:translate(-50%,-50%);width:106px;min-height:92px!important;padding:8px 6px!important;border-radius:15px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f9fcf4!important;box-shadow:0 4px 12px #183e3510;color:var(--ink)!important}.svb-organism svg{width:41px;height:41px}.svb-organism span{font-size:10px;line-height:1.2}.svb-organism.producer{border-color:#8dac70;color:#466a39!important}.svb-organism.consumer{border-color:#99b8b5;color:#315f64!important}.svb-organism.decomposer{border-color:#bca993;color:#8c6f49!important}.svb-organism.matter{border-style:dashed;background:#f3f0e7!important;color:#8c6f49!important}.svb-organism[aria-pressed=true]{box-shadow:0 0 0 3px #ed875b70;border-color:#c37954!important}.svb-organism.affected{background:#f9e2ce!important;border-color:#d68b55!important}.svb-organism.indirect{border-style:dashed;border-color:#d69d76}.svb-organism i{position:absolute;right:-4px;top:-7px;background:#b86642;color:white;width:22px;height:22px;border-radius:50%;font:700 20px/20px system-ui}.svb-web-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:10px;margin-top:14px;color:var(--muted)}.svb-web-legend span:before{content:'';display:inline-block;width:7px;height:7px;background:#8dac70;border-radius:50%;margin-right:5px}.svb-web-legend .consumer:before{background:#6b9595}.svb-web-legend .decomposer:before{background:#b29572}.svb-organism-card svg{width:45px;height:45px;float:right;margin-left:8px}.svb-organism-card h3{font:600 20px Georgia,serif}.svb-organism-card small{font-size:10px;color:var(--muted)}.svb-organism-card p{margin-top:12px}.svb-warning{padding:12px;background:#f7eddd;border-radius:10px;font-size:11px}.svb-links{grid-column:1/-1}.svb-edge-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.svb-edge-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 9px 5px 13px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:#fff}.svb-edge-list b{color:#c17852;margin:0 4px}.svb-edge-list button{min-height:28px;padding:0 7px;border:0}.svb-footer{display:flex;justify-content:space-between;gap:28px;align-items:center;border-top:1px solid var(--line);padding:18px 28px;background:#f1f2e8}.svb-footer p{font-size:10px;line-height:1.6;color:var(--muted);max-width:1050px}.svb-footer button{flex-shrink:0}.svb-bottom{padding:23px 28px;display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line)}.svb details summary{font-size:13px;font-weight:650;cursor:pointer;min-height:35px}.svb details p,.svb details a{font-size:12px;line-height:1.6;margin-top:12px}.svb details a{color:#49715f}.svb-quiz h3{font-size:14px;margin:12px 0}.svb-choices{display:grid;gap:8px}.svb-choices button{text-align:left;font-weight:450}.svb-choices .correct{background:#dcebd1;border-color:#88aa71;opacity:1}.svb-choices .incorrect{background:#f7e0d0;border-color:#ce9572;opacity:1}.svb-concept{margin-bottom:23px}.svb-concept h3{font:600 20px Georgia,serif}.svb-concept p,[data-panel=missions]>p{font-size:12px;line-height:1.75;margin:11px 0 17px}.svb-mission-nav{display:flex;gap:8px;margin-bottom:22px}.svb-mission-nav button{width:40px;border-radius:50%}.svb [data-panel=missions]>h3{font:600 23px Georgia,serif;margin:9px 0}.svb [data-panel=missions]>details{margin-top:20px}
@media(max-width:1100px){.svb-body{grid-template-columns:minmax(0,1fr) 280px}.svb-header{padding:21px;gap:18px}.svb-sidebar{padding-left:16px;padding-right:16px}.svb-stage{padding:22px}.svb-tabs button{padding:8px 6px;font-size:11px}.svb-brand{font-size:22px}.svb-headline p{font-size:11px}.svb-organism{width:92px}}
@media(max-width:800px){.svb-body{display:block}.svb-header{flex-wrap:wrap;padding:18px;gap:15px}.svb-brand{order:0}.svb-actions{margin-left:auto;order:1}.svb-headline{order:2;flex-basis:100%}.svb-sidebar{border-left:0;border-top:1px solid var(--line);padding:0 22px 25px}.svb-tabs{justify-content:center}.svb-tabs button{font-size:13px;max-width:150px}.svb-sidebar [data-panel=settings]{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;align-items:start}.svb-side-summary{grid-column:2;grid-row:1/span 5;margin-top:0;border:0;padding:0}.svb-control,.svb-parent-inputs{margin-bottom:12px}.svb-stage{padding:22px}.svb-lower{padding:24px;gap:28px;grid-template-columns:1fr}.svb-bottom{grid-template-columns:1fr;gap:20px}.svb-web{max-width:660px;margin:auto}.svb-footer{padding:18px 22px}.svb-parent-diagram{height:160px}.svb-chambers{max-width:650px;margin:auto}.svb-curve-panel .svb-section-title{flex-wrap:wrap}}
@media(max-width:520px){.svb{border-radius:15px;margin:12px 0}.svb-header{padding:15px}.svb-brand{font-size:21px}.svb-brand span{font-size:7px}.svb-actions{gap:4px}.svb-actions button{font-size:11px;padding:7px 9px;min-height:36px}.svb-headline h2{font-size:26px}.svb-headline p{font-size:12px}.svb-stage{padding:18px 12px}.svb-stage-title>strong{font-size:23px}.svb-kicker{font-size:8px;letter-spacing:.08em;max-width:72%}.svb-parent-diagram{gap:2px;height:165px}.svb-parent{min-width:100px}.svb-parent>svg{width:52px;height:52px}.svb-cross-arrow{width:50px}.svb-punnett{border-spacing:5px}.svb-punnett button{min-height:92px;gap:3px}.svb-punnett button strong{font-size:23px}.svb-punnett button>svg{width:34px;height:34px}.svb-punnett th{width:35px}.svb-punnett caption{font-size:9px}.svb-cell-readout{font-size:19px}.svb-sidebar{padding-left:16px;padding-right:16px}.svb-sidebar [data-panel=settings]{display:block}.svb-side-summary{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.svb-parent-inputs{margin-bottom:20px}.svb-control{margin-bottom:21px}.svb-tabs button{font-size:12px;padding:8px 7px;min-width:0}.svb-lower{padding:21px 16px}.svb-stat-row{grid-template-columns:26px minmax(0,1fr) 55px;gap:7px}.svb-seed-grid{gap:4px}.svb-chambers{gap:0}.svb-chamber figcaption strong{font-size:31px}.svb-chamber figcaption>span{font-size:9px}.svb-chamber>svg{height:auto}.svb-comparison{font-size:11px;padding:10px}.svb-stage-title{margin-bottom:5px}.svb-edge-list{grid-template-columns:1fr}.svb-organism{width:76px;min-height:79px!important;padding:6px 4px!important;border-radius:12px!important}.svb-organism svg{width:32px;height:32px}.svb-organism span{font-size:10px}.svb-web-legend{font-size:9px;gap:8px}.svb-footer{display:block;padding:16px}.svb-footer button{margin-top:15px}.svb-bottom{padding:19px 16px}.svb-records th,.svb-records td{padding:8px 4px}.svb-records th:nth-child(5){max-width:75px;line-height:1.2}.svb-stage .svb-web{height:590px!important}}
@media(max-width:350px){.svb-actions button{padding:5px 7px;font-size:10px}.svb-headline h2{font-size:23px}.svb-brand span{display:none}.svb-parent{min-width:90px}.svb-cross-arrow{width:35px}.svb-organism{width:66px}.svb-organism span{font-size:9px}.svb-organism svg{width:30px;height:30px}.svb-tabs button{font-size:11px}.svb-stage{padding-left:9px;padding-right:9px}.svb-punnett button{gap:0}.svb-stage-title>strong{font-size:21px}.svb-table-scroll{margin-right:-5px}}
@media(prefers-reduced-motion:reduce){.svb *{transition:none!important;animation:none!important}}

@media(max-width:520px){.svb-curve text{font-size:26px}.svb-curve circle{r:9px}}

.svb-formula{font:12px/1.8 ui-monospace,monospace;background:#edf1e4;padding:12px;border-radius:8px;overflow-wrap:anywhere;margin:18px 0!important}