@font-face{font-family:"main";src:url(/sente/fonts/TASAOrbiterText-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:"display";src:url(/sente/fonts/MajorMonoDisplay-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{color-scheme:normal;--margin-h: clamp(2rem, 8%, 16rem)}[data-theme=light]{--color-background: rgb(204, 204, 204);--color-text: rgb(30, 30, 30);--color-text: rgb(42, 42, 42);--color-accent: rgb(230, 68, 81);--color-accent: rgb(200, 35, 48);--color-disabled: rgb(165, 165, 165);--color-outline: #aaaaaa;--three-color-terrain: rgb(255, 255, 255);--three-color-terrain: rgb(188, 188, 188);--three-color-terrain-emissive: #b2b2b2;--three-color-feedback: #fa707b;--three-color-feedback: rgb(196, 110, 104);--svg-sliderline: url("data:image/svg+xml, <svg fill='rgb(144, 144, 144)' width='10' height='20' viewBox='0 0 10 20' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='9' width='20' height='2'/></svg>");--svg-sliderthumb-text: url("data:image/svg+xml, <svg fill='rgb(42, 42, 42)' width='10' height='20' viewBox='0 0 10 20' xmlns='http://www.w3.org/2000/svg'><rect x='2' y='0' width='6' height='20'/><rect x='0' y='7' width='10' height='6'/></svg>");--svg-sliderthumb-accent: url("data:image/svg+xml, <svg fill='rgb(200, 35, 48)' width='10' height='20' viewBox='0 0 10 20' xmlns='http://www.w3.org/2000/svg'><rect x='2' y='0' width='6' height='20'/><rect x='0' y='7' width='10' height='6'/></svg>")}[data-theme=dark]{--color-background: rgb(22, 22, 22);--color-text: rgb(122, 122, 122);--color-text: rgb(142, 142, 149);--color-accent: rgb(116, 109, 184);--color-disabled: rgb(70, 70, 70);--color-outline: rgb(48, 48, 48);--three-color-terrain: rgb(89, 89, 89);--three-color-terrain-emissive: #0b0b0b;--three-color-terrain: rgb(116, 116, 116);--three-color-terrain-emissive: #000000;--three-color-feedback: #dfd6ff;--svg-sliderline: url("data:image/svg+xml, <svg fill='rgb(65, 65, 65)' width='10' height='20' viewBox='0 0 10 20' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='9' width='20' height='2'/></svg>");--svg-sliderthumb-text: url("data:image/svg+xml, <svg fill='rgb(133, 132, 145)' width='10' height='20' viewBox='0 0 10 20' xmlns='http://www.w3.org/2000/svg'><rect x='2' y='0' width='6' height='20'/><rect x='0' y='7' width='10' height='6'/></svg>");--svg-sliderthumb-accent: url("data:image/svg+xml, <svg fill='rgb(116, 109, 184)' width='10' height='20' viewBox='0 0 10 20' xmlns='http://www.w3.org/2000/svg'><rect x='2' y='0' width='6' height='20'/><rect x='0' y='7' width='10' height='6'/></svg>")}*{box-sizing:border-box}*::selection{color:var(--color-background);background-color:var(--color-accent)}body{font-family:main,Futura,Helvetica arial,sans-serif;margin:0;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden}body.noscroll{overflow-y:hidden}#three{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}input[type=range]{pointer-events:auto;width:100%;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:none;height:1.25rem;background:var(--color-text);background:pink;cursor:pointer;background:var(--svg-sliderline);margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--svg-sliderthumb-text);border:none;width:0.625rem;height:1.25rem;pointer-events:all}input[type=range]::-moz-range-thumb{-moz-appearance:none;background:var(--svg-sliderthumb-text);border:none;width:0.625rem;height:1.25rem;pointer-events:all}.slider-card-1 input[type=range]:nth-child(1)::-webkit-slider-thumb{background:var(--svg-sliderthumb-accent)}.slider-card-1 input[type=range]:nth-child(1)::-moz-range-thumb{background:var(--svg-sliderthumb-accent)}button{background:none;outline:none;border:none;text-decoration:none;color:currentColor;cursor:pointer;pointer-events:auto}button#toggle{width:4rem;height:4rem;line-height:0rem;letter-spacing:0;font-size:2rem;color:var(--color-accent);border:1px solid var(--color-accent);visibility:visible;opacity:1!important}button#toggle::after{content:"audio"}button#toggle.loading{opacity:0.4!important}button#toggle.loading::after{color:var(--color-accent);content:"loading..."}button.big-button{position:relative}button.big-button::after{position:absolute;bottom:0;left:0;font-size:0.75rem;line-height:0.75rem}button#gen::after{content:"gen wave"}button#toggle:active{color:var(--color-background);background-color:var(--color-accent)}label{pointer-events:auto}#main-controls2{display:flex;justify-content:space-between;margin:auto 0}.main-controls{display:flex;gap:1rem}#label-color-theme{margin-left:auto;padding:0.25rem}#masterGain{width:4rem}.control{display:flex;flex-direction:column}.master label{font-size:0.75rem}.master{display:flex;flex-direction:column;gap:0.25rem}.orbiter-buttons{display:grid;grid-template-columns:1fr 1fr}#box{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:2rem 8rem;display:grid;flex-direction:column;gap:1rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;grid-template-rows:1fr 1fr 1fr;pointer-events:none;transition:opacity 800ms ease}#box.hidden{visibility:hidden}.slider-card-box-container{display:grid;column-gap:1rem;grid-template-columns:1fr 1fr;margin:0 auto;align-self:end;padding:0 10%}button.orbiter-button{font-family:display;font-size:4rem;justify-self:start;pointer-events:none;padding-bottom:0;width:100%}button.orbiter-button .line{background-color:var(--color-outline);height:1rem;width:1px;margin:0 auto}.slider-card-box{display:flex;border:0.0625rem solid var(--color-outline);flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slider-card-box .line{height:1px;width:90%;margin:0 auto;background:var(--color-outline)}.slider-card{display:flex;flex-direction:column;padding:1rem 0.5rem}.slider-card label{display:block}.slider-card .sliders{display:flex;gap:0.5rem}.slider-card .slider-labels{display:flex;gap:0.5rem;font-size:0.75rem;justify-content:space-between}.slider-card .slider-labels label:nth-child(1){width:16rem}.slider-card-1{display:flex;flex-direction:column;gap:0.5rem}.slider-card .slider-card-1~input{width:3rem;transform:rotate(-90deg);margin-top:0.9rem;margin-left:-0.9rem;margin-right:-0.9rem}#slider-labels,.slider-card .slider-label,.sliders,.slider-card,.slider-card-box,.slider-card-box-container,.slider-card-1{width:100%}#canvasContainer{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}button#gen{position:relative;border:1px solid var(--color-accent);color:var(--color-accent);height:4rem;width:4rem;display:flex;gap:0.5rem;stroke:var(--color-accent);align-items:center;justify-content:center;margin-left:auto}button#gen svg{width:2rem;height:2rem}button#gen:active{color:var(--color-background);background-color:var(--color-accent);stroke:var(--color-background)}.edges-container{display:flex;gap:0.25rem}.edges-container label{display:none}.label-edges{display:flex;flex-direction:column;gap:0.25rem}.label-edges .line{margin:auto;width:1px;background-color:var(--color-outline);height:100%}.edges-buttons{position:relative;display:flex;flex-direction:column;gap:1rem}.edges-buttons button{display:flex;align-items:center;justify-content:center;stroke:var(--color-accent);padding:0.5rem}.edges-buttons button svg{width:1.5rem;height:1.5rem}.edges-buttons button:nth-child(3) svg{stroke:none;fill:var(--color-accent)}#edges-button-selection{position:absolute;border:1px solid var(--color-accent);width:2.5rem;height:2.5rem;transition:transform 200ms ease}#edges-button-selection.sigm{transform:translateY(0)}#edges-button-selection.clip{transform:translateY(calc(2.5rem * 1 + 1rem))}#edges-button-selection.wrap{transform:translateY(calc(2.5rem * 2 + 2rem))}#edges-button-selection.fold{transform:translateY(calc(2.5rem * 3 + 3rem))}canvas#meter{position:fixed;top:0;right:0;pointer-events:none}#voices-container{display:flex;flex-direction:column;gap:1rem}#voices-slider{display:flex;flex-direction:row;justify-content:end;height:10rem;gap:0.25rem}#voices-slider input{width:10rem;height:1.25rem;transform:rotate(-90deg);margin-top:4.5rem;margin-left:-4.5rem;margin-right:-4.5rem}#voices-slider input[type=range]::-webkit-slider-thumb{background:var(--svg-sliderthumb-accent)}#voices-slider input[type=range]::-moz-range-thumb{background:var(--svg-sliderthumb-accent)}#voices-slider .label-voices{display:flex;flex-direction:column;gap:0.25rem}#voices-slider .line{margin:auto;width:1px;background-color:var(--color-outline);height:100%}input#detune{width:4rem}#voices-container label{font-size:0.75rem}#info{display:grid;grid-template-columns:repeat(12,1fr);transition:opacity 800ms ease;padding:2rem 0;font-size:1.4rem}#info.hidden{pointer-events:none;display:none}#info-content{display:flex;flex-direction:column;gap:1rem;padding-top:10rem;max-width:100%;grid-column-start:4;grid-column-end:8}#text h1{font-family:main;font-size:1.4rem;font-weight:500;padding-bottom:2rem}#keywords{font-family:display;background:var(--color-accent);color:var(--color-background);justify-content:space-between;display:flex;font-size:4rem;overflow:hidden;text-transform:uppercase;padding:0rem 0rem 0.4rem 0rem}.scrolling-text{flex-shrink:0;margin:0;min-width:100%;white-space:nowrap;animation-name:scrollingText;animation-duration:16s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes scrollingText{from{transform:translateX(0)}to{transform:translateX(-100%)}}#reference{padding-top:3rem}@media screen and (max-width: 75rem){#box{padding:2rem}#info-content{grid-column-start:3;grid-column-end:8}.slider-card-box-container{padding:0}}@media screen and (max-width: 45rem){#box{padding:0.25rem;gap:0.25rem}button.orbiter-button{pointer-events:auto;grid-column:span 1;font-size:3rem}.slider-card-box.off{display:none}.orbiter-button.off{color:var(--color-outline)}.orbiter-button.off .line{background-color:var(--color-outline)}.slider-card-box{grid-column:span 2;border:none;border-top:2px solid var(--color-text)}.slider-card-box-container{gap:0}button.orbiter-button .line{background-color:var(--color-text);width:2px}#text{padding:0 0.25rem}#reference{padding:3rem 0.25rem}#info-content{grid-column-start:1;grid-column-end:13}}