*{box-sizing:border-box}body{margin:0;background:var(--page,#f8f8f0);color:var(--ink,#233b2d);font-family:ui-rounded,Hiragino Sans GB,system-ui,sans-serif}main{max-width:1190px;margin:auto;padding:35px 26px 70px}header{max-width:830px;padding:0 0 16px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--secondary,#617562)}h1{font-size:clamp(31px,4.4vw,54px);line-height:1.24;letter-spacing:-.04em;margin:18px 0 20px;text-wrap:balance}.lead{font-size:22px;font-weight:700;margin:0 0 12px}.intro{color:var(--secondary,#627163);font-size:17px;line-height:1.85;max-width:790px}.lab{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);border:1px solid var(--border,#dbe3d6);border-radius:28px;overflow:hidden;margin:24px 0 40px;background:var(--surface,#fff)}.scene{display:flex;align-items:center;position:relative;min-width:0;background:#edf5e8;overflow:hidden}.scene>svg{width:100%;height:auto;display:block}.scene-badge{position:absolute;top:18px;left:19px;font-size:10px;letter-spacing:.08em;background:#ffffffd9;border:1px solid #d9e4d1;border-radius:30px;padding:8px 11px;color:#45654b;max-width:calc(100% - 38px)}.controls{padding:28px 26px}h2{font-size:24px;line-height:1.4;letter-spacing:-.025em;margin:9px 0 12px}h3{font-size:18px;line-height:1.5;margin:0 0 7px}.muted,.hint{color:var(--secondary,#657368);line-height:1.75}.muted{font-size:15px;margin:10px 0}.hint{font-size:12px;margin:16px 0 0}.part-buttons{display:flex;gap:8px;margin:20px 0}.part-buttons button{flex:1;display:grid;justify-items:center;gap:6px;font-size:13px;padding:11px 4px}.part-buttons b{font-size:12px;background:var(--page,#f0f4e9);width:23px;height:23px;display:grid;place-items:center;border-radius:50%}button{cursor:pointer;min-height:46px;border:1px solid var(--border,#d9e1d4);background:var(--surface,#fff);color:var(--ink,#233b2d);font:inherit;border-radius:14px}button[aria-pressed=true]{background:#e0edce;color:#254930;border-color:#719862}button[aria-pressed=true] b{background:#557b4b;color:#fff}button:hover{filter:brightness(.98)}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b88734;outline-offset:4px}.readout{background:var(--page,#f5f6ee);border-radius:17px;padding:18px;min-height:176px}.readout p{font-size:14px;line-height:1.8;margin:0;color:var(--secondary,#627163)}.dimmed{opacity:.38}.highlighted{filter:drop-shadow(0 0 5px #ffffff)}#membrane.dimmed{opacity:.76}.section-heading{max-width:750px}.habitat-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 15px}.habitat-buttons button{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:750;padding:15px}.habitat-buttons button>span:first-child{font-size:25px}.habitat-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:center;gap:30px;border:1px solid var(--border,#dbe3d6);background:var(--surface,#fff);padding:22px 34px;border-radius:25px;min-height:300px}.habitat-panel svg{width:100%;height:auto;background:#f5f0f7;border-radius:20px}.habitat-copy h3{font-size:24px;margin:0 0 12px}.habitat-copy p{color:var(--secondary,#627163);line-height:1.85;font-size:16px;margin:0 0 13px}.habitat-copy .note{font-size:14px;border-left:3px solid #b99fc9;padding-left:13px;margin:0;color:var(--ink,#233b2d)}.shape-card{margin:34px 0;border-radius:25px;border:1px solid var(--border,#dbe3d6);background:var(--surface,#fff);padding:26px 30px}.shapes{display:grid;grid-template-columns:repeat(3,1fr);max-width:700px;margin:12px auto 22px;text-align:center;gap:12px}.shapes svg{max-width:180px;width:100%;display:block;margin:auto}.shapes span{font-size:14px;font-weight:750}.shape-card>.muted{max-width:850px}.discovery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.discovery article,details{border-radius:22px;border:1px solid var(--border,#dbe3d6);background:var(--surface,#fff);padding:24px}.discovery h2{font-size:21px;margin:0 0 12px}.discovery p,details p{font-size:15px;line-height:1.85;color:var(--secondary,#627163);margin:8px 0}details{margin-top:24px}summary{font-weight:750;cursor:pointer;line-height:1.6}details h3{margin-top:22px}.sources{padding-left:20px;line-height:1.8;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.sources a{font-size:14px;color:var(--accent,#34724d)}@media(max-width:760px){main{padding:24px 14px 45px}h1{max-width:580px}.lab{grid-template-columns:1fr}.scene{min-height:270px}.scene>svg{max-height:450px}.controls{padding:23px 20px}.readout{min-height:0}.habitat-panel{grid-template-columns:1fr;padding:18px;gap:22px}.habitat-panel svg{max-width:450px;max-height:230px;justify-self:center}.habitat-copy{padding:0 4px 8px}.habitat-buttons{gap:8px}.habitat-buttons button{flex-direction:column;gap:7px;font-size:14px;padding:12px 6px}.shape-card{padding:23px 20px}.discovery,.sources{grid-template-columns:1fr}.shapes{gap:4px}.shapes span{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}