#qlab-content,#qlab-content *{all:revert;box-sizing:border-box}
#qlab-content{color-scheme:light;--bg:#f4f6f8;--panel:#ffffff;--panel2:#ffffff;--ink:#33342f;--muted:#60605a;--line:#deded8;--aqua:#0f766e;--warm:#b7791f;--warm-dark:#edf7f4;--sans:Inter,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
#qlab-content *{box-sizing:border-box}
#qlab-content{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
#qlab-content button,#qlab-content input,#qlab-content select{font:inherit}
#qlab-content button,#qlab-content select,#qlab-content input[type=checkbox],#qlab-content input[type=range],#qlab-content summary{cursor:pointer}
#qlab-content button{color:inherit;border:0}
#qlab-content a{color:inherit;text-decoration:none}
#qlab-content button:focus-visible,#qlab-content a:focus-visible,#qlab-content summary:focus-visible,#qlab-content input:focus-visible,#qlab-content select:focus-visible{outline:2px solid var(--warm);outline-offset:4px}
#qlab-content button:disabled{opacity:.35;cursor:default}
#qlab-content [hidden]{display:none!important}
#qlab-content .topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4.5vw}
#qlab-content .brand{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:1.8px;font-weight:600;white-space:nowrap}
#qlab-content .brand svg{width:38px;height:38px;fill:none;stroke:var(--aqua);stroke-width:1.2}
#qlab-content .brand svg path{stroke-width:1.5}
#qlab-content .brand-light{color:var(--muted);font-weight:400}
#qlab-content .topnote{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}
#qlab-content .tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--aqua)}
#qlab-content .text-button{padding:3px 0;background:transparent;color:var(--muted);font-size:12px;transition:color .2s}
#qlab-content .text-button:hover{color:var(--ink)}
#qlab-content .text-button span{margin-left:8px;color:var(--warm)}
#qlab-content #lab{max-width:1536px;margin:auto;padding:0 4.5vw}
#qlab-content .intro{display:flex;align-items:center;justify-content:space-between;padding:38px 0 30px}
#qlab-content .eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;color:var(--warm);margin:0 0 9px}
#qlab-content h1{font:400 clamp(32px,3.6vw,52px)/1.13 var(--serif);letter-spacing:-1.4px;margin:0 0 10px}
#qlab-content h1 em{color:var(--aqua);font-weight:400}
#qlab-content .subtitle{color:var(--muted);font-size:13px;margin:0}
#qlab-content .intro-mark{font:italic 70px/1 var(--serif);color:#60605a;padding-right:16px;display:flex;align-items:center;gap:12px}
#qlab-content .intro-mark span{font:italic 18px var(--serif);color:#60605a}
#qlab-content .experiment-nav{display:flex;gap:8px;padding-bottom:20px}
#qlab-content .experiment{display:flex;align-items:center;gap:10px;padding:11px 17px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:13px;transition:background .2s,color .2s}
#qlab-content .experiment:hover{background:var(--panel)}
#qlab-content .experiment.selected{background:var(--panel2);border-color:#deded8;color:var(--ink)}
#qlab-content .exp-number{font-size:10px;color:var(--warm);font-variant-numeric:tabular-nums}
#qlab-content .exp-tag{font-size:8px;letter-spacing:1px;color:#60605a;margin-left:6px}
#qlab-content .lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px;align-items:stretch}
#qlab-content .experiment-panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
#qlab-content .scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line)}
#qlab-content .scene-title{display:flex;align-items:center;gap:9px}
#qlab-content .scene-title h2{font-size:12px;font-weight:500;letter-spacing:.2px;margin:0}
#qlab-content .run-dot{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 9px #0f766e4d}
#qlab-content .run-dot.paused{background:var(--warm);box-shadow:none}
#qlab-content .view-switch{display:flex;background:#ffffff;border:1px solid var(--line);border-radius:5px;padding:3px;gap:2px}
#qlab-content .view-switch button{background:transparent;color:var(--muted);padding:4px 12px;font-size:11px;border-radius:3px}
#qlab-content .view-switch button.active{color:var(--ink);background:#edf7f4}
#qlab-content .scene-wrap{position:relative;background:#ffffff}
#qlab-content .scene-wrap canvas{width:100%;height:auto;aspect-ratio:1.95;display:block}
#qlab-content .scene-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 20px 12px;gap:20px;color:#60605a;font-size:10px;min-height:32px}
#qlab-content .scale-label{white-space:nowrap;color:#60605a}
#qlab-content .boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#ffffff;font-size:12px;color:var(--muted);z-index:2}
#qlab-content .loading-line{width:80px;height:1px;background:var(--aqua)}
#qlab-content .playback{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;background:#ffffff;border-top:1px solid var(--line)}
#qlab-content .transport{display:flex;align-items:center;gap:8px}
#qlab-content .play-button{border-radius:5px;background:var(--aqua);color:#60605a;padding:8px 16px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:11px;min-width:90px}
#qlab-content .play-button:hover{background:#115e59}
#qlab-content #playIcon{font-size:13px}
#qlab-content .icon-button{background:transparent;font-size:21px;line-height:1;border-radius:4px;padding:6px 9px;color:var(--muted)}
#qlab-content .icon-button:hover{background:#edf7f4;color:var(--ink)}
#qlab-content #stepButton{font-size:15px}
#qlab-content .transport-divider{width:1px;height:19px;background:var(--line);margin:0 7px}
#qlab-content .loop-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;cursor:pointer}
#qlab-content .loop-label input{position:absolute;opacity:0;width:1px;height:1px}
#qlab-content .switch{display:block;width:26px;height:15px;background:#deded8;border-radius:12px;padding:3px;transition:background .2s}
#qlab-content .switch:after{content:"";display:block;background:#33342f;width:9px;height:9px;border-radius:50%;transition:transform .2s}
#qlab-content .loop-label input:checked+.switch{background:#0f766e}
#qlab-content .loop-label input:checked+.switch:after{transform:translateX(11px)}
#qlab-content .loop-label input:focus-visible+.switch{outline:2px solid var(--warm);outline-offset:4px}
#qlab-content .speed-label{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px}
#qlab-content select{border:1px solid var(--line);background:#ffffff;color:var(--ink);border-radius:4px;padding:5px 8px}
#qlab-content .readouts{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 20px;border-top:1px solid var(--line)}
#qlab-content .readouts>div+div{border-left:1px solid var(--line);padding-left:16px}
#qlab-content .readout-label{display:block;font-size:8px;letter-spacing:.9px;color:#60605a;margin-bottom:7px}
#qlab-content .readouts strong{font-weight:400;font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
#qlab-content .readouts small{font-size:11px;color:var(--muted);margin-left:3px}
#qlab-content .controls{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--panel)}
#qlab-content .controls-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#qlab-content .controls h2{font-size:13px;font-weight:500;margin:0}
#qlab-content .controls-heading button{font-size:10px}
#qlab-content .controls-note{color:#60605a;font-size:10px;margin:7px 0 18px}
#qlab-content .control-group{border-top:1px solid var(--line);padding:17px 0 0;margin-top:17px}
#qlab-content .group-label{font-size:8px;letter-spacing:1.4px;color:var(--warm);margin-bottom:14px;font-weight:600}
#qlab-content .range-control{display:block;margin-bottom:18px}
#qlab-content .range-control>span:first-child{display:flex;align-items:center;font-size:11px;gap:6px;color:#33342f}
#qlab-content .range-control i{color:#60605a;font-family:var(--serif);font-size:12px}
#qlab-content .range-control output{margin-left:auto;color:var(--aqua);font-variant-numeric:tabular-nums;font-size:11px}
#qlab-content .range-control input{display:block;width:100%;margin:13px 0 5px;height:3px;accent-color:var(--aqua);appearance:none;background:linear-gradient(to right,#0f766e 0%,#0f766e var(--fill,40%),#deded8 var(--fill,40%),#deded8 100%);border-radius:3px}
#qlab-content .range-control input::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 3px #0f766e14}
#qlab-content .range-control input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--aqua)}
#qlab-content .range-ends{display:flex;justify-content:space-between;font-size:9px;color:#60605a;margin-top:9px}
#qlab-content .select-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#33342f;font-size:11px}
#qlab-content .select-label select{font-size:10px;max-width:140px}
#qlab-content .display-group{margin-top:18px;padding-top:15px}
#qlab-content .display-group .group-label{margin-bottom:11px}
#qlab-content .check-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#33342f}
#qlab-content .check-label input{margin:0;accent-color:var(--aqua);width:13px;height:13px}
#qlab-content .hint{font-size:9px;width:14px;height:14px;line-height:12px;text-align:center;border:1px solid #deded8;border-radius:50%;color:var(--muted);margin-left:auto}
#qlab-content .current-note{font-size:9px;color:#60605a;margin:6px 0 0 21px}
#qlab-content .wave-facts{border-top:1px solid var(--line);padding-top:13px;margin-top:17px}
#qlab-content .wave-facts>div{display:flex;align-items:center;justify-content:space-between;color:#60605a;font-size:10px;margin:6px 0}
#qlab-content .wave-facts strong{font-size:10px;font-weight:400;color:#33342f;font-variant-numeric:tabular-nums}
#qlab-content .energy-compare{font-size:10px;line-height:1.6;color:var(--muted);padding:10px;background:#edf7f4;border-radius:4px;margin-top:14px}
#qlab-content .energy-compare strong{color:var(--warm);font-weight:500}
#qlab-content .lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;margin-top:28px}
#qlab-content .detector-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:23px 24px 16px;min-width:0}
#qlab-content .detector-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}
#qlab-content .detector-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:7px}
#qlab-content .detector-heading h2{font:400 25px/1.2 var(--serif);letter-spacing:-.4px;margin:0}
#qlab-content .click-count{display:flex;flex-direction:column;align-items:flex-end}
#qlab-content .click-count strong{font-size:24px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--aqua)}
#qlab-content .click-count span{font-size:7px;letter-spacing:1.1px;color:var(--muted);margin-top:3px}
#qlab-content .chart-wrap{position:relative}
#qlab-content .chart-wrap canvas{display:block;width:100%;height:186px}
#qlab-content .detector-empty{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;padding-bottom:24px;color:#60605a;font-size:11px;pointer-events:none}
#qlab-content .chart-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#60605a;gap:12px}
#qlab-content .legend{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:#60605a}
#qlab-content .legend>span{display:flex;align-items:center;gap:6px}
#qlab-content .swatch{display:inline-block;width:13px;height:3px}
#qlab-content .swatch.clicks{background:#14b8a6;height:6px}
#qlab-content .swatch.prediction{background:var(--warm);height:1px}
#qlab-content .detector-footnote{font-size:9px;line-height:1.7;color:#60605a;margin:12px 0 0;border-top:1px solid var(--line);padding-top:10px}
#qlab-content .explanation{padding:6px 6px 0}
#qlab-content .explanation .eyebrow{font-size:8px;letter-spacing:1.3px}
#qlab-content .explanation h2{font:400 30px/1.1 var(--serif);letter-spacing:-.4px;margin:13px 0}
#qlab-content .explanation>p:not(.eyebrow){font-size:12px;line-height:1.75;color:#60605a;max-width:440px}
#qlab-content .explanation-equation{font:italic 26px/1.4 var(--serif);color:#0f766e;margin:17px 0 16px}
#qlab-content .explanation .experiment-tip{font-size:10px!important;line-height:1.8!important;padding-left:12px;border-left:1px solid #b7791f;color:#60605a}
#qlab-content .experiment-tip span{display:block;font-size:7px;letter-spacing:1.3px;color:var(--warm);margin-bottom:2px}
#qlab-content .color-key{max-width:350px;margin-top:19px}
#qlab-content .density-scale,#qlab-content .phase-scale{height:5px;border-radius:4px;background:linear-gradient(90deg,#60605a,#60605a,#60605a,#60605a,#60605a)}
#qlab-content .phase-scale{background:linear-gradient(90deg,#60605a,#60605a,#60605a,#60605a,#60605a,#60605a,#60605a)}
#qlab-content .color-key>div+div{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#60605a;margin-top:7px}
#qlab-content .explanation .color-note{font-size:9px!important;color:#60605a!important;margin-top:7px}
#qlab-content .methods{margin:30px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#qlab-content .methods summary{list-style:none;display:flex;align-items:center;gap:20px;padding:19px 0;font-size:12px;color:#33342f}
#qlab-content .methods summary::-webkit-details-marker{display:none}
#qlab-content .methods-badge{font-size:8px;letter-spacing:1.1px;color:#60605a}
#qlab-content .chevron{margin-left:auto;font-size:22px;color:var(--warm);font-weight:400}
#qlab-content .methods[open] .chevron{transform:rotate(45deg)}
#qlab-content .methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:15px}
#qlab-content .methods-grid h3{font-size:13px;font-weight:500;color:#0f766e;margin:0 0 12px}
#qlab-content .methods-grid p{font-size:11px;line-height:1.9;color:#60605a}
#qlab-content .math{font:italic 17px/1.6 var(--serif);color:#0f766e;margin:15px 0}
#qlab-content .source-links{display:flex;flex-wrap:wrap;gap:20px;padding:15px 0 22px;color:#0f766e;font-size:10px}
#qlab-content .source-links>span{color:#60605a}
#qlab-content .source-links a:hover{text-decoration:underline}
#qlab-content footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#60605a;padding:23px 0 30px}
#qlab-content footer>span:first-child{font-size:8px;letter-spacing:1px;color:#60605a}
#qlab-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){#qlab-content .scene-wrap canvas{aspect-ratio:2.05}
#qlab-content .controls{padding:22px}
#qlab-content .lab-grid{grid-template-columns:minmax(0,1fr) 308px}}
@media(max-width:1050px){#qlab-content .topbar{padding:0 3vw}
#qlab-content .topnote{display:none}
#qlab-content #lab{padding:0 3vw}
#qlab-content .lab-grid{gap:14px;grid-template-columns:minmax(0,1fr) 258px}
#qlab-content .controls{padding:17px}
#qlab-content .scene-wrap canvas{aspect-ratio:1.55}
#qlab-content .scene-toolbar{padding:14px}
#qlab-content .readouts{padding:17px 14px}
#qlab-content .readouts>div+div{padding-left:10px}
#qlab-content .readout-label{font-size:7px;letter-spacing:.5px}
#qlab-content .readouts strong{font-size:17px}
#qlab-content .playback{padding:13px 14px}
#qlab-content .exp-tag{display:none}
#qlab-content .lower-grid{gap:22px;grid-template-columns:1.25fr 1fr}
#qlab-content .detector-panel{padding:19px}
#qlab-content .detector-heading h2{font-size:21px}
#qlab-content .explanation h2{font-size:28px}
#qlab-content .scene-bottom{padding-left:14px;padding-right:14px;font-size:9px}}
@media(max-width:760px){#qlab-content .topbar{height:68px;padding:0 5vw}
#qlab-content .brand{font-size:10px;letter-spacing:1.1px;gap:9px}
#qlab-content .brand svg{width:30px;height:30px}
#qlab-content .topbar>.text-button{font-size:10px}
#qlab-content #lab{padding:0 5vw}
#qlab-content .intro{padding:29px 0 24px}
#qlab-content .intro-mark{display:none}
#qlab-content h1{font-size:38px}
#qlab-content .eyebrow{font-size:8px;letter-spacing:1.1px}
#qlab-content .subtitle{font-size:12px;max-width:280px}
#qlab-content .experiment-nav{gap:4px;padding-bottom:16px;justify-content:space-between}
#qlab-content .experiment{padding:9px 10px;font-size:11px;gap:6px}
#qlab-content .exp-number{font-size:8px}
#qlab-content .lab-grid{grid-template-columns:1fr;gap:18px}
#qlab-content .scene-wrap canvas{aspect-ratio:1.55}
#qlab-content .scene-title h2{font-size:11px}
#qlab-content .view-switch button{font-size:10px;padding:4px 9px}
#qlab-content .readouts{padding:15px 12px}
#qlab-content .readout-label{font-size:6.8px;letter-spacing:.3px}
#qlab-content .readouts strong{font-size:16px}
#qlab-content .readouts>div+div{padding-left:9px}
#qlab-content .scene-bottom{font-size:8px;gap:10px}
#qlab-content .controls{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:20px}
#qlab-content .controls-heading,#qlab-content .controls-note{grid-column:1/-1}
#qlab-content .controls-note{margin-bottom:3px}
#qlab-content .control-group{margin-top:15px}
#qlab-content .display-group{margin-top:0}
#qlab-content .wave-facts{margin-top:0}
#qlab-content .control-group:has(+[hidden]){align-self:start}
#qlab-content .group-label{font-size:8px}
#qlab-content .controls h2{font-size:13px}
#qlab-content .lower-grid{grid-template-columns:1fr;gap:26px;margin-top:22px}
#qlab-content .detector-panel{padding:20px}
#qlab-content .explanation{padding:0}
#qlab-content .explanation h2{font-size:30px}
#qlab-content .explanation h2 br{display:none}
#qlab-content .explanation>p:not(.eyebrow){max-width:none}
#qlab-content .explanation-equation{margin:15px 0}
#qlab-content .color-key{max-width:none}
#qlab-content .methods-grid{grid-template-columns:1fr;gap:16px}
#qlab-content .methods-badge{font-size:7px;letter-spacing:.5px}
#qlab-content .methods summary{gap:10px}
#qlab-content .source-links{flex-direction:column;gap:12px}
#qlab-content footer{font-size:8px;flex-wrap:wrap;gap:13px}
#qlab-content footer>span:last-child{display:none}}
@media(max-width:390px){#qlab-content .experiment{padding:8px 6px;font-size:10px}
#qlab-content .readouts strong{font-size:14px}
#qlab-content .readout-label{font-size:6px}
#qlab-content .transport{gap:3px}
#qlab-content .transport-divider{margin:0 4px}
#qlab-content .play-button{min-width:74px;padding:8px 12px}
#qlab-content .loop-label{font-size:10px}
#qlab-content .speed-label{font-size:10px;gap:6px}
#qlab-content .controls{gap:0 17px}
#qlab-content .chart-footer{align-items:flex-start}
#qlab-content .chart-footer>span{font-size:8px}
#qlab-content .detector-heading h2{font-size:20px}
#qlab-content .methods-badge{display:none}}
@media(prefers-reduced-motion:reduce){#qlab-content *{scroll-behavior:auto!important;transition:none!important}}
#qlab-content .experiment-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-bottom:22px}
#qlab-content .experiment{justify-content:flex-start;text-align:left;padding:11px 14px;border:1px solid #deded8;background:#ffffff;min-width:0;gap:10px}
#qlab-content .experiment .exp-tag{margin-left:auto;font-size:7px;letter-spacing:.8px}
#qlab-content .experiment.selected{border-color:#deded8;background:#edf7f4}
#qlab-content .experiment[aria-selected=true] .exp-number{color:#0f766e}
#qlab-content .intro{padding-top:29px;padding-bottom:26px}
#qlab-content .intro h1{font-size:clamp(32px,3.5vw,48px)}
#qlab-content .collection-note{color:#60605a;font-size:11px;margin:0 0 12px;display:flex;justify-content:space-between;gap:20px}
#qlab-content .collection-note span:last-child{color:#60605a}
#qlab-content .model-kind{font-size:9px;color:#60605a;text-align:right;max-width:240px}
#qlab-content .model-scene{display:block;width:100%;height:auto;aspect-ratio:1.95;background:#ffffff}
#qlab-content .model-caption{display:flex;justify-content:space-between;gap:20px;padding:3px 20px 13px;background:#ffffff;color:#60605a;font-size:10px;min-height:34px}
#qlab-content .model-caption span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
#qlab-content .model-sampling-label{font-size:9px;color:#60605a;margin-left:8px}
#qlab-content .model-readouts strong{font-size:21px}
#qlab-content .model-readouts .readout-label{font-size:8px;line-height:1.4;min-height:13px}
#qlab-content .model-controls .control-group{padding-top:16px}
#qlab-content .model-controls .range-control{margin-bottom:21px}
#qlab-content .model-controls .select-label{display:block;margin:16px 0 22px}
#qlab-content .model-controls .select-label select{display:block;width:100%;max-width:none;margin-top:9px;padding:8px;font-size:11px}
#qlab-content .model-control-hint{color:#60605a;font-size:10px;line-height:1.8;margin:16px 0}
#qlab-content .model-preset{width:100%;margin-top:3px;padding:9px 12px;background:#edf7f4;color:#0f766e;border:1px solid #deded8;border-radius:5px;font-size:11px}
#qlab-content .model-preset:hover{background:#edf7f4}
#qlab-content .model-assumptions{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
#qlab-content .model-assumptions p{font-size:10px;color:#60605a;line-height:1.8;margin:8px 0}
#qlab-content .model-chart{width:100%;height:215px;display:block}
#qlab-content .model-chart-panel .detector-heading h2{font-size:25px}
#qlab-content .model-legend{margin-top:4px;gap:15px;font-size:10px;line-height:1.6}
#qlab-content .model-legend .swatch{height:2px}
#qlab-content .model-equation{font-size:23px;overflow-wrap:anywhere}
#qlab-content .model-control-heading{font-size:8px;letter-spacing:1.4px;color:var(--warm);padding-top:15px;border-top:1px solid var(--line);margin-top:17px;margin-bottom:17px}
#qlab-content .model-side-note{font-size:10px;color:#60605a;line-height:1.8}
#qlab-content .tab-help{font-size:10px;color:#60605a}
#qlab-content .model-chart-panel .detector-footnote{min-height:40px}
#qlab-content .model-controls select{width:100%}
#qlab-content #modelsPane:focus-visible,#qlab-content #wavePane:focus-visible{outline:2px solid var(--warm);outline-offset:5px}
@media(max-width:1050px){#qlab-content .experiment .exp-tag{display:none}
#qlab-content .model-scene{aspect-ratio:1.55}
#qlab-content .model-kind{font-size:8px;max-width:150px}
#qlab-content .model-readouts strong{font-size:17px}
#qlab-content .model-readouts .readout-label{font-size:7px}
#qlab-content .model-caption{font-size:9px}
#qlab-content .model-sampling-label{display:none}}
@media(max-width:760px){#qlab-content .experiment-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#qlab-content .experiment{font-size:10px;min-height:43px;padding:8px;gap:6px}
#qlab-content .exp-number{font-size:8px}
#qlab-content .experiment .exp-tag{display:none}
#qlab-content .collection-note{font-size:9px;line-height:1.6}
#qlab-content .collection-note span:last-child{display:none}
#qlab-content .intro .subtitle{max-width:340px}
#qlab-content .model-controls{display:block}
#qlab-content .model-scene{aspect-ratio:1.3}
#qlab-content .model-kind{max-width:130px;font-size:8px}
#qlab-content .model-caption{padding:5px 13px 12px;font-size:9px}
#qlab-content .model-caption span:first-child{max-width:235px}
#qlab-content .model-readouts strong{font-size:17px}
#qlab-content .model-readouts .readout-label{font-size:6.8px}
#qlab-content .model-controls #modelControlFields{display:grid;grid-template-columns:1fr 1fr;gap:0 23px}
#qlab-content .model-control-heading{grid-column:1/-1}
#qlab-content .model-controls .range-control{align-self:center;margin-bottom:22px}
#qlab-content .model-controls .select-label{grid-column:1/-1}
#qlab-content .model-assumptions{margin-top:15px;padding-top:15px}
#qlab-content .model-equation{font-size:22px}
#qlab-content .model-chart-panel .detector-heading h2{font-size:23px}
#qlab-content .model-chart{height:205px}
#qlab-content .model-scene+div{line-height:1.7}
#qlab-content .model-controls .controls-note{margin-bottom:16px}
#qlab-content .model-controls .select-label:first-of-type{margin-top:0}}
@media(max-width:390px){#qlab-content .experiment{font-size:9px;padding:7px 5px;gap:5px}
#qlab-content .model-kind{display:none}
#qlab-content .model-readouts strong{font-size:15px}
#qlab-content .model-readouts .readout-label{font-size:6.5px}
#qlab-content .model-controls #modelControlFields{gap:0 18px}
#qlab-content .model-caption{gap:12px}
#qlab-content .intro h1{font-size:34px}}
#qlab-content{--bg:#f4f6f8;--panel:#fff;--panel2:#f4f6f8;--ink:#171717;--muted:#60605a;--line:#deded8;--aqua:#0f766e;--warm:#b7791f;--warm-dark:#fff3e1;--sans:Inter,Roboto,"Segoe UI",Arial,sans-serif}
#qlab-content{background:#fff}
#qlab-content #lab{padding:0 24px}
#qlab-content .topbar{padding:0 24px;height:68px;background:#fff}
#qlab-content .intro{background:#fff;padding:28px 0 24px}
#qlab-content .intro h1{font-family:var(--sans);font-weight:800;letter-spacing:-1px;font-size:clamp(28px,3.4vw,40px);background:linear-gradient(135deg,#258ecb 0%,#0f766e 50%,#14b8a6 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
#qlab-content .intro h1 em{font-style:normal;color:inherit;font-weight:800}
#qlab-content .subtitle{font-size:14px;line-height:1.55}
#qlab-content .intro-mark{color:#0f766e}
#qlab-content .intro-mark span{color:#60605a}
#qlab-content .experiment,#qlab-content .experiment-panel,#qlab-content .controls,#qlab-content .detector-panel,#qlab-content .explanation{border-radius:8px}
#qlab-content .experiment-panel,#qlab-content .controls,#qlab-content .detector-panel,#qlab-content .explanation{box-shadow:0 8px 24px rgba(0,0,0,.06);border:1px solid #deded8;background:#fff;transition:border-color 160ms ease,box-shadow 160ms ease}
#qlab-content .experiment-panel:hover,#qlab-content .controls:hover,#qlab-content .detector-panel:hover,#qlab-content .explanation:hover{border-color:#14b8a6;box-shadow:0 18px 40px rgba(0,0,0,.12)}
#qlab-content .experiment{background:#f4f6f8;border-color:#deded8;font-weight:600}
#qlab-content .experiment:hover{background:#edf7f4;border-color:#14b8a6}
#qlab-content .experiment.selected{background:rgba(20,184,166,.12);border-color:#14b8a6;color:#0f766e}
#qlab-content .experiment.selected .exp-number{color:#0f766e}
#qlab-content .scene-wrap,#qlab-content .model-scene,#qlab-content .model-caption,#qlab-content .boot{background:#f8fafb}
#qlab-content .scene-title h2,#qlab-content .controls h2{font-weight:700;font-size:13px}
#qlab-content .playback{background:#f4f6f8}
#qlab-content .play-button{background:linear-gradient(135deg,#434fbd 0%,#6b55db 47%,#9f3786 100%);color:#fff;border-radius:8px;min-height:38px}
#qlab-content .play-button:hover{background:#115e59;color:#fff}
#qlab-content .icon-button:hover{background:#e3ece9}
#qlab-content .model-preset{background:#fff;border-color:#deded8;color:#0f766e;min-height:38px;border-radius:8px}
#qlab-content .model-preset:hover{background:#edf7f4;border-color:#14b8a6}
#qlab-content select{background:#fff;border-radius:6px;min-height:32px}
#qlab-content .readouts strong{font-weight:700;color:#0f766e}
#qlab-content .readout-label{color:#60605a;font-weight:700}
#qlab-content .range-control>span:first-child,#qlab-content .select-label,#qlab-content .check-label{color:#33342f;font-size:12px}
#qlab-content .range-control input{height:4px;background:linear-gradient(to right,#0f766e 0%,#0f766e var(--fill,40%),#deded8 var(--fill,40%),#deded8 100%)}
#qlab-content .switch{background:#c9d3d0}
#qlab-content .switch:after{background:#fff}
#qlab-content .group-label,#qlab-content .model-control-heading,#qlab-content .eyebrow{color:#0f766e;font-weight:800}
#qlab-content .explanation{padding:22px 24px}
#qlab-content .explanation h2,#qlab-content .detector-heading h2{font-family:var(--sans);font-weight:700;font-size:24px;line-height:1.25;letter-spacing:-.4px}
#qlab-content .explanation>p:not(.eyebrow){color:#444742;font-size:13px}
#qlab-content .explanation-equation{color:#0f766e}
#qlab-content .methods{background:#fff}
#qlab-content .methods-grid p{font-size:12px;color:#60605a}
#qlab-content .methods-grid h3{color:#171717;font-weight:700}
#qlab-content .methods summary{color:#33342f;font-weight:600}
#qlab-content .density-scale{background:linear-gradient(90deg,#f5f8f9,#daf4f0,#9fdbd3,#37a59c,#0f766e,#434fbd)}
#qlab-content .phase-scale{background:linear-gradient(90deg,#bf263b,#ab26bf,#263bbf,#26abbf,#3bbf26,#bfab26,#bf263b)}
#qlab-content .model-readouts strong{font-size:20px}
#qlab-content .controls-note,#qlab-content .model-control-hint,#qlab-content .model-assumptions p,#qlab-content .model-caption,#qlab-content .detector-footnote{font-size:11px}
#qlab-content .detector-footnote{line-height:1.6}
#qlab-content .experiment:focus-visible,#qlab-content button:focus-visible,#qlab-content a:focus-visible,#qlab-content input:focus-visible,#qlab-content select:focus-visible,#qlab-content summary:focus-visible{outline:3px solid rgba(13,148,136,.35);outline-offset:2px}
@media(max-width:1050px){#qlab-content .model-readouts strong{font-size:17px}
#qlab-content .explanation{padding:18px}
#qlab-content .explanation h2,#qlab-content .detector-heading h2{font-size:21px}}
@media(max-width:760px){#qlab-content #lab{padding:0 16px}
#qlab-content .topbar{padding:0 16px}
#qlab-content .intro{padding:24px 0}
#qlab-content .intro h1{font-size:30px}
#qlab-content .explanation{padding:20px}
#qlab-content .model-readouts strong{font-size:16px}
#qlab-content .controls-note,#qlab-content .model-control-hint,#qlab-content .model-caption{font-size:10px}}
@media(max-width:390px){#qlab-content .topbar>.text-button{max-width:92px}
#qlab-content .brand{font-size:9px;letter-spacing:.7px;gap:6px}
#qlab-content .model-readouts strong{font-size:14px}
#qlab-content .intro h1{font-size:27px}
#qlab-content .experiment{font-size:9px}}
#qlab-content .experiment-panel,#qlab-content .controls,#qlab-content .detector-panel,#qlab-content .explanation{min-width:0}
@media(max-width:480px){#qlab-content .lab-grid{grid-template-columns:minmax(0,1fr)}
#qlab-content .controls{grid-template-columns:minmax(0,1fr);gap:0}
#qlab-content .controls-heading,#qlab-content .controls-note{grid-column:auto}
#qlab-content .control-group,#qlab-content .wave-facts{margin-top:16px}
#qlab-content .display-group{margin-top:0}
#qlab-content .scene-toolbar{flex-wrap:wrap;padding:12px}
#qlab-content .scene-title h2{font-size:11px}
#qlab-content .view-switch{margin-left:auto}
#qlab-content .scene-bottom{align-items:flex-start;flex-wrap:wrap;gap:4px}
#qlab-content .scale-label{margin-left:auto}
#qlab-content .playback{flex-wrap:wrap;padding:12px;gap:12px}
#qlab-content .transport{flex-wrap:wrap;gap:5px;min-width:0}
#qlab-content .transport-divider{display:none}
#qlab-content .speed-label{margin-left:auto}
#qlab-content .loop-label{margin-left:4px}
#qlab-content .readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 8px}
#qlab-content .readouts>div+div{padding-left:0;border-left:0}
#qlab-content .readouts>div:nth-child(even){border-left:1px solid var(--line);padding-left:10px}
#qlab-content .readout-label{font-size:7px}
#qlab-content .readouts strong,#qlab-content .model-readouts strong{font-size:17px}
#qlab-content .model-controls #modelControlFields{grid-template-columns:minmax(0,1fr);gap:0}
#qlab-content .model-kind{max-width:none;text-align:left}
#qlab-content .explanation h2 br{display:initial}
#qlab-content .explanation h2,#qlab-content .detector-heading h2,#qlab-content .model-chart-panel .detector-heading h2{font-size:20px}
#qlab-content .detector-heading{flex-wrap:wrap}
#qlab-content .select-label{flex-wrap:wrap}
#qlab-content .select-label select{max-width:100%}
#qlab-content .range-control>span:first-child{flex-wrap:wrap}
#qlab-content .range-control output{white-space:nowrap}
#qlab-content .range-ends{gap:10px}
#qlab-content .model-caption{flex-wrap:wrap;gap:4px}
#qlab-content .model-caption span:last-child{margin-left:auto}}
@media(max-width:320px){#qlab-content #lab{padding:0 12px}
#qlab-content .topbar{padding:10px 12px;min-height:64px;height:auto;gap:10px}
#qlab-content .brand-light{display:none}
#qlab-content .topbar>.text-button{font-size:9px;max-width:100px}
#qlab-content .intro h1{font-size:25px}
#qlab-content .subtitle{font-size:12px}
#qlab-content .experiment-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
#qlab-content .experiment{font-size:10px;padding:9px 7px;min-height:42px}
#qlab-content .explanation,#qlab-content .detector-panel,#qlab-content .controls{padding:16px}
#qlab-content .model-assumptions p{font-size:10px}
#qlab-content .click-count{align-items:flex-start}
#qlab-content .methods summary{font-size:11px}}
@media(prefers-reduced-motion:reduce){#qlab-content *{animation:none!important;transition:none!important}}
#qlab-content,#qlab-content{margin:0;min-width:0;background:#f4f6f8}
#qlab-content{font-family:Inter,"Segoe UI",Arial,sans-serif}
#qlab-content .lab-toolbar{display:flex;justify-content:flex-end;align-items:center;min-height:36px;padding:6px clamp(12px,2.4vw,32px);gap:12px}
#qlab-content .lab-toolbar>.text-button{font-size:11px;line-height:1.6;white-space:normal;text-align:right}
#qlab-content #lab{width:100%;max-width:none;margin:0;padding:0 clamp(12px,2.4vw,32px)}
#qlab-content .intro{padding:20px 0 26px;min-width:0;gap:20px}
#qlab-content .intro>div{min-width:0}
#qlab-content .intro h1{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:clamp(28px,3.6vw,46px);font-weight:700;line-height:1.18;letter-spacing:-1.2px;overflow-wrap:normal}
#qlab-content .intro h1 em{font-family:inherit;font-style:normal;font-weight:700;white-space:nowrap}
#qlab-content .intro .subtitle{line-height:1.7;max-width:650px}
#qlab-content .intro-mark{flex:none;font-size:55px}
#qlab-content .experiment-nav{min-width:0}
#qlab-content .experiment{white-space:normal;overflow-wrap:break-word}
#qlab-content .experiment-panel,#qlab-content .controls,#qlab-content .detector-panel,#qlab-content .explanation,#qlab-content .methods{min-width:0}
#qlab-content footer{flex-wrap:wrap;gap:12px;line-height:1.6}
@media(max-width:760px){#qlab-content .lab-toolbar{padding:4px 12px}
#qlab-content .intro{padding:14px 0 23px}
#qlab-content .intro-mark{display:none}
#qlab-content .intro h1{font-size:clamp(27px,5.5vw,37px);letter-spacing:-.7px}
#qlab-content .intro .subtitle{max-width:none}
#qlab-content .collection-note{line-height:1.7}}
@media(max-width:600px){#qlab-content .experiment-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
#qlab-content .experiment{font-size:11px;line-height:1.5;gap:7px;padding:10px 9px}
#qlab-content .exp-tag{display:none!important}
#qlab-content .lab-toolbar{min-height:34px}
#qlab-content .intro h1{max-width:100%}
#qlab-content .scene-title h2{line-height:1.5}
#qlab-content .methods-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){#qlab-content #lab{padding:0 10px}
#qlab-content .intro h1{font-size:27px}
#qlab-content .experiment{font-size:10px;padding:10px 7px}}