:root{color-scheme:light;--ink:#292832;--muted:#6e687a;--paper:#f5f3f7;--purple:#7861a5;--violet:#b6a2da;--lime:#d5eb75;--line:#cbc5d2}*{box-sizing:border-box}body{margin:0;background:#eae8ed;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6b4d9a;outline-offset:4px}.page{max-width:1200px;margin:auto;padding:0 36px}.masthead{min-height:82px;border-bottom:1px solid #bdb6c6;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px}.back{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center;font-weight:600}.info-button{border:0;background:none;min-height:44px;padding:0 4px}.intro{display:flex;align-items:center;justify-content:space-between;padding:33px 0 29px;gap:20px}.eyebrow{font-size:14px;color:#6c568e;letter-spacing:2px;margin:0 0 11px}h1{font-size:clamp(34px,5.5vw,60px);letter-spacing:-2px;line-height:1.15;font-weight:650;margin:0}h1 span{color:var(--purple)}.intro-mark{display:flex;align-items:center;gap:10px;margin-right:12px}.intro-mark i{width:9px;height:9px;border-radius:50%;background:#888093}.intro-mark i:last-child{background:#506229}.intro-mark b{font-size:49px;color:#8a72b0;margin:0 9px}.instrument{border:1px solid #bcb3c7;background:var(--paper);box-shadow:7px 7px 0 #d9d5df}.instrument-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #ddd7e5;color:#6b6278;font-size:12px}.instrument-top b{font-weight:400}.live-dot{display:inline-block;width:6px;height:6px;background:#5f7441;border-radius:50%;margin-right:9px}.paused .live-dot{background:#a59aaa}.scene{height:310px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%}.barrier-handle{position:absolute;top:37px;width:54px;min-height:63px;transform:translateX(-50%);background:#614588;color:#fff;border:2px solid #3a2655;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;touch-action:none;cursor:ew-resize;box-shadow:0 3px 0 #3a2655;z-index:2;padding:0}.barrier-handle:hover{background:#75549e}.barrier-handle:active{cursor:grabbing;box-shadow:none}.barrier-handle span{font-size:25px;line-height:30px}.barrier-handle small{font-size:10px;line-height:17px;letter-spacing:1px}.width-controls{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:0 16px;padding:7px 24px 15px}.width-controls label{font-size:12px}.width-controls strong{font-family:Consolas,monospace;font-size:22px;margin-left:10px;font-weight:500}.width-controls small{margin-left:5px;color:#76698b}.width-controls input{width:100%;min-width:0;height:44px;accent-color:#75549e;margin:0;cursor:ew-resize}.width-extremes{display:flex;justify-content:space-between;grid-column:2;font-size:10px;color:#887b97;margin-top:-5px}.readouts{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;background:#e5e0ed}.readouts>div{padding:17px 24px 14px;min-width:0}.readouts>div+div{border-left:1px solid var(--line)}.readouts span{font-size:12px;color:#756785;display:block}.readouts strong{font:42px/1.25 Consolas,monospace;display:block;letter-spacing:-1px;margin:7px 0 0}.readouts strong small{font-size:19px;color:#6c617d;letter-spacing:0}.readouts>div>small{display:block;color:#7b6a8e;font-size:11px;margin-top:6px;min-height:15px}.probability-track{height:4px;background:#c6bdd3;margin-top:13px}.probability-track i{display:block;height:100%;background:#7861a5;width:0}.actions{display:flex;gap:9px;padding:14px 24px 18px;background:#e5e0ed}.actions button{min-height:44px;border:1px solid #b8acc8;background:#f5f2f9;border-radius:3px;padding:0 19px;font-size:12px;flex:1}.actions .primary{background:var(--ink);border-color:var(--ink);color:#f4f1f8}.actions button:hover{filter:brightness(.94)}.recording{margin-top:32px;background:#2e2c35;color:#e8e5ed;border-top:5px solid #a396b6;padding:20px 23px}.record-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.record-header h2{font-size:16px;font-weight:500;margin:0}.record-header>span{font-size:11px;color:#b6afc1}.pass-key,.reflect-key{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 6px 0 12px}.pass-key{background:var(--lime)}.reflect-key{background:var(--violet)}.detectors{display:grid;grid-template-columns:90px minmax(0,1fr) 90px;gap:18px;align-items:center}.detector{display:flex;align-items:center;flex-direction:column;padding:14px 4px;border:1px solid #57515e;background:#35313d;border-radius:4px}.detector span{font-size:11px;color:#bbb1cb}.detector strong{font:30px/1.5 Consolas,monospace}.detector i{width:6px;height:6px;border-radius:50%;background:#615c69;margin-top:6px}.detector.pass{color:var(--lime)}.detector.reflect{color:var(--violet)}.detector.flash i{background:currentColor;box-shadow:0 0 12px currentColor}.record-paper{position:relative;min-height:120px;align-self:stretch;border-top:1px dashed #6e647a;border-bottom:1px dashed #6e647a;padding:13px 0 23px}.dots{display:grid;grid-template-columns:repeat(30,1fr);gap:6px;align-content:start}.dots i{display:block;width:7px;height:7px;border-radius:50%;background:var(--violet);justify-self:center}.dots i.pass{background:var(--lime)}#record-empty{font-size:12px;color:#978ca4;margin:15px 0;text-align:center}#paper-caption{position:absolute;bottom:5px;left:0;font-size:10px;color:#9d92ab}.record-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.record-note p{font-size:11px;line-height:1.8;color:#b4a9c2;margin:0}.record-note button{border:0;background:none;color:#e8dff4;font-size:11px;padding:4px 0;min-height:44px;white-space:nowrap}.comparison{display:flex;gap:30px;align-items:center;border-top:1px solid #c9c1d2;border-bottom:1px solid #c9c1d2;padding:21px 2px;margin-top:28px;color:#82748f;font-size:12px;line-height:1.8}.comparison>div:first-child{min-width:145px;display:flex;gap:15px}.comparison strong{font-weight:500}footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#96899f;padding:25px 0 35px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{max-width:650px;width:calc(100% - 30px);max-height:88vh;border:1px solid #b9afc5;background:#f5f2f8;color:#39303f;border-radius:5px;padding:34px;line-height:1.9}dialog::backdrop{background:#22202d99;backdrop-filter:blur(3px)}dialog h2{font-size:25px;line-height:1.5;margin:14px 0 22px}dialog h3{font-size:16px;margin:25px 0 8px}dialog p{font-size:13px}dialog form{float:right}.close-info{height:44px;width:44px;border:0;background:none;font-size:28px;line-height:1}.formula{padding:16px;background:#e6e0ed;font:13px/2 Consolas,monospace;overflow-wrap:anywhere}.source-links{display:flex;flex-direction:column;gap:7px}.source-links a{color:#6c4c94;text-underline-offset:4px}.smallprint{color:#8a7a99;font-size:11px!important}
@media(min-width:1000px){main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:0 28px;align-items:start}.instrument{grid-row:1/4}.recording{margin-top:0;padding:19px 17px}.record-header{align-items:flex-start;flex-direction:column;gap:13px}.record-header>span{margin-left:-12px}.detectors{grid-template-columns:1fr 1fr;gap:14px}.record-paper{grid-column:1/-1;grid-row:2;height:160px}.detector{padding:10px}.detector.reflect{grid-column:1}.detector.pass{grid-column:2;grid-row:1}.dots{grid-template-columns:repeat(15,1fr);gap:7px}.record-note{flex-direction:column;align-items:flex-start;gap:3px}.comparison{margin-top:22px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0}footer{grid-column:1/-1}.scene{height:340px}}
@media(max-width:600px){.page{padding:0 17px}.masthead{min-height:66px}.intro{padding:23px 0 20px}.eyebrow{font-size:12px;margin-bottom:9px}h1{font-size:34px;letter-spacing:-1.5px}.intro-mark{display:none}.scene{height:280px}.instrument-top{font-size:10px;padding:0 13px;height:37px}.barrier-handle{top:36px;width:48px;min-height:59px}.barrier-handle small{font-size:9px}.width-controls{grid-template-columns:112px minmax(0,1fr);gap:0 11px;padding:0 13px 12px}.width-controls label{font-size:10px}.width-controls strong{font-size:18px;margin-left:3px}.width-controls small{font-size:9px;margin-left:3px}.readouts>div{padding:12px 13px}.readouts span{font-size:10px}.readouts strong{font-size:33px;margin-top:6px}.readouts strong small{font-size:16px}.readouts>div>small{font-size:9px}.probability-track{margin-top:14px}.actions{padding:0 13px 13px;gap:6px}.actions button{font-size:10px;padding:0 4px}.recording{margin-top:23px;padding:16px 13px}.record-header{gap:8px;margin-bottom:16px;flex-wrap:wrap}.record-header h2{font-size:13px}.record-header>span{font-size:9px}.pass-key,.reflect-key{margin-left:7px;margin-right:3px}.detectors{grid-template-columns:48px minmax(0,1fr) 48px;gap:9px}.detector{padding:10px 0}.detector strong{font-size:23px}.detector span{font-size:9px}.record-paper{min-height:138px}.dots{grid-template-columns:repeat(12,1fr);gap:4px}.dots i{width:5px;height:5px}#paper-caption{font-size:8px}.record-note{display:block}.record-note p{font-size:10px}.record-note button{font-size:10px}.comparison{margin-top:20px;gap:8px;align-items:flex-start;flex-direction:column;padding:17px 0;font-size:11px}footer{font-size:9px;padding-top:20px;gap:10px}dialog{padding:22px}dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}