.gas-lab{--gas-ink:#17343e;--gas-muted:#5d747c;--gas-accent:#237d70;--gas-blue:#2c7ea6;--gas-line:#cfdfdf;--gas-surface:#fff;--gas-soft:#eff7f5;--gas-chamber:#e7f6f7;--gas-wall:#315e6a;--gas-piston:#75929b;--gas-hot:#e97043;--gas-cold:#3488b6;max-width:1240px;margin:0 auto;padding:clamp(16px,3vw,38px);color:var(--gas-ink);font-family:Helvetica,Arial,sans-serif}.gas-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:24px;align-items:center;padding:clamp(24px,4vw,46px);border-radius:28px;background:linear-gradient(135deg,#173c49,#2e6f70 60%,#4b977c);color:#fff;box-shadow:0 20px 48px rgba(27,62,69,.18)}.gas-hero>div>span,.gas-derivation header>span{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gas-hero h2{margin:7px 0 10px;font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.05em}.gas-hero p{max-width:720px;margin:0;color:#dff1ed;font-size:17px;line-height:1.52}.gas-main-equation{display:flex;align-items:center;justify-content:center;gap:16px;min-height:130px;padding:20px;border:1px solid rgba(255,255,255,.35);border-radius:22px;background:rgba(255,255,255,.1);font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-.045em}.gas-main-equation b{color:#bfe5da;font-size:.7em}.gas-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:18px;margin-top:20px}.gas-simulator,.gas-controls,.gas-derivation{border:1px solid var(--gas-line);border-radius:24px;background:var(--gas-surface);box-shadow:0 10px 30px rgba(34,71,70,.07)}.gas-simulator{overflow:hidden}.gas-stage-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;background:var(--gas-soft)}.gas-stage-head small,.gas-pressure small{display:block;color:var(--gas-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.gas-stage-head h3{margin:3px 0 0;font-size:23px}.gas-pressure{text-align:right}.gas-pressure strong{display:block;margin-top:3px;color:var(--gas-accent);font-size:25px}.gas-canvas-wrap{position:relative;min-height:390px;background:linear-gradient(180deg,#f8fbfb,#eef4f4)}.gas-canvas-wrap canvas{display:block;width:100%;height:390px}.gas-piston-label,.gas-temperature-label{position:absolute;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.88);color:#416069;font-size:12px;font-weight:800;pointer-events:none}.gas-piston-label{top:12px;right:14px}.gas-temperature-label{top:12px;left:14px;color:var(--gas-blue)}.gas-live-equation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 20px;border-top:1px solid var(--gas-line);color:var(--gas-muted);font-size:14px}.gas-live-equation span span{display:inline-block;border-bottom:2px solid #e89b62;color:var(--gas-ink);font-weight:800}.gas-live-equation strong{color:var(--gas-accent);font-size:22px}.gas-controls{display:flex;flex-direction:column;padding:22px}.gas-control{padding:0 0 19px;margin-bottom:19px;border-bottom:1px solid var(--gas-line)}.gas-control label{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:15px;font-weight:800}.gas-control output{color:var(--gas-accent);font-variant-numeric:tabular-nums}.gas-control input{width:100%;accent-color:var(--gas-accent)}.gas-control small{display:block;margin-top:9px;color:var(--gas-muted);font-size:13px;line-height:1.4}.gas-reset{min-height:44px;padding:10px 14px;border:1px solid var(--gas-accent);border-radius:12px;background:var(--gas-accent);color:#fff;font:800 14px Helvetica,Arial,sans-serif;cursor:pointer}.gas-reset:hover{filter:brightness(1.07)}.gas-unit-note{margin-top:auto;padding:15px;border-radius:15px;background:#f4f8f6}.gas-unit-note b,.gas-unit-note span,.gas-unit-note small{display:block}.gas-unit-note b{font-size:13px}.gas-unit-note span{margin:4px 0;color:#2c6f64;font-size:14px;font-weight:800}.gas-unit-note small{color:var(--gas-muted);font-size:12px;line-height:1.4}.gas-derivation{margin-top:18px;padding:clamp(22px,3.5vw,38px)}.gas-derivation header h2{margin:6px 0 7px;font-size:clamp(27px,4vw,43px);letter-spacing:-.04em}.gas-derivation header>span{color:var(--gas-accent)}.gas-derivation header p{margin:0;color:var(--gas-muted);font-size:15px}.gas-law-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:23px 0 12px}.gas-law-grid button{min-height:118px;padding:16px;border:1px solid var(--gas-line);border-radius:17px;background:#f9fbfa;color:var(--gas-ink);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.gas-law-grid button:hover{transform:translateY(-2px);border-color:#72aa9c}.gas-law-grid button[aria-pressed=true]{border-color:var(--gas-accent);background:#e9f4f0;box-shadow:0 0 0 2px rgba(35,125,112,.12)}.gas-law-grid small,.gas-law-grid strong,.gas-law-grid span{display:block}.gas-law-grid small{color:var(--gas-muted);font-size:12px;font-weight:800}.gas-law-grid strong{margin:7px 0;font-size:25px}.gas-law-grid span{color:var(--gas-muted);font-size:13px}.gas-law-explanation{min-height:70px;padding:16px 18px;border-left:4px solid #e39a59;border-radius:10px;background:#fff6e9;color:#5e5348;font-size:15px;line-height:1.5}.gas-derivation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:22px 0}.gas-derivation-flow>div{min-height:105px;padding:16px;border-radius:16px;background:#eff6f4}.gas-derivation-flow small,.gas-derivation-flow strong{display:block}.gas-derivation-flow small{color:var(--gas-muted);font-size:12px;font-weight:800}.gas-derivation-flow strong{margin-top:12px;font-size:24px}.gas-derivation-flow strong span{color:var(--gas-accent)}.gas-derivation-flow>i{color:#6f8b90;font-size:25px;font-style:normal}.gas-caution{margin:0;padding:15px 0;border-top:1px solid var(--gas-line);color:var(--gas-muted);font-size:14px;line-height:1.5}.gas-caution b{color:var(--gas-ink)}.gas-sources{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}.gas-sources a{color:var(--gas-accent);font-size:13px;font-weight:800;text-decoration:none}
@media(max-width:900px){.gas-hero,.gas-workspace{grid-template-columns:1fr}.gas-main-equation{min-height:100px}.gas-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gas-control{margin:0}.gas-reset,.gas-unit-note{grid-column:1/-1}.gas-law-grid{grid-template-columns:1fr}.gas-law-grid button{min-height:auto}.gas-derivation-flow{grid-template-columns:1fr}.gas-derivation-flow>i{transform:rotate(90deg);text-align:center}.gas-derivation-flow>div{min-height:auto}}
@media(max-width:560px){.gas-lab{padding:10px}.gas-hero{padding:22px;border-radius:21px}.gas-hero h2{font-size:37px}.gas-hero p{font-size:15px}.gas-main-equation{min-height:82px;font-size:40px}.gas-controls{display:block;padding:18px}.gas-control{margin-bottom:16px}.gas-canvas-wrap,.gas-canvas-wrap canvas{height:300px;min-height:300px}.gas-stage-head{align-items:flex-start}.gas-pressure strong{font-size:19px}.gas-live-equation{grid-template-columns:1fr}.gas-live-equation strong{font-size:20px}.gas-unit-note{margin-top:14px}.gas-derivation{padding:19px}.gas-derivation-flow strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.gas-law-grid button{transition:none}}
.gas-pressure-meter{display:block;width:132px;height:6px;margin:7px 0 0 auto;overflow:hidden;border-radius:99px;background:rgba(49,94,106,.14)}.gas-pressure-meter i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38a78f,#f2b055,#ed7049);transform:scaleX(.55);transform-origin:left center;transition:transform .22s ease;will-change:transform}.gas-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:14px}.gas-demo,.gas-reset{min-height:46px;padding:10px 14px;border-radius:12px;font:800 14px Helvetica,Arial,sans-serif;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.gas-demo{border:1px solid #286f96;background:linear-gradient(135deg,#2f91b6,#2872a3);color:#fff;box-shadow:0 7px 18px rgba(44,126,166,.2)}.gas-reset{border:1px solid var(--gas-accent);background:#fff;color:var(--gas-accent)}.gas-demo:hover,.gas-reset:hover{transform:translateY(-1px);filter:brightness(1.04)}.gas-demo:active,.gas-reset:active{transform:translateY(1px) scale(.985)}.gas-demo:disabled{cursor:progress;opacity:.82}.gas-canvas-wrap canvas{will-change:contents}
@media(max-width:900px){.gas-actions,.gas-unit-note{grid-column:1/-1}}
@media(max-width:560px){.gas-actions{grid-template-columns:1fr}.gas-pressure-meter{width:104px}}
@media(prefers-reduced-motion:reduce){.gas-pressure-meter i,.gas-demo,.gas-reset{transition:none}}