*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--ink);font-family:var(--f-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:22px 48px;font-size:14px;line-height:1.5}.wrap{gap:20px;max-width:1320px;margin:0 auto;display:grid}nav.back{font-family:var(--f-mono);color:var(--muted);font-size:12px}nav.back a{color:var(--muted);text-decoration:none}nav.back a:hover{color:var(--accent)}header{gap:4px;max-width:70ch;display:grid}h1{font-family:var(--f-mono);letter-spacing:.05em;color:var(--accent);text-transform:uppercase;margin:0;font-size:16px;font-weight:600}h1 span{color:var(--faint);letter-spacing:.04em;text-transform:none;margin-left:10px;font-size:12px;font-weight:400}header p{color:var(--muted);margin:0;font-size:13px}.app{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=900px){.app{grid-template-columns:minmax(0,1fr)}}.rail{background:var(--panel);border:1px solid var(--line);border-radius:6px;gap:18px;padding:16px;display:grid;position:sticky;top:12px}@media (width<=900px){.rail{position:static}}.group{gap:8px;display:grid}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;font-weight:600;display:flex}.label output,.label .val{font-family:var(--f-mono);letter-spacing:0;text-transform:none;color:var(--ink);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button,.btn{font:500 13px var(--f-body);border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;line-height:1.3}.seg button:hover,.btn:hover{border-color:var(--grid-strong)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--panel);border-color:var(--ink)}.seg.mono button{font-family:var(--f-mono);min-width:34px;font-size:12.5px}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--accent);margin:0}.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.check input{accent-color:var(--accent);width:15px;height:15px;margin:0}.sub{color:var(--muted);margin:0;font-size:12px}.divider{background:var(--line);height:1px}.traces{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.sw{vertical-align:middle;border-top:2.5px solid;width:16px;height:0;margin-right:2px;display:inline-block}.sw.lp{border-color:var(--lp)}.sw.hp{border-color:var(--hp)}.sw.sum{border-color:var(--sum);border-top-width:3.5px}.sw.in{border-color:var(--input);border-top-style:dashed}.presets{gap:4px;display:grid}.presets button{text-align:left;font:400 13px var(--f-body);border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}.presets button:hover{border-color:var(--grid-strong);background:var(--chip)}.presets button b{font-weight:600}.plots{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0;display:grid}@media (width<=1100px){.plots{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;gap:10px;min-width:0;padding:14px 16px;display:grid}.panel.wide{grid-column:1/-1}.ph{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ph h2{font-family:var(--f-mono);margin:0;font-size:13px;font-weight:600}.keys{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}canvas{touch-action:pan-y;width:100%;display:block}#cMag{cursor:ew-resize;height:270px}#cGd{cursor:ew-resize;height:230px}#cPh{height:230px}#cWave{height:290px}.cap{color:var(--muted);max-width:95ch;margin:0;font-size:12.5px}.cap code,.notes code{font-family:var(--f-mono);color:var(--ink);background:var(--chip);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:12px}.readout{gap:10px;display:grid}.rtab{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.rtab th{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-align:right;border-bottom:1px solid var(--line);padding:4px 6px;font-size:11px;font-weight:600}.rtab th:first-child{text-align:left}.rtab td{font-family:var(--f-mono);text-align:right;border-bottom:1px solid var(--chip);padding:5px 6px;font-size:13px}.rtab td:first-child{font-family:var(--f-body);text-align:left;color:var(--muted)}.rtab .c-lp{color:var(--lp)}.rtab .c-hp{color:var(--hp)}.rtab .c-sum{color:var(--sum);font-weight:500}.hint{background:var(--chip);border-radius:6px;margin:0;padding:9px 12px;font-size:13px;line-height:1.45}.hint+.hint{margin-top:-4px}.notes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1100px){.notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.notes{grid-template-columns:minmax(0,1fr)}}.note{border-top:2px solid var(--ink);align-content:start;gap:6px;min-width:0;padding-top:10px;display:grid}.note h3{font-family:var(--f-mono);margin:0;font-size:13px;font-weight:600}.note p{color:var(--muted);margin:0;font-size:13px}.note .eq{font-family:var(--f-mono);color:var(--ink);white-space:nowrap;padding:6px 0;font-size:12.5px;overflow-x:auto}[hidden]{display:none!important}