*{box-sizing:border-box}:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--ink:#d5e9b2;--muted:#839178;--line:#79836a;--black:#080d08;--panel:#292c27}body{color:var(--ink);background:#0b0e0b;margin:0;padding:28px 3vw 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#0b100a;border-radius:9px;transition:background .2s,border-color .2s}button:hover{background:#343e2d;border-color:#d9f2b3}button:focus-visible{outline:2px solid #e5ffba;outline-offset:5px}input:focus-visible{outline:2px solid #e5ffba;outline-offset:5px}select:focus-visible{outline:2px solid #e5ffba;outline-offset:5px}button:disabled{opacity:.45;cursor:wait}.page-top,.bottom-line{display:flex;letter-spacing:1.5px;color:var(--muted);justify-content:space-between;align-items: center;max-width:1500px;margin:0 auto 19px;font-size:10px}.page-top button{color:var(--ink);background:0 0;border:0;font-size:11px}.station{display:grid;grid-template-columns:minmax(0,1fr)154px 80px;grid-template-rows:85px 390px auto auto;background:linear-gradient(125deg,#30332d,#222520 72%);border:1px solid #b5bea0;border-radius:64px;gap:20px;max-width:1500px;margin:auto;padding:22px 28px;box-shadow:0 25px 70px #0008,inset 0 0 0 5px #20251e}.panel{background:#30332d;border:1px solid #a9b390;border-radius:28px}.header{grid-column:1;display:flex;align-items: center;gap:14px;padding:12px 22px}.brand{display:flex;flex:1;align-items: center;gap:12px}.brand svg{stroke:#d8edb3;fill:none;stroke-width:1.2;width:42px}.brand h1{letter-spacing:1px;margin:0 0 5px;font-size:32px;font-weight:400}.brand span{letter-spacing:1.4px;color:#a9b698;font-size:8px}.transport{background:#343a2e;flex-shrink:0;width:58px;height:48px;font-size:23px}.transport#stop{color:#bfc6b9}#status{display:flex;white-space:nowrap;background:#080d08;border:1px solid #8e9c77;border-radius:10px;justify-content:center;align-items: center;gap:9px;height:48px;padding:0 20px;font-size:12px}i.led,#status i{display:inline-block;background:#79876d;border-radius:50%;width:5px;height:5px;margin-right:6px}body.playing #status i{background:#d2f69c;box-shadow:0 0 10px #c6f298}.screen{grid-column:1;grid-row:2;overflow:hidden;background:#050a06;border:1px solid #a9b390;border-radius:29px;padding:17px 19px 12px;box-shadow:inset 0 0 45px #1d35101a}.screen-heading,.screen-footer{display:flex;color:#899d79;letter-spacing:1.5px;justify-content:space-between;font-size:9px}.screen-heading{border-bottom:1px solid #263422;padding-bottom:12px}.screen-footer{border-top:1px solid #263422;padding-top:10px;font-size:8px}.field-wrap{display:flex;gap:16px;height:calc(100% - 44px)}.telemetry,.right-telemetry{color:#789467;flex-shrink:0;width:110px;padding:18px 0;font-size:9px}.telemetry small,.right-telemetry small{letter-spacing:1px;font-size:7px}#scope{border-bottom:1px solid #283d25;width:100%;height:70px;margin:9px 0 14px}.meter{display:flex;align-items: center;gap:7px;margin:7px 0;font-size:7px}.meter i{background:#223120;width:70px;height:4px}.meter b{display:block;background:#8bab73;width:0;height:100%;transition:width .1s}.coordinates{color:#6c855f;border-top:1px solid #283d25;padding-top:12px;font-size:8px;line-height:2.3}.right-telemetry{border-left:1px solid #263422;width:100px;padding-left:13px}.contours{color:#799a60;width:100%;height:105px;margin:5px 0 12px}.right-telemetry p{font-size:11px;line-height:1.8}.signal-lines{opacity:.5;font-size:15px;line-height:1.3}.field{position:relative;background:radial-gradient(at 50% 54%,#233d1b77,#0000 65%);flex:1;min-width:0}#network,#nodes{position:absolute;width:100%;height:100%;inset:0}.node{position:absolute;color:#a5c389;background:#7798560a;border:1px solid #9fbc7970;border-radius:50%;width:38px;height:38px;font-size:9px;transform:translate(-50%,-50%);box-shadow:0 0 23px #91c56214}.node:before{content:"";position:absolute;background:#c8ed9e;border-radius:50%;inset:14px;box-shadow:0 0 14px 5px #b2e88b77}.node span{position:absolute;opacity:.6;font-size:8px;top:43px;left:0;right:0}.node:hover,.node.lit{background:#bfdc8f55;box-shadow:0 0 32px #b2e88b77}.field-caption{position:absolute;text-align:center;pointer-events:none;color:#718962;letter-spacing:.7px;width:100%;font-size:8px;bottom:10px}.effects{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:space-around;align-items: center;padding:19px 12px}.knob-control{text-align:center}.knob-control label{display:block;letter-spacing:1px;font-size:16px}.knob-control output{color:#a1b38d;font-size:9px}.dial{position:relative;touch-action:none;background:radial-gradient(circle at 35% 25%,#272d22,#131a12);border:1px solid #d0e5ac;border-radius:50%;width:94px;height:94px;margin:12px auto 9px}.dial span{position:absolute;transform:rotate(var(--angle,-60deg));pointer-events:none;inset:8px}.dial span:after{content:"";position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%);background:#d7f3af;width:14px;height:19px;top:0;left:32px}.dial input{position:absolute;opacity:0;cursor:grab;touch-action:none;width:100%;height:100%;margin:0;inset:0}.pulse{grid-column:3;grid-row:1/3;display:flex;border-radius:30px;flex-direction:column;align-self: center;align-items: center;gap:10px;height:88%;padding:24px 8px}.pulse label{font-size:16px}.pulse output{font-size:11px}.pulse>span{color:var(--muted);font-size:9px}input[type=range]{accent-color:#cee6a5;cursor:pointer;min-width:0;height:16px}.pulse input{writing-mode:vertical-lr;direction:rtl;flex:1;width:24px;margin:12px 0}.tape{grid-column:1;grid-row:3;padding:18px 22px}.section-heading{display:flex;justify-content:space-between;align-items: center;gap:8px}h2{letter-spacing:.5px;margin:0;font-size:16px;font-weight:400}.section-heading button{color:#a6bd8c;background:0 0;border:0;padding:4px;font-size:10px}.subheading{color:#97a589;margin:7px 0 16px;font-size:8px}#sequencer{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.step{color:#90a776;position:relative;border-radius:9px;min-width:0;height:85px;padding:8px}.step .number{display:block;text-align:left;color:#859575;font-size:8px}.step svg{display:block;stroke:currentColor;fill:none;stroke-width:1.2;width:100%;height:34px;margin:1px auto}.step .name{font-size:8px}.step.active{color:#e1f5c5;background:#2c3b23;border-color:#d9fca9;box-shadow:0 0 18px #9cc96d22}.step.active:after{content:"";position:absolute;background:#ddffa9;border-radius:50%;width:4px;height:4px;top:9px;right:9px;box-shadow:0 0 7px #dfffab}.tape-footer{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-top:14px}.sound-pads{display:flex;gap:6px}.sound-pads button{border-color:#5a6e48;padding:7px 9px;font-size:8px}.inline-volume{display:flex;color:#97aa83;align-items: center;gap:12px;font-size:9px}.inline-volume input{width:100%;min-width:45px}.tape-footer .inline-volume{max-width:150px}.ecosystem{grid-column:2/4;grid-row:3;background:0 0;border:0;padding:18px 0}.badge{color:#97aa83;white-space:nowrap;font-size:8px}.wide{border-color:#cbdfa9;width:100%;margin:19px 0 17px;padding:16px 6px;font-size:14px}.wide[aria-pressed=true]{color:#1a2512;background:#cadfa8}.mixer{grid-column:1/4;padding:5px 0 0}.mixer-heading{display:flex;align-items: center;gap:20px;margin:0 4px 13px}.mixer-heading>span{color:#879a75;font-size:9px}.mixer-heading label{color:#879a75;margin-left:auto;font-size:9px}select{color:var(--ink);background:#151e12;border:1px solid #667657;border-radius:5px;padding:5px;font-size:10px}#layers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.layer{background:#22291e;border:1px solid #627154;border-radius:16px;padding:13px 16px}.layer.off{opacity:.5}.layer-top{display:flex;justify-content:space-between;align-items: center}.layer button{background:0 0;border:0;padding:0;font-size:12px}.layer button:before{content:"";display:inline-block;background:#cce9a4;border-radius:50%;width:6px;height:6px;margin-right:8px;box-shadow:0 0 7px #cce9a444}.layer.off button:before{box-shadow:none;background:#66735b}.layer output{color:#90a27c;font-size:9px}.layer small{display:block;color:#839471;margin:8px 0;font-size:8px}.layer input{width:100%;margin:2px 0}.bottom-line{letter-spacing:.8px;margin:20px auto 0;font-size:8px}.bottom-line b{margin-left:20px;font-weight:400}#help{color:#adbd9c;border:1px solid #4b5a3e;border-radius:20px;max-width:1000px;margin:25px auto;padding:25px;line-height:1.9}#help h2{color:var(--ink)}#error{color:#ffcf9c;text-align:center}body.playing .led{background:#d4fca9;box-shadow:0 0 8px #c8ed99}html,body{overflow:hidden;height:100%}body{display:flex;flex-direction:column;justify-content:center;padding:15px 14px 12px}.page-top,.bottom-line{flex-shrink:0;width:100%;max-width:1380px}.page-top{margin-bottom:12px}.bottom-line{margin-top:12px}.instrument-stage{position:relative;flex-shrink:0;margin:0 auto}.station{position:absolute;transform-origin:top left;grid-template-columns:minmax(0,1fr)144px 80px;grid-template-rows:78px 312px 168px 118px;background:radial-gradient(at 5% 0,#41463a55,#0000 60%),linear-gradient(130deg,#30352c,#20251f 80%);border-radius:56px;gap:18px;width:1380px;max-width:none;height:780px;padding:22px 28px;top:0;left:0;box-shadow:0 24px 70px #0009,inset 0 0 0 5px #1d251a,inset 0 1px 1px #edffce88}.panel{box-shadow:inset 0 1px #e4f5bf13,0 3px 8px #0002}.header{border-radius:25px}.brand h1{letter-spacing:2px;font-size:34px}.brand span{font-size:9px}.screen{display:flex;border-radius:25px;flex-direction:column;min-height:0}.screen-heading,.screen-footer{flex-shrink:0}.screen-heading{font-size:10px}.screen-footer{font-size:9px}.field-wrap{flex:1;height:auto;min-height:0}.telemetry,.right-telemetry{padding:12px 0}.telemetry{width:112px}.right-telemetry{padding-left:15px}.telemetry small,.right-telemetry small{font-size:8px}#scope{height:49px;margin:7px 0 8px}#meters{margin:9px 0}.coordinates{padding-top:7px;font-size:8px;line-height:1.8}.contours{height:75px;margin:5px 0 8px}.right-telemetry p{margin:8px 0}.signal-lines{font-size:12px}.field-caption{font-size:9px;bottom:8px}.node span{font-size:9px}.dial{width:82px;height:82px;margin:9px auto 6px;box-shadow:0 5px 8px #0005,inset 0 0 0 5px #192014,inset 0 1px 3px #e5ffb833}.dial span:after{left:26px}.effects{padding:14px 10px}.knob-control output{font-size:11px}.pulse{padding:20px 8px}.tape{border-radius:25px;padding:14px 20px}.subheading{margin:6px 0 10px;font-size:9px}#sequencer{gap:10px}.step{height:70px}.step svg{height:27px}.step .number,.step .name{font-size:9px}.tape-footer{margin-top:10px}.sound-pads button{padding:5px 8px;font-size:9px}.ecosystem{padding:14px 0}.ecosystem h2{font-size:15px}.wide{margin:15px 0;padding:14px 6px}.mixer{padding:0}.mixer-heading{margin-bottom:10px}.mixer-heading h2{font-size:15px}.mixer-heading>span,.mixer-heading label{font-size:10px}.layer{background:linear-gradient(140deg,#303b27,#20281d);border-color:#6b7d58;padding:11px 14px;box-shadow:inset 0 1px #bfd6a015}.layer small{margin:6px 0;font-size:9px}.layer button{font-size:13px}.layer input{height:12px}.layer output,.inline-volume{font-size:10px}.envelope{display:flex;align-items: center;gap:8px;margin-left:auto}.envelope label{display:flex;align-items: center;gap:5px;margin:0;font-size:9px}.envelope input{width:55px}.mixer-heading label:last-child{margin-left:0}.mixer-heading>span{display:none}#help{position:fixed;overflow:auto;backdrop-filter:blur(12px);z-index:10;color:#c9d9b4;background:#20291bf5;width:min(90vw,700px);max-height:80dvh;margin:0;padding:30px;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 20px 0 100vmax #0009}#help[hidden]{display:none}#help .close-help{float:right;padding:6px 10px}#error{position:fixed;z-index:11;background:#302012;border-radius:10px;padding:10px;bottom:0;left:10%;right:10%}.page-top button{padding:3px 8px}.page-top{font-size:9px}.bottom-line{font-size:8px}.screen{background:radial-gradient(#15281040,#0000 65%),#050a06}@media (max-width:650px){.page-top>span:nth-child(2),.bottom-line>span:last-child{display:none}.page-top,.bottom-line{font-size:7px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body{padding:12px}.station{width:1536px}.brand h1{font-size:38px}.header{padding-left:25px}.screen{border-color:#a9bb8c}.node{width:42px;height:42px}.node:before{inset:16px}.node span{top:46px}.coordinates{padding-top:5px;line-height:1.55}.right-telemetry .signal-lines{font-size:10px;line-height:1.1}.instrument-stage{margin:auto}.dial.turning input{cursor:grabbing}.dial.turning{border-color:#e1ffc1;box-shadow:0 0 18px #bcf28b33}.dial input[type=range]{cursor:grab;width:100%;height:100%;margin:0}.dial.turning input[type=range]{cursor:grabbing}#layers{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.layer{min-width:0;padding:11px 12px}#layer-signal{background:linear-gradient(140deg,#354136,#232d27);border-color:#b1c3a0}#layer-signal:not(.off){box-shadow:inset 0 1px #e0f3d133,0 0 16px #acd8b718}#layer-signal button:before{background:#d9efd2}#layer-signal.off button:before{background:#66735b}.ecosystem{display:flex;background:linear-gradient(140deg,#2b3325,#22291e);border:1px solid #718363;border-radius:25px;flex-direction:column;gap:14px;min-width:0;padding:15px 16px}.ecosystem .section-heading{align-items:baseline;gap:6px}.ecosystem h2{letter-spacing:0;white-space:nowrap;font-size:12px}.ecosystem .badge{flex-shrink:0;font-size:8px}.ecosystem .wide{margin:0;padding:13px 5px;font-size:13px}.ecosystem .inline-volume{gap:8px;width:100%;margin-top:auto}.telemetry #scope{height:36px;margin:5px 0}.telemetry #meters{margin:5px 0}.telemetry .meter{margin:3px 0}.telemetry .coordinates{font-size:7px;line-height:1.4}#layer-signal.off{opacity:.75;opacity:1}#layer-signal .layer-top>span{font-size:12px}.signal-controls{display:flex;align-items: center;gap:8px;height:24px;margin:5px 0}#signalPlay{background:#35442b;border:1px solid #a8c391;border-radius:6px;padding:4px 8px;font-size:11px}#signalPlay:before{display:none}#signalPlay[aria-pressed=true]{color:#20291a;background:#d1e7b4}#signalState{color:#bed2ac;font-size:8px}.violin-meter{background:#152011;width:24px;height:4px}.violin-meter b{display:block;background:#dbf6b8;width:0;height:100%}.station{background:radial-gradient(at 5% 0,#343a3040,#0000 60%),linear-gradient(130deg,#252a22,#191e18 80%)}.screen-footer{justify-content:flex-end}.layer:not(#layer-signal){display:flex;flex-direction:column;justify-content:space-between}.contours ellipse{transform-box:view-box;transform-origin:50px 50px;animation:18s linear infinite field-orbit}.contours ellipse:nth-child(2){animation-name:field-orbit-reverse;animation-duration:23s}.contours ellipse:nth-child(3){animation-duration:14s;animation-delay:-5s}.contours circle:last-child{transform-box:fill-box;transform-origin:center;animation:3.4s ease-in-out infinite field-beacon}@keyframes field-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes field-orbit-reverse{0%{transform:rotate(38deg)}to{transform:rotate(-322deg)}}@keyframes field-beacon{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.contours ellipse,.contours circle:last-child{animation:none}}