@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter+Tight:wght@400;500;600;700;800&display=swap');
:root{--bg:#111310;--panel:#191c17;--ink:#e4e8d7;--muted:#858d79;--line:#363c2e;--acid:#d9fb53;color-scheme:dark}html.light{--bg:#e5e7dc;--panel:#daddd0;--ink:#232b1d;--muted:#68725a;--line:#abb39b;--acid:#384817;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:12px 'IBM Plex Mono',monospace}button,select,input{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{background:none;border:1px solid var(--line);cursor:pointer;padding:10px 13px;font-size:10px}button:hover{border-color:var(--acid);color:var(--acid)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--acid);outline-offset:4px}a{color:inherit;text-decoration:none}main{max-width:1700px;margin:auto;padding:0 4%}header{height:78px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);font-size:10px}.brand{font:800 25px 'Inter Tight',sans-serif;letter-spacing:-1px;margin-right:auto}.brand sup{font:9px sans-serif;vertical-align:top}header button{border:0;padding:6px}.identity{display:flex;align-items:center;gap:35px;padding:35px 0 25px}.micro{font-size:9px;letter-spacing:.15em}h1{font:800 clamp(64px,9.5vw,145px)/.95 'Inter Tight',sans-serif;letter-spacing:-.075em;margin:10px 0 0}h1 span{color:var(--muted)}.identity p{font:400 23px/1.2 'Inter Tight',sans-serif;margin-left:25px}.identity em{font-family:Georgia,serif}.power-block{margin-left:auto;text-align:center;display:flex;flex-direction:column;gap:10px}#power{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 24px;border-color:var(--acid);color:var(--acid);min-width:185px}#power[aria-pressed=true]{background:var(--acid);color:var(--bg)}#power b{font-weight:500;letter-spacing:.1em}.power-icon{width:15px;height:15px;border:1px solid currentColor;border-radius:50%;position:relative}.power-icon:before{content:'';position:absolute;height:8px;width:2px;background:currentColor;top:-3px;left:5.5px;box-shadow:0 0 0 3px var(--bg)}#status{font-size:8px;letter-spacing:.08em;color:var(--muted)}#guide{padding:20px;border:1px solid var(--line);line-height:1.8;columns:2;column-gap:40px}#guide p{break-inside:avoid;margin:0 0 15px}.table{height:570px;position:relative;border:1px solid var(--line);overflow:hidden;background:#0b0d09}.table canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#traces{touch-action:none;cursor:grab}.table-top{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;color:#d9e7bd}.table-top>span{font:36px 'Inter Tight';letter-spacing:-2px}.table-top small{display:block;font:8px 'IBM Plex Mono';letter-spacing:.12em;margin-top:4px}.table-top>div{text-align:right}#hz{font:25px 'Inter Tight';letter-spacing:-1px}.vertical{position:absolute;left:18px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.16em;color:#7d8e69;pointer-events:none}.table-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.07em;pointer-events:none;color:#adb99a}.pressure{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);width:min(440px,65%);display:grid;grid-template-columns:1fr auto;gap:7px;color:#d9fb53}.pressure label{font-size:10px;letter-spacing:.2em}.pressure output{font:26px 'Inter Tight'}.pressure input,.pressure span{grid-column:1/-1}.pressure span{font-size:7px;letter-spacing:.14em;margin-top:4px;color:#81916a}.rack{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr 1fr;border:1px solid var(--line);border-top:0}.rack-cell{padding:22px;border-right:1px solid var(--line)}.rack-cell:last-child{border:0}label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;margin-bottom:15px}output{color:var(--acid)}select{width:100%;border:0;border-bottom:1px solid var(--line);background:var(--panel);font-size:10px;padding:7px 3px}input[type=range]{width:100%;height:16px;margin:0;accent-color:var(--acid);cursor:ew-resize}.matter{padding:45px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.matter h2{font:500 35px/1.1 'Inter Tight';letter-spacing:-1px}.materials{display:flex;gap:6px;flex-wrap:wrap}.materials button{font-size:8px}.matter p{font-size:10px;color:var(--muted);line-height:1.9}#bodies{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.body{border-top:1px solid var(--line);padding-top:16px}.body-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.body-head button{border:0;padding:0;font-size:10px}.body-head i{width:8px;height:8px;border:1px solid var(--acid);border-radius:50%;background:var(--acid)}.body[data-muted=true] i{background:none}.body h3{font:500 24px 'Inter Tight';margin:12px 0 22px}.body label{font-size:8px;margin:17px 0 8px}.body select{font-size:9px}.body .readout{font-size:8px;color:var(--muted);margin-top:15px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 35px;font-size:8px;letter-spacing:.06em}svg.ui-icon{width:12px;height:12px;vertical-align:-2px}@media(max-width:900px){.identity p{display:none}.table{height:520px}.rack-cell{padding:18px 12px}.matter{gap:25px;grid-template-columns:1fr}.matter-title{display:grid;grid-template-columns:1fr 1fr}.matter-title .micro,.matter-title p{grid-column:1/-1}.materials{align-content:center}.matter h2{font-size:30px}#bodies{gap:25px}}@media(max-width:560px){main{padding:0 5%}header{height:66px;gap:12px}header>a:not(.brand){display:none}header button{font-size:8px}.identity{padding:26px 0;gap:10px}.identity .micro{font-size:6px;letter-spacing:.08em}h1{font-size:64px}.power-block{gap:7px}#power{min-width:115px;padding:13px 10px;font-size:8px;gap:9px}#status{font-size:6px}.table{height:520px}.table-top{top:18px;left:18px;right:18px}.table-top small{font-size:6px}.table-top>span{font-size:28px}#hz{font-size:21px}.vertical{display:none}.table-bottom{left:15px;right:15px;font-size:6px}.table-bottom span:last-child{display:none}.pressure{width:80%;bottom:55px}.rack{grid-template-columns:1fr 1fr}.rack-cell{border-bottom:1px solid var(--line);padding:19px 15px}.rack-cell:last-child{grid-column:1/-1}.rack-cell:nth-child(2n){border-right:0}.matter-title{display:block}.matter h2{font-size:31px}.matter{padding:30px 0}#bodies{gap:12px}.body h3{font-size:22px}.body-head button{font-size:8px}.body select{font-size:8px}.body .readout{font-size:6px}footer{font-size:7px;flex-wrap:wrap}#guide{columns:1;font-size:10px}}

.pressure output{color:#d9fb53}.pressure input[type=range]{accent-color:#d9fb53}

#root-hz{margin-top:9px;color:#93a57d}.body.selected{border-top-color:var(--acid)}

#hz.mix{font-size:clamp(17px,2.35vw,30px);letter-spacing:-.6px}.table-top>div{max-width:75%}#pitch-label{line-height:1.6}@media(max-width:560px){#hz.mix{font-size:17px}.table-top>div{max-width:72%}#pitch-label{font-size:5.5px}}