@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Space+Grotesk:wght@500;700&display=swap');
:root{color-scheme:dark;font-family:'IBM Plex Mono',monospace;background:#090b14;color:#e9edff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#29214c 0,transparent 35%),#090b14}main{width:min(960px,calc(100% - 32px));margin:auto;padding:64px 0}header{border-left:4px solid #83ffb3;padding-left:24px;margin-bottom:40px}h1,h2{font-family:'Space Grotesk',sans-serif;margin:.1em 0}h1{font-size:clamp(3rem,10vw,7rem);line-height:.9;letter-spacing:-.07em}h2{font-size:2rem}.eyebrow{color:#83ffb3;letter-spacing:.16em;font-size:.75rem}.transport,.patch,.modules{border:1px solid #353a54;background:#101321cc;border-radius:18px;padding:24px;margin-top:20px}.transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button{font:600 .85rem 'IBM Plex Mono';padding:13px 18px;border-radius:999px;border:1px solid #83ffb3;background:#83ffb3;color:#09120c;cursor:pointer}button+button{background:transparent;color:#e9edff;border-color:#6f7595}button:disabled{opacity:.35;cursor:not-allowed}output{margin-left:auto;font-size:.75rem;color:#aeb5d4}.patch{display:grid;grid-template-columns:1fr 1fr;align-items:start}svg{width:100%;grid-row:span 2}svg rect{fill:#171b2c;stroke:#6f7595;stroke-width:2}svg text{fill:#aeb5d4;font:13px 'IBM Plex Mono'}svg .title{fill:#fff;font:700 18px 'Space Grotesk'}.port-audio,.audio{fill:#ff6f91;background:#ff6f91}.port-control,.control{fill:#65d8ff;background:#65d8ff}aside{display:flex;gap:20px;color:#aeb5d4;font-size:.75rem}aside span{display:flex;gap:8px;align-items:center}aside i{display:inline-block;width:9px;height:9px;border-radius:50%}.modules{display:grid;grid-template-columns:1fr 1fr;gap:24px}.modules ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.modules li{border-left:3px solid #65d8ff;padding:8px 12px;display:grid;gap:3px}.modules li span{color:#aeb5d4;font-size:.75rem}@media(max-width:650px){main{padding:36px 0}.patch,.modules{grid-template-columns:1fr}svg{grid-row:auto}.transport output{width:100%;margin:8px 0 0}}