@font-face{font-family:Monoska;src:url(/assets/Monoska-DUir6cpG.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ShureTechMono;src:url(/assets/ShureTechMonoNFM-B-GgNUov.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.n4{--bg: #0e0e0e;--txt: #effafa;--acc: #3df9ea;--warn: #e624af}.dp{--bg: #050505;--txt: #f5f5f5;--acc: #91a3aa;--warn: #4c5671}.rs{--bg: #000000;--txt: #7d8b99;--acc: #615400;--warn: #d93800}.sno{--bg: #09080a;--txt: #fbf2fb;--acc: #f238d0;--warn: #7c7481}:root{--font-mono: "Monoska", monospace;--font-mono-alt: "ShureTechMono", monospace;--fade: .15s linear;--field-h: 44px;--field-gap: 8px;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--txt);-webkit-tap-highlight-color:transparent}body{min-height:100dvh;display:flex;justify-content:center;font-family:var(--font-mono);text-transform:lowercase;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button,input{color:inherit;font:inherit;text-transform:inherit}button{border:1px solid currentColor;border-radius:0;background:transparent;cursor:pointer;touch-action:none}button:focus-visible,input:focus-visible{outline:1px solid var(--acc);outline-offset:2px}.icons{position:absolute;width:0;height:0;overflow:hidden}.app{width:min(100%,26rem);height:100dvh;min-height:0;display:grid;grid-template-rows:44px minmax(64px,1fr) 44px minmax(308px,7fr) 48px;gap:2px;padding:calc(var(--sat) + 4px) calc(var(--sar) + 8px) calc(var(--sab) + 4px) calc(var(--sal) + 8px);overflow:hidden}.setup{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:4px;font-size:.72rem}.setup__values{min-width:0;display:flex;align-items:center;gap:.8rem;white-space:nowrap}.setup__value{min-height:44px;display:inline-flex;align-items:center;touch-action:none}#tuning{opacity:.7}.setup button{width:44px;height:44px;display:grid;place-items:center;border:0}.setup svg{width:20px;height:20px}.wave-wrap{min-height:0;position:relative;border:1px solid var(--txt);touch-action:none}#wave{display:block;width:100%;height:100%}.ruler,.strip{min-width:0;display:grid;grid-template-columns:42px repeat(16,minmax(0,1fr)) 28px;align-items:stretch;gap:1px}.ruler__label,.strip__name,.strip__value{min-width:0;display:flex;align-items:center;font-size:.62rem}.ruler__label{justify-content:center;opacity:.65}.step{position:relative;min-width:0;min-height:44px;display:grid;place-items:center;border:0;border-left:1px solid color-mix(in srgb,var(--txt) 20%,transparent);color:var(--txt);opacity:.6;font-size:.62rem}.step[data-beat-start=true]{border-left-color:color-mix(in srgb,var(--txt) 48%,transparent)}.step__beat{position:absolute;top:1px;left:1px;color:var(--acc);font-size:.52rem;line-height:1;opacity:.75}.step__hex{align-self:end;padding-bottom:5px}.step.is-selected{color:var(--acc);opacity:1}#strips{min-height:0;display:grid;grid-template-rows:repeat(7,minmax(44px,1fr));overflow:hidden}.strip{min-height:44px;border:0}.strip__name{min-height:44px;justify-content:flex-start;gap:3px;border:0;white-space:nowrap;touch-action:none;font-size:.62rem}.strip__name.is-locked{color:var(--acc)}.strip__cell{position:relative;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;border:0;touch-action:none}.strip__bar{position:absolute;bottom:7px;width:55%;height:var(--level, 2px);background:currentColor;opacity:.55}.strip__cell.is-gate-off .strip__bar{opacity:.14}.strip__cell.is-selected{color:var(--acc)}.strip__cell.is-gate-off.is-selected .strip__bar{opacity:.45}.strip__value{justify-content:flex-end;color:var(--acc);font-size:.72rem}.dial-lock{width:12px;height:16px;display:grid;place-items:center;opacity:.85}.dial-lock svg{width:12px;height:12px}.state{align-self:end;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 4px;color:var(--txt);opacity:.8;font:.72rem var(--font-mono-alt);border-top:2px solid var(--txt);text-align:center;white-space:pre-line}.state.is-error{color:var(--warn);opacity:1}.boot{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:calc(var(--sat) + 1.5rem) calc(var(--sar) + 1.25rem) calc(var(--sab) + 1.5rem) calc(var(--sal) + 1.25rem);background:var(--bg);color:var(--acc);opacity:1;transition:opacity .5s ease,visibility 0s linear .5s}.boot.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.boot__inner{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.boot__title{font-size:1.15rem;line-height:1}.boot__message{max-width:30ch;color:var(--txt);font:.78rem/1.45 var(--font-mono-alt)}.orientation-lock{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;padding:calc(var(--sat) + 1.5rem) calc(var(--sar) + 1.5rem) calc(var(--sab) + 1.5rem) calc(var(--sal) + 1.5rem);background:var(--bg);color:var(--txt);text-align:center}.orientation-lock__inner{display:flex;flex-direction:column;gap:.5rem}.orientation-lock__inner span{color:var(--acc);font-size:.85rem}.orientation-lock__inner small{font-size:.65rem;opacity:.7}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.orientation-lock{display:flex}}.modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:1rem;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--fade),visibility 0s linear .15s}.modal.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity var(--fade),visibility 0s}.modal__scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 80%,transparent)}.modal__card{position:relative;z-index:1;width:min(100%,20rem);display:grid;grid-template-columns:minmax(0,1fr) var(--field-h);gap:var(--field-gap);padding:.75rem;border:1px solid var(--txt);background:var(--bg)}.modal__input{min-width:0;height:var(--field-h);padding:0 .7rem;border:1px solid var(--txt);border-radius:0;background:var(--bg);color:var(--acc);font-family:var(--font-mono-alt);font-size:.85rem;caret-color:var(--acc);user-select:text;-webkit-user-select:text}.modal__input::placeholder{color:var(--txt);opacity:.6}.enter{width:var(--field-h);height:var(--field-h);display:grid;place-items:center;border:1px solid var(--txt);background:transparent;color:var(--acc)}.glyph--enter{width:20px;height:20px;fill:currentColor}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}