*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at top,#214958,#081824 65%,#06111c);color:#e5f0f3;font:15px/1.6 system-ui,Segoe UI,sans-serif}.wrap{width:min(1440px,97%);margin:auto;padding:14px}.head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-bottom:1px solid #3c6772;padding-bottom:14px}.back{color:#bce8e7;text-decoration:none;font-weight:700}.brand{font-weight:950;letter-spacing:.12em;font-size:21px}.brand b{color:#ecca84}.pill{font-size:11px;border:1px solid #6eafa9;border-radius:30px;padding:8px 12px;color:#abe9e4;letter-spacing:.1em}.hero{max-width:1000px;padding:29px 5px 17px}.eyebrow{color:#84e2d0;letter-spacing:.15em;font-size:12px;font-weight:900}.hero h1{font:750 clamp(27px,4vw,49px) Georgia,serif;color:#ffdea2;line-height:1.14;margin:9px 0}.hero p,.intro p{color:#c2d8dd;margin:8px 0 0}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin:9px 0 15px}.tabs button{flex:1;min-width:220px;padding:14px;border:1px solid #638d90;border-radius:15px;background:#183440;color:#d6eff2;font-weight:800;font-size:16px;cursor:pointer}.tabs button.on{background:linear-gradient(110deg,#c3a36a,#ecd39d);border-color:#ffe5ac;color:#172532}.lab{display:none}.lab.active{display:block}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:18px 2px}.intro>div{max-width:740px}.intro h2{font:700 32px Georgia,serif;color:#ffe4b6;margin:3px 0}.edu{border:1px solid #a8c7c540;color:#bcd6dc;padding:10px;border-radius:12px;font-size:12px;max-width:270px}.lab-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:18px;align-items:start}.visual{border:1px solid #658e9999;border-radius:22px;overflow:hidden;background:#0b273a;box-shadow:0 18px 50px #0005}.visual-head{display:flex;justify-content:space-between;gap:8px;padding:14px 18px;background:#091f2b;color:#bce7e7;font-size:12px;letter-spacing:.05em;font-weight:900}.visual-head span:last-child{color:#ffdc96;font-size:18px}svg{width:100%;display:block;max-height:620px}.legend{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap;padding:12px;color:#bad4df;font-size:12px}.controls{border:1px solid #688e94;border-radius:20px;background:#112b39;padding:18px;box-shadow:0 16px 40px #0005}.controls h3{margin:0 0 14px;color:#ffe5ae;font:700 24px Georgia,serif}.controls label{display:block;color:#d3e5eb;font-weight:730;margin:14px 0}.controls output{float:right;color:#ffe2a3;font-weight:900}input[type=range]{display:block;width:100%;margin-top:9px;accent-color:#edbd73;height:25px;cursor:ew-resize}.controls select{margin-left:9px;background:#153b4d;border:1px solid #7ba6ad;border-radius:9px;padding:6px;color:#edf7f8}.actions{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.actions button{border-radius:10px;border:1px solid #7c9998;background:#183f50;color:#eaf3ea;cursor:pointer;padding:10px;font-weight:750;min-height:42px;flex:1}.actions .action{background:linear-gradient(#f3d3a1,#bf935e);color:#1c2832;border-color:#ffe4bd}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.readouts div{padding:12px;background:#071d2a;border-radius:12px;border:1px solid #39576a}.readouts small{display:block;color:#9bcecd;font-size:12px}.readouts strong{font:800 clamp(19px,2vw,25px) system-ui;color:#fff0c5}.status{margin:12px 0;padding:12px 14px;border-radius:12px;background:#164d49;border-left:4px solid #8de2aa;color:#f6f4de;min-height:56px}.status.warn{background:#5c362b;border-left-color:#f0ae65}.comparison{font-size:13px;color:#cbd6df;background:#091e28;padding:11px;border-radius:10px}footer{margin:35px 0 10px;color:#abc7cd;font-size:12px;border-top:1px solid #3a6268;padding-top:18px}@media(max-width:880px){.lab-grid{grid-template-columns:1fr}.visual svg{max-height:none}.hero{padding-top:18px}}@media(max-width:470px){.wrap{width:100%;padding:9px}.intro h2{font-size:27px}.controls{padding:12px}.tabs button{min-width:0;width:100%}.brand{font-size:16px}.readouts{gap:5px}.readouts strong{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}