@import "https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#191919;-webkit-font-smoothing:antialiased;background:#fff;font-family:PT Sans,sans-serif;overflow-x:hidden}button{font:inherit}:root{--ink:#171717;--muted:#85837f;--paper:#f7f5f1}.ls-app{isolation:isolate;background:#f7f5f1;grid-template:"bass logo choir"120px"bass ink choir"minmax(510px,1fr)"player pulse pulse"165px/minmax(360px,1fr) minmax(360px,.82fr) minmax(360px,1fr);gap:20px 5.2vw;width:100%;min-height:100svh;padding:5vh 3.2vw 3vh;display:grid;position:relative;overflow:hidden}.ls-liquid{z-index:-2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.ls-logo{color:#111;filter:blur(.15px);-webkit-user-select:none;user-select:none;flex-direction:column;grid-area:logo;place-self:center;align-items:center;line-height:.7;display:flex;transform:scaleX(1.32)skew(-8deg)}.ls-logo small{font:700 14px/1 Times New Roman,serif}.ls-logo strong{letter-spacing:-.12em;font:italic 700 clamp(28px,3vw,54px)/.7 Times New Roman,serif}.ls-rorschach-label{color:#14141442;letter-spacing:.22em;text-transform:uppercase;grid-area:ink;place-self:end center;margin-bottom:12px;font-size:10px}.ls-voice{grid-template-rows:auto 92px minmax(310px,1fr) 112px;gap:14px;min-width:0;display:grid}.ls-voice--bass{grid-area:bass}.ls-voice--choir{grid-area:choir}.ls-voice h2,.ls-pulse h2,.ls-player h2{color:var(--muted);margin:0;font-size:20px;font-weight:700;line-height:1}.ls-section--active h2{color:#252525}.ls-capsule{color:#e8e8e8;cursor:pointer;background:linear-gradient(#050505,#242424 48%,#656565);border:3px solid #a6a6a6;border-radius:999px;font-size:clamp(30px,3vw,49px);transition:filter .16s,transform 80ms;position:relative;box-shadow:inset 0 1px #ffffff29}.ls-capsule:hover:not(:disabled){filter:contrast(1.13);cursor:ew-resize}.ls-capsule:active:not(:disabled){transform:translateY(2px)}.ls-capsule.is-on{color:#222;background:linear-gradient(#f5f5f5,#c8c8c8 46%,#6c6c6c)}button:disabled,.ls-drag-value--disabled{opacity:.27;filter:grayscale();cursor:not-allowed!important}.ls-capsule--wide{width:100%;height:92px}.ls-sequence{grid-template-rows:repeat(4,1fr);min-height:0;display:grid}.ls-sequence>div{border-radius:4px;min-height:0;transition:background .15s}.ls-drag-value{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.ls-drag-value:hover:not(.ls-drag-value--disabled){cursor:ew-resize}.ls-drag-value:hover:not(.ls-drag-value--disabled):after,.ls-drag-value--selected:after{content:"↔";color:#00000059;font-size:12px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.ls-drag-value--row{grid-template-columns:clamp(82px,9vw,142px) 1fr clamp(82px,9vw,142px);align-items:center;width:100%;height:100%;min-height:74px;display:grid}.ls-drag-value--row button{color:#d7d7d7;cursor:pointer;background:linear-gradient(#050505,#222 52%,#626262);border:3px solid #aaa;border-radius:999px;width:100%;height:100%;font-size:44px}.ls-drag-value--row output{text-align:center;text-transform:uppercase;font-size:clamp(26px,2.4vw,42px)}.ls-drag-value--row>span{width:1px;height:1px;position:absolute;overflow:hidden}.ls-drag-value--selected button{border-color:#555}.ls-drag-value--selected output{font-weight:700}.ls-effects{grid-template-columns:repeat(4,1fr);align-items:start;gap:clamp(8px,2vw,28px);display:grid}.ls-drag-value--dial{grid-template-rows:70px auto;justify-items:center;gap:9px;display:grid}.ls-drag-value--dial output{color:#ddd;background:linear-gradient(145deg,#050505,#202020 55%,#696969);border:3px solid #aaa;border-radius:50%;place-items:center;width:70px;height:70px;font-size:17px;display:grid}.ls-drag-value--dial>span{font-size:14px;font-weight:700}.ls-drag-value--dial.ls-drag-value--selected output{border-color:#333;box-shadow:0 0 0 4px #00000014}.ls-player{grid-area:player;align-self:end;gap:13px;display:grid}.ls-capsule--player{height:92px}.ls-player>span{color:#8c3028;font-size:12px;position:absolute}.ls-pulse{grid-area:pulse;align-self:end;gap:13px;display:grid}.ls-pulse__controls{grid-template-columns:1.5fr repeat(6,1fr) 1.35fr;gap:8px;height:94px;display:grid}.ls-capsule--pulse{font-size:33px}.ls-pulse-step{color:#777;cursor:pointer;background:linear-gradient(145deg,#050505,#222 55%,#686868);border:3px solid #aaa;border-radius:999px;font-size:39px}.ls-pulse-step.is-on{color:#e4e4e4}.ls-pulse-step.is-playing{color:#161616;background:linear-gradient(145deg,#fafafa,#d6d6d6 52%,#7a7a7a)}.ls-pulse-step.is-selected{outline-offset:3px;outline:2px solid #333}.ls-drag-value--bpm{color:#eee;background:linear-gradient(145deg,#626262,#050505);border:3px solid #aaa;border-radius:999px;place-items:center;display:grid}.ls-drag-value--bpm output{font-size:37px}.ls-drag-value--bpm>span{color:#161616;font-size:12px;font-weight:700;position:absolute;top:-25px}.ls-gate-note{color:#0000006b;letter-spacing:.04em;font-size:12px;position:fixed;bottom:17px;right:24px}@media (width<=1050px){.ls-app{grid-template:"logo logo"110px"ink ink"36vh"bass choir""pulse pulse"155px"player player"145px/1fr 1fr;gap:24px 6vw;padding:4vh 6vw}.ls-logo,.ls-rorschach-label{align-self:end}.ls-voice{grid-template-rows:auto 74px 390px 100px}.ls-capsule--wide{height:74px}.ls-drag-value--row{grid-template-columns:minmax(72px,1fr) .9fr minmax(72px,1fr)}.ls-drag-value--row button{font-size:34px}.ls-pulse,.ls-player{align-self:center}.ls-capsule--player{justify-self:center;width:min(430px,100%);height:82px}.ls-player h2{text-align:center}}@media (width<=680px){.ls-app{grid-template:"logo"88px"ink"30vh"bass""choir""pulse"135px"player"120px/1fr;gap:28px;padding:25px 18px 35px;overflow:visible}.ls-voice{grid-template-rows:auto 70px 340px 92px}.ls-drag-value--row{min-height:68px}.ls-effects{gap:7px}.ls-drag-value--dial{grid-template-rows:58px auto}.ls-drag-value--dial output{width:58px;height:58px;font-size:14px}.ls-drag-value--dial>span{font-size:11px}.ls-pulse__controls{grid-template-columns:1.35fr repeat(6,1fr) 1.25fr;gap:4px;height:75px}.ls-capsule--pulse,.ls-pulse-step{font-size:23px}.ls-drag-value--bpm output{font-size:25px}.ls-drag-value--bpm>span{font-size:9px;top:-20px}.ls-gate-note{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.ls-liquid{opacity:.72}}.ls-app{background:0 0}.ls-app>:not(.ls-liquid){z-index:1;position:relative}.ls-logo{filter:none;transform:none}.ls-logo img{mix-blend-mode:multiply;width:min(320px,90%);height:auto;display:block}.ls-voice h2,.ls-player h2{text-align:center}.ls-pulse h2{text-align:center;width:17%}button:disabled,.ls-drag-value--disabled{opacity:.52;filter:grayscale(.45)}.ls-sequence>div:nth-child(2n){background:0 0}.ls-sequence>div{position:relative}.ls-sequence>div:before{content:"";z-index:0;background:0 0;border-radius:12px;transition:background .12s;position:absolute;inset:4px 21%}.ls-sequence>div.is-playing{background:0 0}.ls-sequence>div.is-playing:before{background:#0001}.ls-sequence .ls-drag-value{z-index:1}.ls-app{--paper:#fff}.ls-liquid{z-index:1}.ls-app>:not(.ls-liquid){z-index:2}.ls-logo{z-index:0!important}.ls-app,.ls-app *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ls-app img{pointer-events:none}.ls-drag-value:focus-visible,.ls-app button:focus-visible{outline-offset:3px;outline:2px solid #404040}.ls-pulse h2{width:calc(16.949% - 9.5px)}@media (width<=680px){.ls-pulse h2{width:calc(16.949% - 4.75px)}}@media (width<=1280px) and (width>=681px){.ls-app{grid-template:"logo logo"110px"ink ink"clamp(330px,24vh,490px)"bass choir""pulse pulse"170px"player player"150px/minmax(0,1fr) minmax(0,1fr);gap:24px 6vw;padding:4vh 6vw 3vh;overflow:visible}.ls-logo{align-self:end}.ls-logo img{width:220px}.ls-rorschach-label{align-self:end}.ls-voice{grid-template-rows:auto clamp(74px,6vh,92px) clamp(390px,27vh,530px) clamp(100px,7vh,130px)}.ls-capsule--wide{height:100%}.ls-drag-value--row{grid-template-columns:minmax(72px,1fr) .9fr minmax(72px,1fr)}.ls-drag-value--row button{font-size:34px}.ls-pulse,.ls-player{align-self:center}.ls-capsule--player{justify-self:center;width:min(430px,100%);height:82px}.ls-player h2{text-align:center}}