@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#282721;font-synthesis:none;text-rendering:optimizelegibility;--case:#ed7445;--case-dark:#bb4f2a;--black:#242520;--panel:#353630;--cream:#eee8d7;--lcd:#9eaa76;background:#657e88;font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden}button,input{color:inherit;font:inherit}button{border:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #fff39a}.desk-grid{z-index:-1;opacity:.2;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.page-header,.page-footer{color:#ffffffb8;letter-spacing:.09em;justify-content:space-between;align-items:center;height:40px;padding:0 clamp(15px,3vw,44px);font-size:7px;display:flex}.page-header div{align-items:center;gap:8px;display:flex}.page-header i{border:1px solid;border-radius:50%;width:7px;height:7px}.page-header b{color:#fff39a;font-weight:500}.machine-shell{place-items:center;min-height:calc(100svh - 76px);padding:16px clamp(14px,4vw,60px) 34px;display:grid;position:relative}.machine-shadow{filter:blur(13px);background:#141d1f59;border-radius:50%;width:min(1120px,100% - 28px);height:30px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.machine{background:var(--case);border:3px solid #9f3f21;border-radius:28px 28px 36px 36px;width:min(1120px,100%);min-height:690px;padding:33px 36px 28px;position:relative;box-shadow:inset 0 4px #ffffff47,inset 0 -7px #782d164d,0 18px #963d25,0 24px 30px #1f2a2c4d}.machine:before{content:"";pointer-events:none;border:1px solid #6e2a1540;border-radius:20px 20px 29px 29px;position:absolute;inset:8px}.screw{z-index:3;color:#7e3a26;background:#d8643b;border:1px solid #7e3a26;border-radius:50%;place-items:center;width:17px;height:17px;font-size:12px;display:grid;position:absolute;box-shadow:inset 1px 1px #ffffff40}.screw--tl{top:11px;left:13px}.screw--tr{top:11px;right:13px}.screw--bl{bottom:13px;left:14px}.screw--br{bottom:13px;right:14px}.machine-head{grid-template-columns:190px minmax(360px,1fr) 145px;align-items:center;gap:28px;min-height:142px;display:grid}.machine-brand span{color:var(--case);background:var(--black);padding:3px 6px;font-size:7px;font-weight:600}.machine-brand h1{letter-spacing:-.08em;margin:7px 0 0;font-family:Chakra Petch,sans-serif;font-size:33px;line-height:.9}.machine-brand h1 i{color:var(--cream);font-style:normal}.machine-brand p{color:#823b27;letter-spacing:.07em;margin:8px 0 0;font-size:6px}.display-bezel{background:#2b2c27;border:2px solid #1c1d19;border-radius:8px;padding:9px;box-shadow:inset 0 0 0 2px #4a4b44,0 4px #752b1673}.lcd{color:#27311f;background:var(--lcd);text-shadow:0 0 4px #27311f40;border:2px solid #252d20;border-radius:3px;min-height:121px;padding:8px 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #25301c59}.lcd:after{content:"";opacity:.2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#35422c 3px);position:absolute;inset:0}.lcd-top,.lcd-bottom{z-index:1;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:6px;display:flex;position:relative}.lcd-status{color:var(--lcd);background:#303b27;padding:1px 5px}.battery{letter-spacing:-2px;font-style:normal}.lcd-main{z-index:1;justify-content:space-between;align-items:center;height:45px;display:flex;position:relative}.tape-name{color:#26301e;text-transform:uppercase;background:0 0;border:0;outline:0;width:min(70%,330px);padding:0;font-family:Chakra Petch,sans-serif;font-size:clamp(18px,2.4vw,29px);font-weight:700}.tempo-display{align-items:baseline;gap:4px;display:flex}.tempo-display b{font-family:Chakra Petch,sans-serif;font-size:27px;line-height:1}.tempo-display span{font-size:6px}.scope{z-index:1;border-top:1px solid #27311f47;border-bottom:1px solid #27311f47;width:100%;height:32px;display:block;position:relative}.lcd-bottom{padding-top:4px}.speaker{grid-template-columns:repeat(8,1fr);gap:7px;display:grid;transform:rotate(-2deg)}.speaker i{background:#703925;border-radius:50%;width:9px;height:9px;box-shadow:inset 1px 2px 2px #28120a8c,0 1px #ffffff26}.transport-strip{background:#d6d0bf;border:2px solid #242520;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:67px;margin:13px 0;padding:9px 12px;display:grid;box-shadow:inset 0 2px #f6f1e4,0 4px #7a2b154d}.transport-buttons,.preset-bank,.utility-buttons{align-items:center;gap:6px;display:flex}.transport,.preset-bank button,.utility-buttons button{color:#f1eddf;cursor:pointer;background:#494a43;border:1px solid #1d1e1a;border-radius:4px;height:42px;font-size:6px;box-shadow:inset 0 2px #ffffff29,0 3px #252620}.transport{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:54px;display:flex}.transport i{display:block}.stop-button i{background:#ede8d8;width:10px;height:10px}.play-button i{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:11px solid #a9db72;width:0;height:0}.record-button{width:66px}.record-button i{background:#ff4d3b;border-radius:50%;width:11px;height:11px}.transport:active,.transport.is-active,.preset-bank button:active,.utility-buttons button:active{transform:translateY(2px);box-shadow:inset 0 2px #0003,0 1px #252620}.record-button.is-active{color:#fff;background:#a9382b;animation:.6s steps(2,end) infinite rec}.play-button.is-active{background:#3f6242}.preset-bank{justify-content:center}.preset-bank>span{color:#77766f;writing-mode:vertical-rl;margin-right:4px;font-size:6px;transform:rotate(180deg)}.preset-bank button{color:#30312c;background:#b9b5a9;min-width:58px;padding:0 8px;font-size:6px}.preset-bank button b{color:#77766e;margin-bottom:4px;font-size:7px;display:block}.utility-buttons{justify-content:flex-end}.utility-buttons button{min-width:52px;padding:0 8px}.utility-buttons button b{color:#fff39a}.tapes-button b{background:#222;border-radius:50%;place-items:center;min-width:14px;height:14px;font-size:6px;display:inline-grid}.sequencer-bezel{background:#292a26;border:3px solid #1d1e1a;border-radius:10px;padding:13px 13px 15px;overflow-x:auto;box-shadow:inset 0 3px #41423c,0 5px #73291459}.step-numbers,.track-row{grid-template-columns:105px repeat(16,1fr);gap:6px;min-width:890px;display:grid}.step-numbers{color:#74766c;text-align:center;margin-bottom:5px;font-size:5px}.step-numbers .is-beat{color:#d0d2c5}.sequencer{gap:7px;display:grid}.track-label{color:#eeeadd;align-items:center;gap:8px;display:flex}.track-label>span{border:1px solid var(--track);width:27px;height:27px;color:var(--track);border-radius:50%;place-items:center;font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:700;display:grid}.track-label div{flex-direction:column;display:flex}.track-label b{font-size:7px}.track-label small{color:#73756c;margin-top:2px;font-size:4px}.step{cursor:pointer;background:#4d4f48;border:1px solid #10110f;border-radius:3px;min-width:0;height:39px;padding:4px;position:relative;box-shadow:inset 0 2px #ffffff1a,0 2px #11120f}.step:nth-child(4n+2){margin-left:4px}.step i{background:#22231f;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:5px;box-shadow:inset 0 1px #090a08}.step span{color:#aaa;margin-top:9px;font-size:6px;display:block}.step.is-on{background:color-mix(in srgb, var(--track) 65%, #31322d)}.step.is-on i{background:var(--track);box-shadow:0 0 7px var(--track)}.step.is-current{outline-offset:1px;outline:2px solid #fff2a2;transform:translateY(-1px)}.step:active{transform:translateY(2px);box-shadow:inset 0 2px #00000040}.lower-deck{grid-template-columns:1.15fr .82fr .75fr;gap:28px;min-height:205px;padding-top:17px;display:grid}.deck-label{color:#793922;letter-spacing:.05em;justify-content:space-between;margin-bottom:10px;font-size:6px;display:flex}.deck-label span{opacity:.75}.pads{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.drum-pad{aspect-ratio:1;color:#e9e4d6;cursor:pointer;text-align:left;background:#3b3c37;border:2px solid #1c1d19;border-radius:7px;min-height:85px;padding:9px;position:relative;overflow:hidden;box-shadow:inset 0 4px #ffffff1f,0 5px #22231f,0 8px #6d271459}.drum-pad:before{content:"";border:1px solid #ffffff1f;border-radius:4px;position:absolute;inset:8px}.drum-pad span{z-index:1;font-size:6px;position:relative}.drum-pad kbd{color:#86877f;font:7px IBM Plex Mono;position:absolute;bottom:8px;right:9px}.drum-pad i{background:var(--pad);width:7px;height:7px;box-shadow:0 0 6px var(--pad);border-radius:50%;position:absolute;bottom:9px;left:10px}.drum-pad:active,.drum-pad.is-hit{color:#fff;background:color-mix(in srgb, var(--pad) 35%, #33342f);transform:translateY(4px);box-shadow:inset 0 4px #00000026,0 1px #22231f}.drum-pad.is-hit{animation:.16s ease-out pad-hit}.knob-row{background:#c24c282e;border:1px solid #76321d4d;border-radius:8px;grid-template-columns:repeat(4,1fr);align-items:center;gap:5px;min-height:105px;display:grid}.knob-control{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.knob-control input{opacity:0;cursor:ns-resize;width:53px;height:53px;position:absolute}.knob{width:46px;height:46px;transform:rotate(var(--turn));background:#4c4d47;border:3px solid #22231f;border-radius:50%;display:block;position:relative;box-shadow:inset 2px 3px #ffffff29,0 3px #893c24}.knob i{background:var(--track);width:3px;height:15px;position:absolute;top:4px;left:calc(50% - 1.5px)}.knob-control>b{font-size:7px}.master-section{min-width:0}.long-control{grid-template-columns:44px 1fr 27px;align-items:center;gap:7px;height:36px;font-size:6px;display:grid}.long-control input{appearance:none;cursor:ew-resize;background:#913d25;width:100%;height:4px}.long-control input::-webkit-slider-thumb{appearance:none;background:var(--cream);border:2px solid #242520;border-radius:2px;width:13px;height:19px;box-shadow:0 2px #873b24}.long-control input::-moz-range-thumb{background:var(--cream);border:2px solid #242520;border-radius:2px;width:11px;height:17px}.long-control b{color:var(--lcd);text-align:center;background:#33342f;padding:3px;font-size:7px}.master-section p{color:#8a412a;margin:12px 0 0;font-size:5px;line-height:1.5}.page-footer{height:36px;font-size:6px}.tape-dialog{color:#292a25;background:#d8d2c2;border:3px solid #252621;border-radius:10px;width:min(650px,100vw - 26px);max-height:calc(100svh - 32px);padding:0;box-shadow:12px 15px #232c2d66}.tape-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#202a2cb8}.tape-dialog>header{background:var(--case);border-bottom:2px solid #292a25;justify-content:space-between;align-items:center;min-height:75px;padding-left:20px;display:flex}.tape-dialog>header span{font-size:6px}.tape-dialog h2{text-transform:uppercase;margin:2px 0 0;font-family:Chakra Petch;font-size:28px;line-height:1}.close-tapes{cursor:pointer;background:0 0;border-left:2px solid #292a25;align-self:stretch;width:75px;font-size:30px}.close-tapes:hover{color:#fff;background:#292a25}.tape-list{gap:8px;max-height:560px;padding:14px;display:grid;overflow:auto}.tape-item{background:#eee9dc;border:1px solid #77776e;border-radius:5px;display:flex;position:relative}.tape-load{text-align:left;cursor:pointer;background:0 0;flex:1;grid-template-columns:90px 1fr auto;align-items:center;gap:15px;min-width:0;min-height:83px;padding:10px 52px 10px 10px;display:grid}.tape-load:hover{background:#fff9e8}.cassette{background:var(--case);border:2px solid #33342f;border-radius:4px;justify-content:space-around;align-items:center;height:52px;display:flex;position:relative}.cassette:after{content:"";background:#e5decf;border:1px solid #333;width:34px;height:10px;position:absolute;bottom:5px}.cassette i{background:#ddd4bd;border:4px dotted #333;border-radius:50%;width:22px;height:22px}.cassette b{font-size:6px;position:absolute}.tape-load>div{flex-direction:column;min-width:0;display:flex}.tape-load small,.tape-load>div span{color:#85857d;font-size:6px}.tape-load strong{text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-family:Chakra Petch;font-size:18px;overflow:hidden}.tape-load>b{font-size:7px}.tape-delete{cursor:pointer;background:0 0;border-left:1px solid #aaa99f;width:38px;position:absolute;top:0;bottom:0;right:0}.tape-delete:hover{color:#fff;background:#b83e2f}.empty-tapes{align-content:center;place-items:center;gap:5px;min-height:270px;display:none}.empty-tapes.is-visible{display:grid}.empty-tapes b{font-family:Chakra Petch;font-size:27px}.empty-tapes span{color:#777;font-size:7px}.toast{z-index:20;opacity:0;color:#27311f;pointer-events:none;background:#ddeb9e;border:2px solid #27311f;border-radius:3px;padding:10px 15px;font-size:7px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);box-shadow:5px 5px #27311f}.toast.is-visible{animation:2.3s both toast}@keyframes pad-hit{to{transform:translateY(0)}}@keyframes rec{50%{filter:brightness(1.5)}}@keyframes toast{0%,to{opacity:0;transform:translate(-50%,20px)}12%,82%{opacity:1;transform:translate(-50%)}}@media (width<=1000px){.machine{padding-left:25px;padding-right:25px}.machine-head{grid-template-columns:155px minmax(330px,1fr) 110px;gap:18px}.speaker{gap:5px}.speaker i{width:7px;height:7px}.transport-strip{grid-template-columns:auto 1fr}.utility-buttons{grid-column:1/-1;justify-content:center}.lower-deck{grid-template-columns:1fr 1fr}.master-section{grid-column:1/-1}}@media (width<=720px){.page-header span,.page-footer span:last-child{display:none}.machine-shell{padding:5px 5px 25px;display:block}.machine{border-radius:20px;min-height:0;padding:30px 15px 24px}.machine-head{grid-template-columns:1fr;gap:15px}.machine-brand{align-items:baseline;gap:8px;display:flex}.machine-brand h1{font-size:27px}.machine-brand p,.speaker{display:none}.transport-strip{grid-template-columns:1fr;gap:12px}.transport-buttons,.preset-bank,.utility-buttons{flex-wrap:wrap;justify-content:center}.utility-buttons{grid-column:auto}.sequencer-bezel{margin-left:-8px;margin-right:-8px}.lower-deck{grid-template-columns:1fr;gap:22px}.master-section{grid-column:auto}.drum-pad{min-height:72px}.page-footer{justify-content:center}.tape-load{grid-template-columns:70px 1fr}.tape-load>b{display:none}}@media (width<=420px){.machine-brand span{display:none}.transport{width:48px}.record-button{width:62px}.preset-bank button{min-width:52px;padding:0 5px}.drum-pad{min-height:64px;padding:6px}.drum-pad span{writing-mode:vertical-rl}.tape-dialog{width:calc(100vw - 12px)}.tape-load{grid-template-columns:58px 1fr;gap:8px;padding-left:6px}.cassette{height:44px}.cassette i{width:17px;height:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.machine{min-height:860px}.machine-head{margin-bottom:3px}.remix-mark{color:#52613d}.lcd.is-celebrating{animation:2.2s steps(3,end) lcd-signal}.transport-strip{grid-template-columns:auto minmax(280px,1fr) minmax(280px,auto)}.utility-buttons{flex-wrap:wrap}.utility-buttons button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:inset 0 2px #ffffff14,0 3px #252620}.utility-buttons .is-active,.signal-button.is-active{color:#26311e;background:#dbe99f}.export-button.is-active{color:#fff;background:#a9382b;animation:.6s steps(2,end) infinite rec}.scene-strip{background:#d6d0bf;border:2px solid #242520;border-radius:8px;grid-template-columns:78px minmax(320px,1fr) auto auto;align-items:center;gap:12px;min-height:78px;margin:12px 0;padding:8px 11px;display:grid;box-shadow:inset 0 2px #f6f1e4,0 4px #7a2b154d}.scene-heading{color:#55564f;flex-direction:column;gap:5px;font-size:6px;line-height:1.4;display:flex}.scene-heading small{color:#8b8a80;font-size:4px}.scene-slots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.scene-slot{grid-template-columns:1fr;min-width:0;display:grid}.scene-button,.scene-enable,.scene-tools button,.mutation button,.mobile-bank button,.step-editor button{cursor:pointer;background:#adab9f;border:1px solid #1d1e1a;font-size:6px;box-shadow:inset 0 2px #ffffff2e,0 2px #585950}.scene-button{border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;height:39px;padding:4px 7px;display:flex}.scene-button b{font:700 17px Chakra Petch}.scene-button span{color:#6f7068;font-size:5px}.scene-enable{color:#797a72;border-top:0;border-radius:0 0 3px 3px;height:15px;font-size:4px}.scene-button.is-active{color:#f2eedf;background:#3e403a;box-shadow:inset 0 2px #ffffff1a,0 2px #20211d}.scene-button.is-active span{color:#b9baaf}.scene-button.is-playing{outline-offset:1px;outline:2px solid #fff39a}.scene-enable.is-active{color:#26311e;background:#b8d87e}.scene-tools{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.scene-tools button{border-radius:3px;min-width:56px;height:25px}.scene-tools .chain-button{grid-column:1/-1}.scene-tools .chain-button.is-active{color:#dceba2;background:#394b35}.mutation{grid-template-columns:auto 1fr;align-items:center;gap:4px 7px;display:grid}.mutation>span{color:#77776f;font-size:5px}.amount-buttons{gap:2px;display:flex}.amount-buttons button{width:22px;height:19px}.amount-buttons button.is-active{color:#fff;background:#41423c}.mutation .mutate-button{color:#f0ecdd;background:#484942;border-radius:3px;grid-column:1/-1;height:31px}.mutation .mutate-button b{color:#fff39a;margin-left:8px}.mobile-bank{display:none}.track-label{justify-content:space-between;min-width:0}.track-select{color:#eeeadd;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:7px;min-width:0;padding:0;display:flex}.track-select>span{border:1px solid var(--track);width:27px;height:27px;color:var(--track);border-radius:50%;place-items:center;font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:700;display:grid}.track-select div{flex-direction:column;min-width:0;display:flex}.track-select b{font-size:7px}.track-select small{color:#73756c;margin-top:2px;font-size:4px}.track-select.is-active>span{color:#242520;background:var(--track);box-shadow:0 0 8px color-mix(in srgb, var(--track) 65%, transparent)}.track-switches{gap:2px;display:flex}.track-switches button{color:#77786f;cursor:pointer;background:#393a35;border:1px solid #11120f;border-radius:2px;width:17px;height:19px;padding:0;font-size:5px}.track-switches button.is-active{color:#242520;background:var(--track)}.step{overflow:hidden}.step span{height:8px;margin-top:8px;line-height:8px}.step em{color:#d6d7ce;font-size:4px;font-style:normal;position:absolute;bottom:2px;right:3px}.step.is-accent:after{content:"";border-top:8px solid #fff3a0;border-left:8px solid #0000;width:0;height:0;position:absolute;top:0;right:0}.step.is-selected{outline:2px solid var(--track);outline-offset:1px}.step-editor{color:#efebdc;background:#3a3b35;border:2px solid #272822;border-radius:7px;grid-template-columns:90px 120px 82px minmax(190px,1fr) minmax(150px,.75fr);align-items:stretch;gap:10px;min-height:62px;margin-top:10px;padding:7px 11px;display:grid;box-shadow:inset 0 2px #50514a,0 4px #7128144d}.editor-readout{color:#8f9187;flex-direction:column;justify-content:center;gap:5px;font-size:5px;display:flex}.editor-readout b{color:#dceba2;font:700 15px Chakra Petch}.step-editor fieldset{border:1px solid #5f6059;border-radius:3px;justify-content:center;align-items:center;gap:4px;min-width:0;margin:0;padding:5px;display:flex}.step-editor legend{color:#8f9187;padding:0 4px;font-size:5px}.step-editor button{color:#d3d0c5;background:#4a4b44;border-radius:2px;min-width:31px;height:27px;padding:0 6px;box-shadow:inset 0 2px #ffffff14,0 2px #20211d}.step-editor button.is-active{color:#29321f;background:#dceba2}.step-editor .note-value{text-align:center;min-width:35px;font:700 15px Chakra Petch}.step-editor .is-disabled{opacity:.35}.lower-deck{grid-template-columns:1.12fr .88fr .78fr}.mix-sound-section{min-width:0}.sound-sculpt{background:#c24c2829;border:1px solid #76321d4d;border-radius:6px;grid-template-columns:58px 1fr 1fr;gap:8px;margin-top:10px;padding:7px;display:grid}.sound-sculpt>div{flex-direction:column;justify-content:center;gap:4px;font-size:5px;display:flex}.sound-sculpt>div b{font:700 11px Chakra Petch}.sound-sculpt label{color:#793922;gap:5px;font-size:5px;display:grid}.sound-sculpt input{accent-color:#33342f;width:100%;margin:0}.fx-label{color:#7d3c27;justify-content:space-between;margin:5px 0 4px;font-size:5px;display:flex}.fx-pad{touch-action:none;cursor:crosshair;background:radial-gradient(circle at 80% 80%,#9b5e3a,#0000 42%),repeating-linear-gradient(0deg,#0000 0 18px,#ffffff14 19px),repeating-linear-gradient(90deg,#0000 0 24px,#ffffff14 25px),#44463f;border:2px solid #262721;border-radius:5px;height:82px;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #00000052,0 3px #963d25}.fx-pad b{color:#ffffff59;pointer-events:none;font-size:5px;position:absolute;bottom:6px;left:8px}.fx-pad i{z-index:2;pointer-events:none;border:2px solid #fff39a;border-radius:50%;width:15px;height:15px;position:absolute;top:100%;left:98%;transform:translate(-50%,-50%);box-shadow:0 0 8px #fff39a}.signal-dialog{color:#292a25;background:#d8d2c2;border:3px solid #252621;border-radius:10px;width:min(780px,100vw - 26px);max-height:calc(100svh - 32px);padding:0;box-shadow:12px 15px #232c2d66}.signal-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#202a2cb8}.signal-dialog>header{background:#9eaa76;border-bottom:2px solid #292a25;justify-content:space-between;align-items:center;min-height:75px;padding-left:20px;display:flex}.signal-dialog>header span{font-size:6px}.signal-dialog h2{text-transform:uppercase;margin:2px 0 0;font:700 28px/1 Chakra Petch}.close-signals{cursor:pointer;background:0 0;border-left:2px solid #292a25;align-self:stretch;width:75px;font-size:30px}.close-signals:hover{color:#fff;background:#292a25}.signal-content{max-height:calc(100svh - 115px);padding:15px;overflow:auto}.daily-signal{color:#dfe8b3;background:repeating-linear-gradient(0deg,#0000 0 3px,#dceba209 4px),#303a2b;border:2px solid #2e3029;min-height:150px;padding:19px;position:relative;box-shadow:inset 0 0 18px #00000059}.daily-signal span,.signal-card>span{letter-spacing:.08em;font-size:6px}.daily-signal h3,.signal-card h3{margin:10px 0 4px;font:700 25px/1 Chakra Petch}.daily-signal p,.signal-card p{max-width:520px;margin:0;font-size:8px;line-height:1.6}.daily-signal button,.signal-card button{min-width:90px;height:34px;color:inherit;cursor:pointer;background:0 0;border:1px solid;font-size:6px}.daily-signal button{position:absolute;bottom:18px;right:18px}.daily-signal button:hover{color:#29321f;background:#dceba2}.signal-list{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.signal-card{background:#eee9dc;border:1px solid #77776e;grid-template-columns:1fr auto;align-content:start;min-height:160px;padding:14px;display:grid}.signal-card>span,.signal-card h3,.signal-card p{grid-column:1/-1}.signal-card h3{font-size:19px}.signal-card p{color:#66665f;min-height:45px;font-size:7px}.signal-card small{color:#77776e;align-self:center;font-size:5px}.signal-card.is-active{outline:3px solid #ed7445}.signal-card.is-complete{background:#dce4b6}.signal-content>footer{color:#77776e;justify-content:space-between;align-items:center;min-height:50px;padding:13px 2px 0;font-size:6px;display:flex}.signal-content>footer span{letter-spacing:4px}@keyframes lcd-signal{0%,to{filter:none}20%,60%{filter:brightness(1.55)contrast(1.2);transform:translate(0)}40%{transform:translate(3px)}50%{transform:translate(-3px)}}@media (width<=1120px){.transport-strip{grid-template-columns:auto 1fr}.utility-buttons{grid-column:1/-1;justify-content:center}.scene-strip{grid-template-columns:72px 1fr auto}.mutation{grid-column:2/-1;justify-content:center;display:flex}.mutation .mutate-button{grid-column:auto;width:100px}.step-editor{grid-template-columns:80px 110px 75px 1fr}.ratchet-control{grid-column:4}.lower-deck{grid-template-columns:1fr 1fr}.master-section{grid-column:1/-1}.fx-pad{height:100px}}@media (width<=720px){.machine-shell{width:100%;min-width:0;overflow:hidden}.machine{width:100%;min-width:0;max-width:100%;min-height:0;overflow:hidden}.transport-strip{grid-template-columns:1fr}.utility-buttons{grid-column:auto}.utility-buttons button{min-width:47px;padding:0 5px}.scene-strip{grid-template-columns:1fr;gap:9px}.scene-heading{flex-direction:row;justify-content:space-between}.scene-tools{grid-template-columns:repeat(3,1fr)}.scene-tools .chain-button,.mutation{grid-column:auto}.mobile-bank{color:#8a8c81;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:8px;font-size:5px;display:flex}.mobile-bank span{margin-right:auto}.mobile-bank button{color:#c9cabe;background:#44453f;height:25px;padding:0 10px}.mobile-bank button.is-active{color:#26311e;background:#dceba2}.step-numbers,.track-row{grid-template-columns:78px repeat(8,minmax(24px,1fr));gap:4px;min-width:0}.step.is-bank-hidden,.step-number.is-bank-hidden{display:none}.step:nth-child(4n+2){margin-left:0}.step{height:42px}.track-select>span{width:23px;height:23px}.track-select small{display:none}.track-switches{position:absolute;transform:translateY(24px)}.track-label{align-items:flex-start;position:relative}.track-switches button{width:16px;height:15px}.step-editor{grid-template-columns:1fr 1.2fr}.editor-readout,.note-control,.step-editor>fieldset:nth-of-type(2),.chance-control,.ratchet-control{grid-column:auto}.chance-control,.ratchet-control{grid-column:1/-1}.lower-deck{grid-template-columns:1fr}.master-section{grid-column:auto}.sound-sculpt{grid-template-columns:54px 1fr 1fr}.signal-list{grid-template-columns:1fr}.daily-signal{padding-bottom:62px}}@media (width<=430px){.scene-button{padding:3px}.scene-button b{font-size:14px}.scene-button span{font-size:4px}.scene-tools button{min-width:0}.mutation{flex-wrap:wrap}.step-numbers,.track-row{grid-template-columns:65px repeat(8,minmax(22px,1fr));gap:3px}.track-select div{display:none}.track-switches{flex-direction:column;transform:translate(28px,4px)}.track-switches button{width:14px;height:12px}.step{padding:2px}.step em{display:none}.step-editor{grid-template-columns:1fr}.chance-control,.ratchet-control{grid-column:auto}.step-editor fieldset{min-height:43px}.sound-sculpt{grid-template-columns:1fr}.sound-sculpt>div{flex-direction:row;justify-content:space-between}.daily-signal h3{font-size:21px}.signal-content>footer{flex-direction:column;align-items:flex-start;gap:7px}}