.service-catalog,.special-bench{height:100%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:18px}.service-catalog h2,.special-bench h2{margin:0;font-size:26px}.service-catalog p{margin:0}.service-tabs{display:flex;gap:10px}.service-tabs button{flex:1}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;flex:1;min-height:0}.service-card{border:2px solid #dacbb5;background:#fffaf0;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;padding:12px;font:inherit;cursor:pointer;color:inherit}.service-card .customer{width:100%;height:clamp(80px,20vh,180px);max-height:45%;flex:1;min-height:0;position:static}.service-card b{font-size:22px}.service-card small{font-size:16px}.service-card>span:last-child{margin-top:auto;color:#587d66}.service-pagination{display:flex;justify-content:center;gap:24px;align-items:center}.service-tabs .selected,.service-controls .selected{background:#d3e6d4;border-color:#81a48a}.service-prop{display:inline-block;width:100%;height:100%;pointer-events:none}.service-prop svg,.special-guest svg{width:100%;height:100%}.service-request{display:flex;align-items:center;gap:12px;background:#fff9ed;border:2px solid #e3d3bb;border-radius:18px;padding:4px 12px;min-height:64px}.service-request p{flex:1;margin:0;font-size:20px;line-height:1.45}.service-mini-guest{width:65px;height:65px;flex:none}.service-mini-guest .customer{width:100%;height:100%;position:static}.service-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:20px;flex:1;min-height:0}.service-display{display:flex;align-items:center;flex-direction:column;min-height:0;position:relative;background:#f8efdc;border-radius:18px;padding:10px}.service-model,.unplaced-prop{position:relative;width:100%;flex:1;min-height:80px;max-width:480px}.service-object{position:absolute;inset:0;transform-origin:50% 65%;transition:transform 180ms ease-out}.gas-dots{position:absolute;left:30%;top:35%;width:40%;height:25%;transform:scaleX(var(--volume));transition:transform 180ms ease-out;pointer-events:none;opacity:.6}.unplaced-prop .service-prop{opacity:.45}.unplaced-prop button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.piston-model{width:100%;height:100%}.piston-head{transform:translateY(calc((1 - var(--volume)) * 90px));transition:transform 160ms linear}.piston-gas{transform-origin:170px 190px;transform:translate(45px,85px) scaleY(var(--volume));transition:transform 160ms linear}.scale-art{position:absolute;inset:25% 3% 0}.weighed-can{position:absolute;left:34%;top:0;width:32%;height:65%}.scale-reading{position:absolute;left:35%;bottom:12%;width:30%;text-align:center;background:#f8f2db;border-radius:8px;font:bold 21px monospace;color:#526859}.service-charge{position:absolute;left:15%;right:15%;bottom:5px;height:20px;border:2px solid #b9a88e;background:#f6efdf;border-radius:12px;overflow:hidden}.service-charge i{display:block;height:100%;background:#9ebfa7;transition:width 450ms ease-out}.charge-target{position:absolute;left:60%;top:0;bottom:0;border-left:3px dashed #8b715a}.service-label{position:absolute;bottom:30px;width:100%;text-align:center;font-size:18px}.service-readings{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding-top:8px}.service-readings>span{background:#fffaf0;border:1px solid #ddcdb5;padding:8px;border-radius:12px;display:flex;flex-direction:column;font-size:16px;flex:1;text-align:center;white-space:nowrap}.service-readings b{font-size:22px;color:#516f66}.service-feedback{font-size:17px;min-height:25px;margin:7px 0 0;text-align:center}.service-controls{display:flex;flex-direction:column;gap:10px;min-height:0}.service-controls h3{margin:0;font-size:22px}.service-controls button{min-height:44px}.service-range-label{font-size:19px;line-height:1.5}.service-controls input[type=range]{height:52px;width:100%;accent-color:#7a9d87;touch-action:pan-y}.service-controls input[type=range]::-webkit-slider-thumb{min-width:30px;min-height:30px}.range-ends{display:flex;justify-content:space-between;font-size:17px}.service-gases{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.service-gases small{display:block;font-size:14px}.service-pump,.service-final{display:flex;gap:10px}.service-pump button,.service-final button{flex:1}.service-help{font-size:18px;line-height:1.5;margin:2px 0;flex:1}.service-labels{border:1px solid #d3c3a9;border-radius:12px;padding:8px;display:flex;flex-wrap:wrap;gap:7px;margin:0}.service-labels legend{font-size:16px}.service-labels button{flex:1;font-size:17px;padding:7px;white-space:nowrap}.service-final{margin-top:auto}.guest-happy{filter:brightness(1.04);animation:special-thanks 800ms ease-out}.guest-listening{transform:rotate(-3deg)}@keyframes special-thanks{0%,100%{translate:0 0}35%{translate:0 -12px}65%{translate:0 -3px}}.view-home .intro-copy>[data-action=services]{margin-top:10px}.view-services{display:flex;flex-direction:column}.view-services>.service-catalog{flex:1}.view-bench:has(.special-bench){display:flex;flex-direction:column}.view-bench>.special-bench{flex:1}.result-item .service-prop{width:170px;height:170px}
@media(max-height:650px){.special-bench,.service-catalog{padding:10px;gap:6px}.service-request{min-height:50px}.service-mini-guest{height:48px;width:48px}.service-workspace{gap:12px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.service-controls{gap:6px}.service-controls h3{font-size:20px}.service-help{font-size:16px;line-height:1.35}.service-gases button{padding:5px 9px}.service-labels{padding:5px}.service-labels button{font-size:16px;min-height:40px}.service-controls button{padding:7px 12px}.service-readings b{font-size:20px}.service-feedback{font-size:16px;min-height:21px}.service-card b{font-size:20px}.service-catalog>p{font-size:17px}.service-request p{font-size:18px}}
.shell.view-services,.shell.view-bench:has(.special-bench){height:100dvh;min-height:0;overflow:hidden;padding:12px 18px;display:flex;flex-direction:column}.view-services>.top,.view-bench:has(.special-bench)>.top{flex:none;margin-bottom:10px}.view-services>.service-catalog,.view-bench>.special-bench{height:auto;flex:1;min-height:0}.service-card .special-guest,.service-request .special-guest,.customer-spot .special-guest{background:none}.special-bench .service-request p{font-size:20px;line-height:1.45;margin:0}.special-bench .service-help{font-size:18px;line-height:1.45;margin:2px 0}.special-bench .service-feedback{font-size:17px;line-height:1.35;margin:7px 0 0}.category-uses .service-gases{grid-template-columns:repeat(4,1fr)}.category-uses .service-gases button{padding:5px;font-size:18px}.category-uses .service-controls{gap:7px}.category-uses .service-labels button{font-size:16px}.category-uses .service-final{margin-top:auto}.service-final .softbtn{font-size:17px;padding:8px}.service-final .primary{font-size:20px;padding:8px}.service-final button{min-width:0}.piston-head{transform:translateY(calc((1 - var(--volume)) * 120px))}
@media(max-height:650px){.special-bench .service-request p{font-size:18px;line-height:1.35}.special-bench .service-help{font-size:17px;line-height:1.35}.special-bench .service-feedback{font-size:16px}.special-bench .service-readings>span{padding:5px}.category-uses .service-controls{gap:5px}.category-uses .service-gases button{font-size:17px}.category-uses .service-gases small{font-size:13px}.category-uses .service-labels{padding:4px}.category-uses .service-labels button{padding:5px;font-size:16px}.special-bench .service-final button{min-height:44px}.special-bench .service-request{padding:3px 10px}.service-catalog .bench-header{padding-bottom:6px}.service-catalog .service-card .customer{height:90px}.service-catalog .service-card{gap:5px}.service-catalog h2{font-size:24px}.view-services>.top .brand h1{font-size:23px}}

.unplaced-prop button:not(:disabled):active{transform:translate(-50%,calc(-50% + 2px))}.piston-head{transform:translateY(calc((1 - var(--volume)) * 120px))}

.scale-reading{left:42%;width:16%;bottom:19%;font-size:18px;background:#c9e4d3;color:#436758;padding:2px;border-radius:3px;white-space:nowrap}.shell.view-counter:has(.service-scene),.shell.view-result:has(.service-scene){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.service-scene{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:16px;flex:1;min-height:0}.service-story{display:flex;flex-direction:column;gap:15px;min-height:0;padding:24px}.service-story h2{font-size:30px;margin:0}.service-story>small{font-size:17px;color:#7d8e73}.service-story .service-story-bubble{position:relative;inset:auto;margin:0;min-height:0;max-height:none;overflow:visible;padding:20px}.service-story-bubble p{font-size:24px;line-height:1.65}.service-story .service-story-note{font-size:18px;color:#887d65;line-height:1.5;margin:0}.service-scene-actions{display:flex;gap:14px;margin-top:auto}.service-scene-actions button{flex:1}.service-portrait{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;gap:8px;background:linear-gradient(#f2ebd9e6,#f6efddf0)}.service-portrait>.special-guest{background:none;width:100%;height:48%;max-height:280px;min-height:100px}.portrait-prop{width:150px;height:130px;max-height:27%}.service-portrait>span{font-size:20px;text-align:center}.service-portrait>p{font-size:17px;text-align:center;margin:0}.service-story .service-success{font-size:23px;color:#658873;margin:0}.service-story .service-science-fact{font-size:23px;line-height:1.65;margin:0}.service-portrait .guest-happy{animation:special-thanks 800ms ease-out}.view-counter:has(.service-scene) .top,.view-result:has(.service-scene) .top{flex:none}
@media(max-height:650px){.service-story{padding:17px;gap:10px}.service-story h2{font-size:27px}.service-story-bubble p,.service-story .service-science-fact{font-size:21px;line-height:1.55}.service-story .service-story-bubble{padding:16px}.service-story .service-story-note{font-size:17px}.service-portrait{padding:12px}.service-portrait>span{font-size:18px}.service-portrait>p{font-size:16px}.portrait-prop{height:100px}}

.pressure-particles circle{transition:cy 160ms linear}

.home-practice-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.home-practice-links>.softbtn{margin-top:0!important;min-height:48px;padding:7px 9px;font-size:17px}.service-story-bubble .mood{position:absolute;left:auto;right:8px;top:-25px;font-size:26px}.top:has(>.practice-badge)>h1{font-size:26px;line-height:1.25;margin:4px 0}.special-bench .bench-header{min-height:38px;padding:0;flex-shrink:0}.service-portrait .guest-listening{transform:rotate(-3deg)}
@media(max-height:550px){.category-uses .service-controls>h3{display:none}.special-bench .service-request p{font-size:18px}.shell.view-bench:has(.special-bench)>.top{margin-bottom:7px}.view-bench:has(.special-bench) .hud{padding:6px 10px}.view-bench:has(.special-bench) .top .hud>small:last-child,.view-bench:has(.special-bench) .top .progressbar{display:none}.special-bench .service-labels button{min-height:44px}.special-bench .service-labels{gap:4px}}