:root{--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace}*{box-sizing:border-box;font-family:var(--font-mono)}html{font-size:100%}body{margin:0;color:var(--neutral-12-on);background:var(--neutral-12);font-weight:400}#collective{display:flex;place-items:center;overflow:hidden;height:100dvh;width:100dvw;@media(width<=100dvh){flex-direction:column}}.visualiser{flex:1;.wave{--stroke-dashoffset-start: 12;--stroke-dashoffset-end: 6;stroke-dasharray:6;stroke-linecap:round;animation:1s linear infinite stroke-rotate;fill:none}}@keyframes stroke-rotate{0%{stroke-dashoffset:var(--stroke-dashoffset-start)}to{stroke-dashoffset:var(--stroke-dashoffset-end)}}.overlay{position:absolute;inset:0;display:grid;overflow:hidden;flex-direction:column;color:var(--primary-4);align-items:flex-end;padding:.5em;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-template-areas:". . b" ". c ." "d . .";@media(width<=100dvh){font-size:80%;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);grid-template-areas:"b" "c" "d"}.b{grid-area:b;justify-self:end;align-self:start;list-style:none;padding:0;margin:0;text-align:right}.d{grid-area:d;align-self:end}}.inputs{position:absolute;inset:0;user-select:none}.assimilate{appearance:none;position:absolute;display:grid;place-content:center;font-size:2em;color:var(--neutral-12-on);background:var(--neutral-12);border:0;inset:0;user-select:none;opacity:1;transition:opacity .15s ease-out,display .15s allow-discrete;&.hidden{opacity:0;display:none}@starting-style{opacity:0}}.click{opacity:0;transition:opacity .6s ease-in-out;@starting-style{opacity:1}}#synth-designer{section{display:grid;grid-template-columns:repeat(3,1fr);gap:0}label{display:block;font-style:italic}input,select{display:block}}