:root{color-scheme:dark;--ink:#e9f1de;--muted:#9db6b2;--line:rgba(171,218,208,.18);--mint:#a9ead4;--coral:#ffad91;--bg:#071f27}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 0,rgba(33,98,97,.12),transparent 60%)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--coral);outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}.lab{max-width:1440px;margin:auto;padding:0 48px}.topline{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.back{display:flex;align-items:center;gap:10px}.back>span{font-size:23px;color:var(--mint)}.edition{font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:14px}.edition i{width:32px;height:1px;background:var(--muted)}.text-button{font-size:12px;letter-spacing:1px;padding:12px 0}.text-button span{padding-left:8px}.heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:31px 0 27px}.eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 10px;color:var(--mint)}.eyebrow span{font-size:10px;letter-spacing:1px;color:var(--muted)}h1{font-size:clamp(42px,4.4vw,65px);font-weight:500;letter-spacing:4px;margin:0;line-height:1.18}.title-dot{color:var(--coral)}.heading-right{text-align:right;flex-shrink:0}.gesture{font-size:12px;color:var(--muted);margin:0 0 16px}.mode-switch{display:inline-flex;border:1px solid var(--line);padding:4px;border-radius:3px;gap:3px}.mode-switch button{padding:10px 18px;color:var(--muted);font-size:13px;transition:background .2s}.mode-switch button.active{background:#d8ead6;color:#0a3035}.mode-switch button span{font-size:10px;margin-left:9px;opacity:.65}.experiment{border:1px solid rgba(172,218,200,.22);border-radius:4px;overflow:hidden;position:relative}.water{height:clamp(340px,47vh,570px);position:relative;background:#0c3742;isolation:isolate}.water:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px rgba(0,13,22,.2);pointer-events:none}#field{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.field-top,.field-foot{pointer-events:none;position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;color:#d3e4d9;font-size:10px;letter-spacing:1px;text-shadow:0 1px 5px #06232c;z-index:2}.field-top{top:20px}.field-foot{bottom:17px;color:#a1c5c0}.live-label{display:flex;align-items:center;gap:7px}.live-label b{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px #b7ffe6}.live-label.is-paused b{background:var(--coral);box-shadow:none}.field-legend{position:absolute;bottom:46px;right:22px;display:flex;align-items:center;gap:8px;z-index:2;color:#d4e4df;font-size:9px;pointer-events:none}.field-legend i{width:88px;height:5px;background:linear-gradient(90deg,#102a42,#147a80,#cce9b9);border:1px solid #b7d5ca50}.observer{min-height:126px;padding:18px 26px;display:flex;align-items:center;gap:35px;background:#092a33;border-top:1px solid var(--line)}.observer-title{display:flex;align-items:center;gap:12px;min-width:150px}.cross-symbol{font-size:27px;font-weight:300;color:var(--mint)}.observer-title strong{display:block;font-size:17px;font-weight:500;letter-spacing:2px}.observer-title div>span{display:block;margin-top:8px;font-size:10px;color:var(--muted)}.sum-view{flex:1;display:flex;align-items:center;justify-content:space-around;max-width:850px;gap:18px}.wave-part{display:grid;grid-template-columns:70px 45px;grid-template-rows:20px 44px;align-items:center;gap:0 12px;--color:var(--ink);width:150px}.wave-part>span{grid-column:1/-1;font-size:10px;letter-spacing:1px;color:var(--muted)}.wave-part output{font-family:ui-monospace,Consolas,monospace;font-size:18px;color:var(--color);font-variant-numeric:tabular-nums}.meter{position:relative;height:44px;border-left:1px solid #adceba30;margin-left:8px}.meter em{position:absolute;top:50%;left:-4px;right:0;border-top:1px solid #c2e4d94a}.meter i{position:absolute;left:0;right:10px;background:var(--color);opacity:.8;min-height:1px}.source-a{--color:#e5eed4}.source-b{--color:#ffad91}.combined{--color:#9df0d2}.operator{font-size:22px;font-weight:300;color:#89a39f}.slit-observation{display:flex;align-items:center;gap:30px;flex:1}.slit-ratio{white-space:nowrap;font-size:12px;color:var(--muted)}.slit-ratio b{font:36px ui-monospace,Consolas,monospace;color:var(--mint);padding-right:8px}.slit-observation>span:nth-child(2){font-size:12px;line-height:1.8;max-width:330px}.spread-symbol{width:86px;stroke:var(--mint);fill:none;stroke-width:1;opacity:.7;margin-left:auto}.controls{padding:21px 2px 18px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--line)}.control-label{font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.control-label span{font-size:10px;letter-spacing:0;color:#799a97}.move-controls{display:flex;align-items:center;gap:20px}.source-select{display:flex;gap:5px}.source-select button{width:32px;height:32px;border-radius:50%;font-size:12px;color:var(--muted);border:1px solid var(--line)}.source-select button.selected{border-color:var(--mint);color:var(--mint);background:#123d43}.source-select button:last-child.selected{border-color:var(--coral);color:var(--coral)}.arrows{display:flex;gap:5px}.arrows button{font-size:18px;width:34px;height:32px;border:1px solid var(--line);border-radius:2px}.arrows button:hover,.probe-button:hover{background:#163b42}.probe-button{font-size:11px;border-bottom:1px solid var(--line);padding:8px 0}.probe-button span{font-size:16px;padding-left:8px}.transport{display:flex;align-items:center;gap:20px;padding-top:23px}.pause-button{display:flex;align-items:center;gap:12px;font-size:12px;border:1px solid #90c4b95c;border-radius:2px;padding:13px 17px;min-width:129px;justify-content:center}.pause-button:hover{background:#133c44}.pause-button>span:first-child{font-size:17px;color:var(--mint);line-height:16px}.reset-button{font-size:11px;color:var(--muted);white-space:nowrap;padding:12px 0}.reset-button span{font-size:19px;margin-right:8px}.slit-controls{width:min(600px,65%)}.range-line{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:11px;height:32px}.range-line input{width:100%;accent-color:var(--mint);cursor:ew-resize;height:20px}.underwater-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:15px 0 32px}.underwater-caption p{font-size:11px;color:#9cbbb5;margin:0;line-height:1.8}.underwater-caption>span{font-size:9px;color:#628882;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;font-size:9px;letter-spacing:1px;color:#698f8b}dialog{color:var(--ink);background:#0a2c36;border:1px solid #5c8c83;border-radius:5px;width:min(590px,calc(100% - 36px));padding:25px 32px;max-height:85vh}dialog::backdrop{background:#00141ccc;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:2px}.dialog-top button{font-size:28px;padding:0 8px}dialog h2{font-size:25px;letter-spacing:1px;font-weight:500;margin:24px 0}dialog h3{font-size:14px;font-weight:500;margin:25px 0 10px}dialog p{font-size:12px;line-height:1.95;color:#b5ceca}dialog a{font-size:12px;color:var(--mint);border-bottom:1px solid #6eb39f}dialog .source-note{font-size:10px;color:#80a59e;margin-top:25px}[hidden]{display:none!important}@media(min-width:1700px){.water{height:540px}}@media(max-width:800px){.lab{padding:0 24px}.heading{padding:25px 0;align-items:start}.heading-right{padding-top:4px}.gesture{font-size:10px;max-width:210px;line-height:1.6;margin-bottom:12px}.mode-switch button{padding:9px 11px;font-size:11px}.mode-switch button span{display:none}.observer{gap:18px;padding:16px 18px}.observer-title{min-width:110px}.observer-title strong{font-size:14px}.sum-view{gap:10px}.wave-part{width:115px;grid-template-columns:45px 45px;gap:0 4px}.wave-part output{font-size:16px}.controls{gap:18px}.move-controls{gap:12px}.transport{gap:14px}.pause-button{padding:12px 11px;min-width:110px}.slit-observation{gap:16px}.spread-symbol{display:none}}@media(max-width:580px){.lab{padding:0 18px}.topline{height:57px;font-size:10px}.edition{font-size:8px;letter-spacing:1px}.edition i{display:none}.back{gap:6px}.back>span{font-size:19px}.text-button{font-size:10px}.heading{display:block;padding:24px 0 18px}.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:8px}.eyebrow span{font-size:9px}h1{font-size:42px;letter-spacing:3px}.heading-right{display:flex;align-items:end;justify-content:space-between;gap:12px;text-align:left;margin-top:18px;padding:0}.gesture{max-width:145px;margin:0;font-size:10px;line-height:1.8}.mode-switch{padding:3px;flex-shrink:0}.mode-switch button{padding:9px 9px;font-size:10px}.water{height:365px}.field-top,.field-foot{left:13px;right:13px;font-size:8px;letter-spacing:.2px}.field-top{top:14px}.field-foot{bottom:13px}.field-unit{font-size:8px}.field-legend{right:13px;bottom:36px;font-size:8px;gap:6px}.field-legend i{width:55px}.observer{padding:13px 13px 15px;display:block;min-height:126px}.observer-title{gap:7px;margin-bottom:8px}.cross-symbol{font-size:18px}.observer-title div{display:flex;align-items:baseline;gap:10px}.observer-title strong{font-size:12px;letter-spacing:1px}.observer-title div>span{font-size:9px;margin-top:0}.sum-view{gap:6px;justify-content:space-between}.wave-part{width:84px;grid-template-columns:33px 43px;grid-template-rows:18px 36px;gap:0 3px}.wave-part>span{font-size:9px}.wave-part output{font-size:14px}.meter{height:36px;margin-left:3px}.meter i{right:4px}.operator{font-size:14px}.controls{display:block;padding:18px 0}.control-label{font-size:11px;margin-bottom:11px}.control-label span{font-size:9px}.move-controls{justify-content:space-between;gap:7px}.source-select{gap:4px}.source-select button{width:30px;height:30px}.arrows{gap:4px}.arrows button{width:30px;height:30px}.probe-button{font-size:9px}.probe-button span{font-size:12px;padding-left:3px}.transport{padding-top:18px;justify-content:space-between}.pause-button{padding:11px 18px;font-size:11px;min-width:160px}.reset-button{padding:10px 8px;font-size:11px}.slit-controls{width:100%}.slit-observation{padding:8px 1px;gap:16px}.slit-ratio b{font-size:28px}.slit-ratio{font-size:10px}.slit-observation>span:nth-child(2){font-size:10px;max-width:160px}.underwater-caption{display:block;margin:14px 0 24px}.underwater-caption p{font-size:10px}.underwater-caption>span{font-size:8px;display:block;margin-top:5px}footer{display:block;font-size:8px;line-height:2}footer>span{display:block}dialog{padding:20px 23px}dialog h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}
/* Readout precision and thumb-friendly controls. */
.observer{position:relative;padding-bottom:27px}
.unit-note{position:absolute;right:26px;bottom:8px;font-size:8px;letter-spacing:.4px;color:#799e96}
@media(max-width:580px){
  .water{height:clamp(285px,40svh,365px)}
  .mode-switch button{min-height:44px;padding:10px 10px}
  .topline .back,.topline .text-button{min-height:44px;display:flex;align-items:center}
  .observer{padding-bottom:25px}
  .unit-note{right:13px;bottom:7px;font-size:8px;letter-spacing:0}
  .move-controls{flex-wrap:wrap;justify-content:flex-start;gap:6px 10px}
  .source-select{gap:4px}
  .source-select button{width:44px;height:44px}
  .arrows{gap:4px;margin-left:auto}
  .arrows button{width:44px;height:44px}
  .probe-button{min-height:44px;flex-basis:100%;text-align:left;font-size:10px}
  .probe-button span{font-size:16px;padding-left:8px}
  .pause-button,.reset-button{min-height:44px}
  .transport{padding-top:12px}
  .range-line input{height:44px}
  .range-line{height:44px}
  .dialog-top button{min-width:44px;min-height:44px}
}
@media(max-width:350px){
  .move-controls{gap:6px}
  .source-select{gap:2px}
  .arrows{gap:2px}
}

/* Shared exhibit navigation and title hierarchy; scene styling stays individual. */
.topline {height:72px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.05em}
.topline .back {display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:500;letter-spacing:.05em}
.topline .back > span {font-size:22px;font-weight:400}
.topline > button {margin-left:auto;min-height:44px;font-size:12px;letter-spacing:.05em}
.heading .eyebrow {font-size:12px;line-height:1.6;letter-spacing:1.5px;margin:0 0 10px}
@media(max-width:760px){.topline {height:56px;min-height:56px} .heading .eyebrow {font-size:11px;margin-bottom:8px}}


.topline .back{white-space:nowrap;letter-spacing:0} @media(max-width:760px){.topline{gap:8px} .topline .back{gap:5px} .topline > button{font-size:11px;padding-left:0;padding-right:0;white-space:nowrap}}