:root{--acid:#dfff63;--blue:#9bc4ff;--coral:#ff6d59}.brand-code{letter-spacing:.08em}.field-card,.macro-card,.synth-card{border:1px solid var(--line);border-radius:18px;background:rgba(21,21,24,.84);padding:13px;margin-bottom:10px;backdrop-filter:blur(18px)}.xy-pad,.signal-pad{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(135deg,rgba(223,255,99,.018),transparent 45%,rgba(155,196,255,.035));touch-action:none}.xy-pad{height:150px}.xy-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:33.333% 33.333%}.puck,.signal-puck{position:absolute;transform:translate(-50%,-50%);width:29px;height:29px;border-radius:50%;border:1px solid rgba(223,255,99,.75);background:#0e0e11;box-shadow:0 0 0 7px rgba(223,255,99,.05),0 6px 20px rgba(0,0,0,.5);pointer-events:none}.puck:after,.signal-puck:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--acid);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(223,255,99,.8)}.corner,.signal-axis{position:absolute;color:#55515a;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;pointer-events:none}.tl{left:8px;top:8px}.tr{right:8px;top:8px}.bl{left:8px;bottom:8px}.br{right:8px;bottom:8px}.macro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.macro{padding:11px 10px 9px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.018)}.macro>span{display:block;margin-bottom:8px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#bbb6ad}.macro input{width:100%;appearance:none;height:22px;background:transparent}.macro input::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(90deg,#343237,var(--acid))}.macro input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;margin-top:-7px;background:#eee9df;border:4px solid #121215}.macro small{display:flex;justify-content:space-between;color:#535058;font:7px ui-monospace,SFMono-Regular,Menlo,monospace}.macro small i{font-style:normal}.synth-card{background:radial-gradient(circle at 50% 115%,rgba(223,255,99,.055),transparent 42%),rgba(18,18,21,.94)}.synth-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.synth-head strong{display:block;margin-top:5px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.sound-toggle{height:36px;border:1px solid var(--line);border-radius:11px;background:#111114;display:flex;align-items:center;gap:7px;padding:0 10px;cursor:pointer}.sound-toggle b,.sound-toggle em{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.sound-toggle em{color:#69656d;font-style:normal}.sound-dot{width:7px;height:7px;border-radius:50%;background:#4e4a50}.sound-toggle.is-on{border-color:rgba(223,255,99,.28)}.sound-toggle.is-on .sound-dot{background:var(--acid);box-shadow:0 0 12px rgba(223,255,99,.75)}.sound-toggle.is-on em{color:var(--acid)}.signal-pad{height:156px;background:linear-gradient(180deg,#111115,#0e0e11)}#scope{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.signal-cross:before,.signal-cross:after{content:"";position:absolute;background:rgba(255,255,255,.05)}.signal-cross:before{width:1px;top:0;bottom:0;left:50%}.signal-cross:after{height:1px;left:0;right:0;top:50%}.signal-puck{border-color:rgba(155,196,255,.75);box-shadow:0 0 0 7px rgba(155,196,255,.045)}.signal-puck:after{background:var(--blue);box-shadow:0 0 12px rgba(155,196,255,.8)}.pitch-low{left:8px;top:8px}.pitch-high{right:8px;top:8px}.clean{left:8px;bottom:8px}.rough{right:8px;bottom:8px}.wave-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.wave-row button{padding:9px 3px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:transparent;color:#716e76;letter-spacing:.08em;font-size:10px;font-weight:760;cursor:pointer}.wave-row button.is-active{background:#f0ece3;color:#111113;box-shadow:0 5px 20px rgba(0,0,0,.22)}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 2px 0}.foot-tech{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#4f4b53;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.author-card{display:flex;align-items:center;text-decoration:none;color:inherit;gap:8px;opacity:.62;transition:.2s}.author-card:hover{opacity:1}.author-avatar{width:30px;height:30px;border-radius:9px;background:#17171a;border:1px solid var(--line);display:grid;place-items:center}.author-avatar svg{width:14px;fill:#f1ede5}.author-copy{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:end}.author-copy small{grid-column:1/-1;color:#646069;font:6px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.author-copy b{font-size:9px;letter-spacing:.06em}.author-copy em{font:7px ui-monospace,SFMono-Regular,Menlo,monospace;color:#77727b;font-style:normal}@media(min-width:620px){.macro-grid{grid-template-columns:repeat(4,1fr)}.xy-pad{height:170px}.signal-pad{height:172px}}