html,body{margin:0;background:#eef2e9;color:#203c38;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #285b49;outline-offset:4px}.iso[data-theme=light]{--anatomy-paper:#f7f9f3;--anatomy-top:#fcfdf9;--anatomy-face:#e3ece0;--anatomy-shade-0:#afc1b2;--anatomy-shade-1:#c5d2c2;--anatomy-shade-2:#d9e1d0;--anatomy-shade-3:#e7ecdd;--anatomy-lit-top:#34584b;--anatomy-lit-shade:#28473d;--anatomy-lit:#1e4437;--anatomy-hi:#436250;--anatomy-mid:#829683;--anatomy-lo:#9eaf9a;--anatomy-faint:#c1ccb8;--anatomy-weight:.65px;--anatomy-dot:#365c47;--anatomy-halo:#72866e;--anatomy-halo-opacity:.14}.acoustic-demo{padding:24px;max-width:780px;margin:0 auto}.demo-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:18px;letter-spacing:1px;color:#63746c}.live-label{display:flex;align-items:center;gap:8px;letter-spacing:0}.live-label i{width:5px;height:5px;border-radius:50%;background:#3b7358}.demo-stage{margin:8px -16px 0}.demo-stage .iso-svg{overflow:visible}.meter-digits{font-family:ui-monospace,Consolas,monospace;fill:#254f3d;letter-spacing:-.2px}.acoustic-wave{fill:none;stroke:#4e8b6a;stroke-width:1.2;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke}.demo-result{display:flex;justify-content:space-between;align-items:flex-end;margin-top:-8px;padding-bottom:16px;border-bottom:1px solid #d2ddcc}.result-label{display:block;font-size:11px;line-height:18px;color:#63746c;font-weight:400;letter-spacing:.5px}.demo-result strong{display:block;font-size:42px;line-height:1.15;font-family:ui-monospace,Consolas,monospace;font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums;margin-top:4px}.demo-result strong small{font-size:14px;letter-spacing:0}.distance-readout{text-align:right;font-size:20px;font-variant-numeric:tabular-nums}.distance-readout .result-label{margin-top:4px}.demo-controls{padding-top:16px}.demo-controls label{display:flex;justify-content:space-between;font-size:12px;line-height:20px}.demo-controls output{color:#63746c;font-variant-numeric:tabular-nums}input[type=range]{display:block;accent-color:#285b49;width:100%;height:28px;margin:4px 0;cursor:ew-resize;touch-action:pan-y}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#63746c}.demo-actions{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.demo-actions button{border:1px solid #c9d6c3;border-radius:8px;padding:8px 12px;min-height:40px;color:#285b49;background:#f8f9f480;font-size:12px;transition:background .3s cubic-bezier(.22,1,.36,1)}.demo-actions button:hover,.demo-actions button[aria-pressed=true]{background:#dce7d4}.demo-actions button:active{transform:scale(.98)}#model-note{font-size:10px;line-height:1.65;color:#63746c;margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:430px){.acoustic-demo{padding:20px}.demo-stage{margin-inline:-16px}.demo-result strong{font-size:36px}.demo-heading{font-size:10px;letter-spacing:.5px}.demo-stage{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* The host sizes embedded content; only standalone pages scroll. */
html.is-embedded, html.is-embedded body { overflow: hidden; }