:root{--paper: #e8dec9;--paper-deep: #dccfb2;--ink: #16130e;--red: #d8492c;--gold: #f2b233;--cobalt: #2e6db4;--ink-70: color-mix(in srgb, var(--ink) 70%, transparent);--ink-48: color-mix(in srgb, var(--ink) 48%, transparent);--ink-26: color-mix(in srgb, var(--ink) 26%, transparent);--ink-12: color-mix(in srgb, var(--ink) 12%, transparent);--paper-70: color-mix(in srgb, var(--paper) 70%, transparent);--paper-40: color-mix(in srgb, var(--paper) 40%, transparent);--paper-16: color-mix(in srgb, var(--paper) 16%, transparent);--hair: .5px solid var(--ink);--hair-soft: .5px solid var(--ink-26);--serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Hanken Grotesk", ui-sans-serif, "Helvetica Neue", Helvetica, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--r: 2px;--pad: clamp(10px, 1.4vw, 18px);--frame: clamp(10px, 1.6vw, 22px)}*{box-sizing:border-box}html,body{margin:0;height:100%}html{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{height:100dvh;overflow:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--ink) .5px,transparent .5px),linear-gradient(90deg,var(--ink) .5px,transparent .5px);background-size:26px 26px;opacity:.045}button,select,input{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--red);color:var(--paper)}#app{position:relative;z-index:1;height:100dvh;padding:var(--frame);display:grid;grid-template-columns:minmax(232px,290px) minmax(0,1fr) minmax(264px,348px);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"head    head    head" "voice   figure  reading" "deck    deck    deck" "keys    keys    keys";column-gap:clamp(12px,1.6vw,26px);row-gap:clamp(8px,1.1vh,16px)}#app:before{content:"";position:absolute;inset:calc(var(--frame) * .42);border:var(--hair);pointer-events:none;opacity:.55}.masthead{grid-area:head;display:flex;align-items:baseline;justify-content:space-between;gap:var(--pad);border-bottom:var(--hair);padding-bottom:clamp(6px,.8vh,12px)}.wordmark{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(26px,3.2vw,44px);line-height:.9;letter-spacing:.01em;font-optical-sizing:auto}.wordmark .dot{color:var(--red)}.masthead__meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right;min-width:0}.runhead{font-family:var(--serif);font-style:italic;font-size:clamp(12px,1.2vw,16px);color:var(--ink-70)}.kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48)}.statline{display:flex;gap:clamp(8px,1vw,16px);align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70);white-space:nowrap}.statline b{color:var(--ink);font-weight:600}.statline .sep{color:var(--ink-26)}.link-dot{display:inline-flex;align-items:center;gap:6px}.link-dot:before{content:"";width:7px;height:7px;border-radius:50%;border:var(--hair);background:transparent}.link-dot.is-live:before{background:var(--gold);border-color:var(--gold)}.figure{grid-area:figure;position:relative;container-type:size;display:grid;place-items:center}.figure__disc{position:relative;width:min(100cqw,calc(100cqh - 46px));height:min(100cqw,calc(100cqh - 46px));border-radius:50%;background:var(--ink);border:.5px solid var(--ink);box-shadow:0 0 0 .5px var(--ink-26)}.figure__disc canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.figure__tag{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-48);pointer-events:none}.figure__tag--no{top:2px;left:0}.figure__tag--cap{bottom:0;left:0;right:0;text-align:center;color:var(--ink-70)}.figure__foot{font-family:var(--serif);font-style:italic;color:var(--red);text-transform:none;letter-spacing:0;font-size:12px}.reading{grid-area:reading;display:flex;flex-direction:column;gap:clamp(8px,1.2vh,16px);min-height:0}.prop{border:var(--hair);background:var(--paper);padding:var(--pad);display:flex;flex-direction:column;gap:8px}.prop__head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48);border-bottom:var(--hair-soft);padding-bottom:6px}.prop__name{font-family:var(--serif);font-weight:600;font-optical-sizing:auto;font-size:clamp(22px,2.4vw,34px);line-height:1.02;letter-spacing:.005em;min-height:1.04em}.prop__name .quiet{color:var(--ink-48);font-style:italic;font-weight:500}.prop__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.prop__ratio{font-family:var(--serif);font-size:clamp(18px,1.9vw,26px);letter-spacing:.02em}.prop__ratio small{font-size:.62em;color:var(--ink-48)}.drift{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:3px 8px;border:var(--hair);border-radius:var(--r);white-space:nowrap}.drift.is-pure{color:var(--cobalt);border-color:var(--cobalt)}.drift.is-sharp{color:var(--red);border-color:var(--red)}.drift.is-flat{color:var(--cobalt);border-color:var(--cobalt)}.drift b{font-weight:600}.scope{position:relative;border:var(--hair);background:var(--ink);flex:1 1 auto;min-height:72px;overflow:hidden}.scope canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.scope__tag{position:absolute;left:8px;top:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-40)}.scope__mode{position:absolute;right:8px;top:6px;z-index:2;background:transparent;border:.5px solid var(--paper-16);border-radius:var(--r);padding:2px 7px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-40);transition:color .12s,border-color .12s}.scope__mode:hover{color:var(--gold);border-color:var(--gold)}.voice{grid-area:voice;display:flex;flex-direction:column;gap:clamp(8px,1.1vh,14px);min-height:0}.panel{border:var(--hair);background:var(--paper);padding:var(--pad);display:flex;flex-direction:column;gap:10px}.panel__cap{display:flex;align-items:baseline;gap:8px;border-bottom:var(--hair-soft);padding-bottom:6px}.panel__cap .fig{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--red)}.panel__cap .ttl{font-family:var(--serif);font-size:clamp(15px,1.4vw,19px);font-weight:600;letter-spacing:.01em}.panel__cap .note{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-48)}.voice--grow{flex:1 1 auto;min-height:0}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:var(--hair);border-radius:var(--r);overflow:hidden}.seg.seg--wrap{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.seg button{background:transparent;border:none;border-right:var(--hair-soft);padding:6px 4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70);transition:background .12s,color .12s}.seg.seg--wrap button:nth-child(3n){border-right:none}.seg button:last-child{border-right:none}.seg button:hover{background:var(--ink-12)}.seg button.is-on{background:var(--ink);color:var(--paper)}.dials{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,.8vw,12px)}.dials--two{grid-template-columns:repeat(2,1fr)}.dial{display:flex;flex-direction:column;align-items:center;gap:3px;user-select:none;-webkit-user-select:none;touch-action:none}.dial__face{width:100%;max-width:64px;aspect-ratio:1;display:block;cursor:ns-resize}.dial__track{fill:none;stroke:var(--ink-26);stroke-width:1.4}.dial__arc{fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round}.dial__pin{stroke:var(--ink);stroke-width:1.4;stroke-linecap:round}.dial__hub{fill:var(--paper);stroke:var(--ink);stroke-width:.5}.dial__label{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-48)}.dial__val{font-family:var(--mono);font-size:10.5px;color:var(--ink);font-variant-numeric:tabular-nums}.dial{position:relative}.dial__cc{position:absolute;top:0;right:2px;font-family:var(--mono);font-size:8px;letter-spacing:.02em;color:var(--red);line-height:1;pointer-events:none}.dial:not(.is-bound) .dial__cc{display:none}.dial.is-learning .dial__face{cursor:cell}.dial.is-learning .dial__track{stroke:var(--red);animation:dial-learn 1s ease-in-out infinite}.dial.is-learning .dial__label{color:var(--red)}@keyframes dial-learn{0%,to{opacity:.3}50%{opacity:1}}.hint{font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--ink-48);margin:10px 0 0}.seg-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-48)}.voice__fx{display:flex;flex-direction:column;gap:5px}.voice__more{margin-top:auto;align-self:flex-start}.linklike{background:none;border:none;padding:4px 0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-70);border-bottom:var(--hair)}.linklike:hover{color:var(--red);border-color:var(--red)}.deck{grid-area:deck;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(12px,1.6vw,24px);border-top:var(--hair);padding-top:clamp(8px,1vh,14px)}.bay{display:flex;flex-direction:column;gap:8px;min-width:0}.bay__cap{display:flex;align-items:baseline;gap:8px}.bay__cap .fig{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--red)}.bay__cap .ttl{font-family:var(--serif);font-size:clamp(14px,1.3vw,18px);font-weight:600}.bay__cap .note{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-48)}.tape{display:flex;flex-direction:column;gap:9px;min-width:0}.tape__lane{width:100%;height:clamp(46px,6vh,64px);display:block;border:var(--hair);border-radius:var(--r);background:var(--paper)}.transport{display:flex;align-items:center;gap:clamp(8px,1vw,14px);flex-wrap:wrap}.transport__main{display:inline-flex;align-items:center;gap:7px}.transport__ghost{display:inline-flex;align-items:center;gap:4px}.tbtn{width:32px;height:30px;display:inline-grid;place-items:center;border:var(--hair);border-radius:var(--r);background:var(--paper);color:var(--ink);transition:background .12s,color .12s,border-color .12s}.tbtn svg{width:13px;height:13px;display:block}.tbtn:hover{background:var(--ink-12)}.tbtn.is-on{background:var(--ink);color:var(--paper)}.tbtn:disabled{opacity:.36;cursor:default}.tbtn--rec{width:40px;height:36px;border-radius:50%;border-color:var(--red);color:var(--red)}.tbtn--rec svg{width:17px;height:17px}.tbtn--rec:hover{background:color-mix(in srgb,var(--red) 14%,transparent)}.tbtn--rec.is-on{background:var(--red);border-color:var(--red);color:var(--paper);animation:rec-pulse 1.1s ease-in-out infinite}@keyframes rec-pulse{50%{background:color-mix(in srgb,var(--red) 68%,var(--ink))}}.tbtn--ghost{width:26px;height:26px;border-color:var(--ink-26);color:var(--ink-70);font-size:13px}.tbtn--ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.tempo{display:inline-flex;align-items:baseline;gap:6px;margin-left:4px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-70)}.tempo input{width:46px;border:none;border-bottom:var(--hair);background:transparent;font-family:var(--mono);font-size:13px;color:var(--ink);text-align:right;padding:0 2px 1px}.tempo input:focus{outline:none;border-color:var(--red)}.tempo .unit{color:var(--ink-48);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.lanes{display:flex;flex-direction:column;gap:3px}.lane{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:3px 6px;border:var(--hair-soft);border-radius:var(--r);font-family:var(--mono);font-size:10.5px}.lane.is-armed{border-color:var(--red)}.lane__arm{width:9px;height:9px;border-radius:50%;border:var(--hair);background:transparent;padding:0}.lane.is-armed .lane__arm{background:var(--red);border-color:var(--red)}.lane__name{color:var(--ink-70);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane__count{color:var(--ink-48);font-variant-numeric:tabular-nums}.lane__mute,.lane__del{background:none;border:var(--hair-soft);border-radius:var(--r);width:20px;height:18px;display:inline-grid;place-items:center;font-size:9px;letter-spacing:.06em;color:var(--ink-70)}.lane__mute.is-on{background:var(--ink);color:var(--paper)}.lane__add{align-self:flex-start;background:none;border:var(--hair);border-radius:var(--r);padding:3px 9px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70)}.lane__add:hover{color:var(--red);border-color:var(--red)}.harm{display:flex;flex-direction:column;gap:8px;min-width:0}.harm__controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.harm__hint{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-48);border:var(--hair-soft);border-radius:var(--r);padding:2px 7px}.field{border:var(--hair);border-radius:var(--r);background:var(--paper);padding:4px 6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink)}.field:focus{outline:none;border-color:var(--red)}.toggle{border:var(--hair);border-radius:var(--r);background:var(--paper);padding:4px 9px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70)}.toggle.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.toggle.lock.is-on{background:var(--cobalt);border-color:var(--cobalt);color:var(--paper)}.pads{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:var(--hair);border-radius:var(--r);background:var(--paper);padding:clamp(7px,1vh,12px) 2px;transition:background .1s,color .1s,transform .05s}.pad__n{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;color:var(--ink-48)}.pad__name{font-family:var(--serif);font-size:clamp(13px,1.3vw,17px);font-weight:600;color:var(--ink);line-height:1}.pad:hover{background:var(--ink-12)}.pad.is-sel{border-color:var(--red)}.pad.is-on{background:var(--red);border-color:var(--red);transform:translateY(1px)}.pad.is-on .pad__n,.pad.is-on .pad__name{color:var(--paper)}.strum{display:flex;gap:2px;height:clamp(18px,2.4vh,28px);border:var(--hair);border-radius:var(--r);padding:3px;background:var(--paper);touch-action:none}.strum__s{flex:1;background:var(--ink-12);border-radius:1px;transition:background .06s}.strum__s.pluck{background:var(--gold)}.arp{display:flex;flex-direction:column;gap:7px;border:var(--hair);border-radius:var(--r);padding:8px;background:var(--paper)}.arp__controls{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.arp__power{display:inline-flex;align-items:center;gap:7px;border:var(--hair);border-radius:var(--r);background:var(--paper);padding:5px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-70);transition:background .12s,color .12s,border-color .12s}.arp__dot{width:8px;height:8px;border-radius:50%;border:var(--hair);background:transparent;transition:background .12s}.arp__power:hover{border-color:var(--gold);color:var(--ink)}.arp__power.is-on{background:var(--gold);border-color:var(--gold);color:var(--ink)}.arp__power.is-on .arp__dot{background:var(--ink);border-color:var(--ink)}.arp .seg{flex:1 1 auto}.arp__run{height:clamp(28px,3.4vh,40px);border:var(--hair);border-radius:var(--r);background:var(--ink);display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:4px 5px;overflow:hidden;transition:border-color .15s}.arp__step{flex:0 1 22px;min-width:4px;background:var(--paper-16);border-radius:1px;transition:background .07s}.arp__step.is-lit{background:var(--gold)}.arp__idle{margin:auto;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-40)}.harm.arp-running .arp__run{border-color:var(--gold)}.keys{grid-area:keys;position:relative;height:clamp(92px,12.5vh,132px);border:var(--hair);border-radius:var(--r);background:var(--paper);touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.keys__row{position:absolute;inset:0;display:flex}.wkey{flex:1;border-right:var(--hair);position:relative;background:var(--paper);transition:background .05s}.wkey:last-child{border-right:none}.wkey.is-on{background:var(--ink)}.bkey{position:absolute;top:0;height:62%;transform:translate(-50%);background:var(--ink);border:.5px solid var(--ink);border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r);z-index:2;transition:background .05s}.bkey.is-on{background:var(--red)}.kcap{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:var(--ink-26);pointer-events:none}.wkey.is-on .kcap{color:var(--paper-40)}.drawer-trigger{background:none;border:var(--hair);border-radius:var(--r);padding:4px 10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-70)}.drawer-trigger:hover{color:var(--red);border-color:var(--red)}.drawer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 40%,transparent);opacity:0;pointer-events:none;transition:opacity .18s ease}.drawer.is-open{opacity:1;pointer-events:auto}.drawer__sheet{width:min(760px,93vw);max-height:88vh;overflow:auto;background:var(--paper);border:var(--hair);padding:clamp(16px,2.4vw,30px);display:flex;flex-direction:column;gap:clamp(14px,2vw,24px);transform:translateY(8px);transition:transform .18s ease}.drawer.is-open .drawer__sheet{transform:none}.drawer__head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:var(--hair);padding-bottom:8px}.sheet-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,26px)}@media(max-width:620px){.sheet-cols{grid-template-columns:1fr}}.rack{display:flex;flex-direction:column;gap:clamp(12px,1.6vw,18px)}.rack__seg{display:flex;gap:clamp(10px,1.4vw,18px);flex-wrap:wrap;align-items:center}.rack__seg .seg-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-48);margin-right:2px}.rack__group{display:flex;flex-direction:column;gap:8px}.rack__group>h4{margin:0;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.rack__dials{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:clamp(8px,1.2vw,14px)}.drawer__head h2{margin:0;font-family:var(--serif);font-weight:600;font-size:22px}.drawer__close{background:none;border:var(--hair);border-radius:var(--r);width:28px;height:28px}.drawer__close:hover{background:var(--red);color:var(--paper);border-color:var(--red)}.drawer__col{display:flex;flex-direction:column;gap:10px}.drawer__col h3{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-48)}.link__status{font-family:var(--mono);font-size:11px;color:var(--ink-70);min-height:1.4em}.link__url{width:100%;border:var(--hair);border-radius:var(--r);background:var(--paper-deep);padding:6px 8px;font-family:var(--mono);font-size:10.5px;color:var(--ink)}.link__qr{width:120px;height:120px;image-rendering:pixelated;border:var(--hair);align-self:flex-start}.btn{border:var(--hair);border-radius:var(--r);background:var(--paper);padding:6px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);align-self:flex-start}.btn:hover{background:var(--ink);color:var(--paper)}.btn.btn--red:hover{background:var(--red);border-color:var(--red)}.mon{border:var(--hair);border-radius:var(--r);background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10.5px;height:132px;overflow:auto;padding:6px 8px}.mon__line{display:flex;gap:10px;color:var(--paper-70);white-space:nowrap}.mon__line .t{color:var(--gold)}.mon__empty{color:var(--paper-40)}.ctrls{display:flex;flex-direction:column;gap:6px}.ctrl{display:flex;justify-content:space-between;align-items:center;border:var(--hair-soft);border-radius:var(--r);padding:5px 8px;font-family:var(--mono);font-size:10.5px}.ctrl .name{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctrl .badge{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:var(--r)}.ctrl .badge.matched{background:var(--cobalt);color:var(--paper)}.ctrl .badge.unknown{border:var(--hair-soft);color:var(--ink-48)}.ctrl__empty{color:var(--ink-48);font-family:var(--mono);font-size:10.5px}.kbd-hint{position:absolute;right:9px;top:8px;display:flex;gap:12px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-48);pointer-events:none;z-index:3;background:color-mix(in srgb,var(--paper) 90%,transparent);border:var(--hair-soft);border-radius:var(--r);padding:3px 9px}.kbd-hint b{color:var(--ink)}@keyframes draw-in{0%{stroke-dashoffset:var(--len, 1000)}to{stroke-dashoffset:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reveal{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.masthead.reveal{animation-delay:.02s}.figure.reveal{animation-delay:.1s}.reading.reveal{animation-delay:.18s}.voice.reveal{animation-delay:.16s}.deck.reveal{animation-delay:.24s}.keys.reveal{animation-delay:.3s}@media(prefers-reduced-motion:reduce){.reveal,.tbtn--rec.is-on{animation:none}}@media(max-width:940px){.kbd-hint{display:none}}#app{row-gap:clamp(6px,.8vh,12px)}.masthead{padding-bottom:clamp(4px,.6vh,9px)}.keys{height:clamp(84px,11vh,120px)}.voice{gap:clamp(5px,.7vh,10px)}.voice .seg button{padding:5px 3px;font-size:9.5px;letter-spacing:.03em}.voice .dials{gap:4px 8px}.voice .dial{gap:1px}.voice .dial__face{max-width:46px}.voice .dial__label{font-size:8.5px}.voice .dial__val{font-size:9.5px}.voice__fx{flex-direction:row;align-items:center;gap:9px}.voice__fx .seg-label{flex:0 0 auto}.voice__fx .seg{flex:1 1 auto}.voice__more{margin-top:4px}.deck{padding-top:clamp(6px,.8vh,10px)}.harm{gap:6px}.tape{gap:7px}.tape__lane{height:clamp(38px,4.6vh,54px)}.pads{gap:4px}.pad{padding:clamp(5px,.7vh,9px) 2px}.strum{height:clamp(15px,1.9vh,22px)}.arp{gap:6px;padding:7px}.arp__controls{gap:7px}.arp__power{padding:4px 12px;font-size:10px}.arp__run{height:clamp(22px,2.6vh,30px)}