@font-face{font-family:Plex;src:url('/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}:root{color-scheme:dark;background:#050708;color:#cbd3d6;font-family:Plex,monospace}body{margin:0}header{height:98px;padding:27px 36px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #192126}.identity{font-size:17px;letter-spacing:.09em}.identity span,.specimen span{display:block;font-size:11px;letter-spacing:.15em;color:#7d8a91;margin-top:6px}.specimen{font-size:13px;letter-spacing:.07em;padding-top:3px}.specimen span{font-size:11px}button{font-family:inherit;font-size:12px;color:#b9c6cb;background:#0a1013;border:1px solid #2b383f;padding:11px 14px;border-radius:2px;cursor:pointer}button:hover{color:#f4f7f8;border-color:#64747d}button:focus-visible,a:focus-visible{outline:2px solid #e2b57f;outline-offset:4px}header button{border-color:transparent;background:transparent;padding-right:0;font-size:11px}main{position:relative}.readout{position:absolute;left:36px;right:36px;top:26px;display:flex;align-items:center;gap:22px;z-index:1;pointer-events:none}.readout>div{display:flex;align-items:center;gap:16px}.label{color:#8a999f;font-size:11px;letter-spacing:.08em}.readout strong{font-size:24px;font-weight:400;font-variant-numeric:tabular-nums}.relation{color:#596971;font-size:11px}.readout p{font-size:11px;color:#a7b6bc;margin-left:auto}#device{display:block;width:100%;height:calc(100svh - 298px);min-height:480px}.instrument{padding:0 36px 22px}.controls{display:flex;gap:8px;align-items:center}.controls button{min-height:42px}.key{font-size:11px;border:1px solid #3c4c54;padding:1px 4px;margin-right:10px;color:#aab9bf}b{font-weight:400;color:#e0b27b;margin-left:10px}.traceWrap{position:relative;margin-top:16px;height:88px;max-width:100%}#trace{width:100%;height:62px;display:block}.traceLegend{display:flex;gap:26px;font-size:11px;color:#63737c;line-height:24px}.traceLegend span:last-child{margin-left:auto}.inputColor{color:#e0b27b}.outputColor{color:#90becb}.caption{font-size:11px;color:#809099;line-height:1.6;margin:10px 0 0}#methodPanel{position:fixed;z-index:5;right:0;top:0;height:100svh;overflow:auto;width:min(520px,100%);padding:30px;background:#10171b;border-left:1px solid #37454c;box-shadow:-24px 0 60px #0008;font-size:12px;line-height:1.8}#methodPanel h2{font-size:22px;font-weight:400;margin:45px 0 22px}#methodPanel h3{font-size:13px;margin-top:28px;color:#e1b985}#methodPanel p{color:#b4c1c7}#methodPanel a{display:block;color:#9bc9d5;margin:12px 0;text-underline-offset:4px}.equation{border-block:1px solid #344149;padding:16px 0}#closeMethod{float:right}::selection{background:#e0b27b;color:#050708}@media(max-width:650px){header{height:90px;padding:22px 20px}.identity{font-size:15px}.specimen{display:none}header button{font-size:11px}.readout{left:20px;right:20px;top:18px;gap:14px;flex-wrap:wrap}.readout>div{gap:9px}.label{font-size:11px}.readout strong{font-size:21px}.readout p{flex-basis:100%;margin:0;font-size:11px}#device{height:640px;min-height:0}.instrument{padding:0 20px 22px}.controls{gap:5px;flex-wrap:wrap}.controls button{padding:10px;font-size:11px}.key{margin-right:5px}.caption{font-size:11px;max-width:54ch}.traceLegend{font-size:11px}.readout .relation{font-size:11px}}