.jam{--field:#2a1825;--ink:#f9ece0;--ink-dim:#c9a99d;--ring:#b48cff;--teal:#4fd6c8;--accent:#f3c9a5;--line:#f9ece02e;--v1:#f3c9a5;--v2:#4fd6c8;--v3:#b48cff;--v4:#ff7fc0;--v5:#8fd3ff;--v6:#ffe08a;--v7:#a8e6a1;--jam-dot:var(--v2);--f-serif:"Newsreader", Georgia, serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--thumb:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;width:100%;max-width:1180px;min-height:100svh;padding:28px 24px calc(56px + env(safe-area-inset-bottom,0px));background:var(--field);color:var(--ink);font-family:var(--f-serif);-webkit-font-smoothing:antialiased;align-content:start;gap:28px;margin:0 auto;font-size:18px;font-weight:300;line-height:1.4;display:grid}.jam *,.jam :before,.jam :after{box-sizing:border-box}.jam [hidden]{display:none!important}.jam h1{color:var(--accent);margin:0;font-size:34px;line-height:1}.jam h1 svg{width:auto;height:1em;margin-left:-.2em;display:block;overflow:visible}@property --pulse{syntax:"<number>";inherits:true;initial-value:0}.jam .jam-dot{transform-box:fill-box;transform-origin:50%;transform:scale(calc(1 + var(--pulse) * .07));fill:color-mix(in srgb, var(--jam-dot), var(--ink) calc(var(--pulse) * 35%))}.jam .jam-glow{display:none}.jam .jam-dot-glow{fill:var(--jam-dot);transform-box:fill-box;transform-origin:50%;transform:scale(calc(1.5 + var(--pulse) * .5));filter:blur(110px);opacity:calc(.55 + var(--pulse) * .45)}.jam .word{color:var(--ink-dim);font-style:italic}.jam .num{font-family:var(--f-mono);letter-spacing:.06em;color:var(--ink);font-size:.74rem;font-style:normal}.jam .hint,.jam .problem{color:var(--ink-dim);margin:0;font-size:.86rem;font-style:italic}.jam .problem{text-align:center;min-height:1.4em}.jam .btn{font:inherit;font-family:var(--f-mono);letter-spacing:.06em;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;min-width:40px;min-height:40px;padding:10px;font-size:.74rem;transition:color .2s,background-color .2s,box-shadow .2s}.jam .btn:hover{color:var(--accent)}.jam .btn:focus-visible,.jam .pad:focus-visible,.jam .key:focus-visible,.jam .xy:focus-visible,.jam .take:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.jam .btn:disabled{cursor:default;color:var(--ink-dim);opacity:.35}.jam .btn.toggle{min-width:4.6em;box-shadow:inset 0 -1px 0 var(--line);border-radius:0}.jam .btn.toggle[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}.jam .btn.play{color:var(--field);background:var(--accent);border-radius:22px;min-width:6.5em;min-height:44px;padding:12px 22px}.jam .btn.play:hover,.jam .btn.play:focus-visible{color:var(--field);background:var(--ink)}.jam .btn.record[aria-pressed=true]:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:8px;animation:1.2s ease-in-out infinite jam-pulse;display:inline-block}.jam .top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 36px;min-width:0;display:grid}.jam .head{gap:8px;min-width:0;display:grid}.jam .head .session-box{margin-top:0}.jam .transport{flex-wrap:wrap;align-items:center;gap:12px 24px;min-width:0;display:flex}.jam .transport .hint{margin-left:auto}.jam .position{min-width:6.5em;color:var(--teal)}.jam .slider{flex:0 300px;gap:0;min-width:160px;display:grid}.jam .slider-head{justify-content:space-between;align-items:baseline;gap:12px;font-size:.92rem;display:flex}.jam .slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0}.jam .slider input::-webkit-slider-runnable-track{background:var(--line);height:1px}.jam .slider input::-moz-range-track{background:var(--line);height:1px}.jam .slider input::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc(.5px - var(--thumb) / 2);background:var(--accent);border:0;border-radius:50%}.jam .slider input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--accent);border:0;border-radius:50%}.jam .slider input:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:4px}.jam .clock-orb{aspect-ratio:1;flex:none;width:clamp(204px,21vw,248px);position:relative}.jam .clock-orb canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}.jam .btn.tempo{--pulse:0;aspect-ratio:1;background:color-mix(in srgb, var(--accent) calc(10% + var(--pulse) * 50%), transparent);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) calc(30% + var(--pulse) * 70%), var(--line)), 0 0 calc(5px + var(--pulse) * 22px) color-mix(in srgb, var(--accent) calc(18% + var(--pulse) * 62%), transparent);transform:translate(-50%, -50%) scale(calc(1 + var(--pulse) * .05));cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;display:inline-flex;position:absolute;top:50%;left:50%}.jam .btn.tempo .num{color:var(--ink);pointer-events:none;font-size:1.05rem;line-height:1.1}.jam .btn.tempo .word{color:var(--ink-dim);pointer-events:none;font-size:.68rem;line-height:1}.jam .btn.tempo .num.lean{letter-spacing:.02em;color:var(--teal);margin-top:2px;font-size:.6rem;line-height:1}.jam .btn.tempo:active,.jam .btn.tempo.dragging{box-shadow:inset 0 0 0 1px var(--accent), 0 0 calc(5px + var(--pulse) * 22px) color-mix(in srgb, var(--accent) calc(18% + var(--pulse) * 62%), transparent)}@media (prefers-reduced-motion:reduce){.jam .btn.tempo{--pulse:.3;transform:translate(-50%,-50%)}}.jam .rings-row{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.jam .rings-row .word{margin-right:8px}.jam .clock-side{flex-wrap:wrap;align-items:center;gap:4px 16px;min-width:0;margin-right:auto;display:inline-flex}.jam .clock-rings{align-items:center;gap:2px;display:inline-flex}.jam .btn.clock-ring{min-width:2.8em;min-height:36px;color:var(--ring);box-shadow:inset 0 -1px 0 var(--line);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:0;padding:6px 4px}.jam .btn.clock-ring:hover,.jam .btn.clock-ring:focus{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}.jam .btn.clock-ring.empty{color:var(--ink-dim);opacity:.6;cursor:pointer;box-shadow:inset 0 -1px #0000}.jam .btn.clock-ring.empty:hover,.jam .btn.clock-ring.empty:focus{color:var(--accent);opacity:1;box-shadow:inset 0 -1px 0 var(--accent)}.jam .alignment{color:var(--teal);white-space:nowrap;min-width:7.5em}.jam .btn.clock-realign,.jam .clock-swing{clip-path:inset(50%);width:1px;min-width:0;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.jam .clock-swing:focus-within{clip-path:none;align-items:center;gap:8px;width:auto;height:auto;display:inline-flex;position:static;overflow:visible}.jam .clock-swing input{width:120px;accent-color:var(--accent)}.jam .clock-swing input:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:4px}.jam .btn.clock-realign:focus-visible{clip-path:none;width:auto;height:auto;min-height:36px;padding:6px 10px;position:static;overflow:visible}.jam .sounds-row{flex-wrap:wrap;align-items:center;gap:4px 16px;min-width:0;display:flex}.jam .sounds-row .chords{width:auto}.jam .kit{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px;min-width:0;display:grid}.jam .drum{justify-items:center;gap:2px;min-width:0;display:grid}.jam .drum-name{font-size:.92rem}.jam .orb{aspect-ratio:1;width:100%;position:relative}.jam .orb canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}.jam .pad{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border-radius:50%;place-items:center;padding:0;transition:border-color .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jam .pad:hover{border-color:var(--accent)}.jam .pad:active{border-color:var(--ink)}.jam .rec{justify-content:center;align-items:center;gap:0 2px;min-width:0;min-height:28px;display:flex}.jam .btn.rec-btn{opacity:.6;min-width:0;min-height:28px;padding:4px 6px;font-size:.68rem}.jam .btn.rec-btn:hover,.jam .btn.rec-btn:focus-visible,.jam .drum.sampled .btn.rec-btn{opacity:1}.jam .rec-count{color:var(--accent);font-size:.68rem}.jam .rec-count:empty{display:none}.jam .drum .orb{border-radius:50%;transition:box-shadow .2s,background-color .2s}.jam .drum.dropping .orb{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 22px color-mix(in srgb, var(--accent) 45%, transparent)}.jam .drum.dropping .drum-name{color:var(--accent)}.jam .kit-file{flex-wrap:wrap;align-items:center;gap:0 4px;min-width:0;display:flex}.jam .kit-file .btn.chord{opacity:.75;font-size:.68rem}.jam .kit-file .btn.chord:hover,.jam .kit-file .btn.chord:focus-visible{opacity:1}.jam .kit-file .btn.chord:disabled{opacity:.35}.jam .kit-name{font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:8em;min-height:30px;padding:4px 2px;font-size:.86rem;font-style:italic}.jam .kit-name::placeholder{color:var(--ink-dim);opacity:.7}.jam .kit-name:focus{border-bottom-color:var(--accent);outline:none}.jam .kit{outline-offset:10px;border-radius:12px;outline:1px dashed #0000;transition:outline-color .2s,background-color .2s}.jam .kit.dropping{outline-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.jam .controls{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:24px 36px;min-width:0;padding-top:20px;display:grid}.jam .cell.cell-tone{justify-items:center;width:clamp(240px,30vw,340px)}.jam .cell.cell-tone>.orb{width:89.2857%;margin-block:5.3571%}.jam .cell-tone>.orb canvas,.jam .s-tone>.orb canvas{-webkit-mask-image:radial-gradient(circle closest-side,#000 calc(100% - 5px),#0000);mask-image:radial-gradient(circle closest-side,#000 calc(100% - 5px),#0000)}.jam .pitched{flex-wrap:wrap;grid-column:2/-1;align-self:center;gap:20px 28px;min-width:0;display:flex}.jam .cell.cell-arp,.jam .cell.cell-hits,.jam .cell.cell-bowls,.jam .cell.cell-gong{flex:150px;max-width:262px}.jam .orb-word{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.95rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jam .cell-bowls{--strum-reach:1.9}.jam .strum-rim{inset:calc((1 - var(--strum-reach)) * 50%);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;position:absolute}.jam .bowl-keys{flex-wrap:wrap;gap:0 2px;width:100%;display:flex}.jam .btn.bowl{letter-spacing:.02em;min-width:1.9em;min-height:30px;color:var(--ink-dim);opacity:.7;box-shadow:inset 0 -1px 0 var(--line);border-radius:0;flex:1 0 1.9em;padding:4px 0;font-size:.68rem}.jam .btn.bowl.in-chord{color:var(--ink);opacity:1}.jam .cell-pitch{grid-column:1/-1}.jam .cell-filter{grid-column:1/3}.jam .pad[aria-pressed=true]{border-color:var(--accent)}.jam .pad[aria-pressed=true] .num,.jam .pad[aria-pressed=true] .word{color:var(--field)}.jam .pad .word{pointer-events:none;font-size:.95rem}.jam .chords{flex-wrap:wrap;gap:2px 4px;width:100%;display:flex}.jam .btn.chord{font-family:var(--f-serif);letter-spacing:0;min-width:0;min-height:34px;box-shadow:inset 0 -1px 0 var(--line);border-radius:0;padding:4px 10px;font-size:.95rem;font-style:italic}.jam .btn.chord[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}.jam .btn.chord.pending,.jam .btn.tonic.pending{color:var(--accent);animation:.9s ease-in-out infinite jam-pulse}.jam .tones{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.jam .cell-head .btn.tone{min-width:3.4em;color:var(--ink-dim);box-shadow:inset 0 -1px 0 var(--line);border-radius:0}.jam .cell-head .btn.tone[aria-pressed=true]{color:var(--ring);box-shadow:inset 0 -1px 0 var(--ring)}.jam .cell-head .btn.tone.out{color:color-mix(in srgb, var(--ink-dim) 55%, transparent)}.jam .cell-head .btn.tone.extra[aria-pressed=true]{box-shadow:none;border-bottom:1px dashed var(--ring)}.jam .cell-head .btn.tone.rest[aria-pressed=true]{color:color-mix(in srgb, var(--ring) 60%, var(--ink-dim));box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--ring) 60%, var(--line))}.jam .cell{align-content:start;justify-items:start;gap:8px;min-width:0;display:grid}.jam .cell-head{flex-wrap:wrap;align-items:center;gap:4px 14px;width:100%;min-height:28px;display:flex}.jam .cell>.word{align-items:center;min-height:28px;display:flex}.jam .stepper{align-items:center;gap:2px;display:inline-flex}.jam .cell-head .stepper{margin-left:auto}.jam .cell-head .btn{min-width:32px;min-height:28px;padding:4px 8px}.jam .readout{flex-wrap:wrap;align-items:baseline;gap:0 .7em;min-width:0;display:inline-flex}.jam .named{white-space:nowrap;align-items:baseline;gap:.45em;display:inline-flex}.jam .named .num{color:var(--accent)}.jam .named .word{color:var(--ink)}.jam .named.pending{animation:.9s ease-in-out infinite jam-pulse}.jam .named.pending .word{color:var(--ink-dim)}.jam .key-box{gap:2px;width:100%;margin-top:4px;font-size:.86rem;display:grid}.jam .key-box .named .num,.jam .key-box .named .word{color:var(--ink-dim)}.jam .tonics{flex-wrap:wrap;gap:0 2px;width:100%;display:flex}.jam .btn.tonic{letter-spacing:.02em;min-width:2.3em;min-height:30px;color:var(--ink-dim);box-shadow:inset 0 -1px 0 var(--line);border-radius:0;flex:1 0 2.3em;padding:4px 2px;font-size:.68rem}.jam .btn.tonic[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}.jam .scales .btn.chord{min-height:30px;padding:2px 9px;font-size:.86rem}.jam .lands-head{gap:2px 8px}.jam .lands-head>.word{color:var(--ink-dim)}.jam .lands-head .lands{width:auto}.jam .lands-head .lands .btn.chord{min-width:0;min-height:30px;padding:2px 9px;font-size:.86rem}.jam .piano{width:100%;height:104px;display:flex;position:relative}.jam .key{border:1px solid var(--line);cursor:pointer;background:0 0;border-left-width:0;border-radius:0 0 4px 4px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:1px;padding:0 0 8px;transition:background-color .2s,border-color .2s;display:flex}.jam .key.first{border-left-width:1px}.jam .key{position:relative}.jam .key:after{content:"";background:var(--tone,transparent);pointer-events:none;border-radius:2px;width:min(60%,18px);height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.jam .key.sounding:after{box-shadow:0 0 0 1px var(--field)}.jam .key .num{color:var(--ink);pointer-events:none;line-height:1.15}.jam .key .deg,.jam .key.black .deg{letter-spacing:0;color:var(--ink-dim);font-size:.56rem;line-height:1}.jam .key .deg:empty{display:none}.jam .key:hover{background:#f9ece00f}.jam .key.black{z-index:1;top:0;left:clamp(0%, calc(var(--at) * 100% / 7 - 4.5%), 91%);background:#3d2636;border-left-width:1px;flex:none;width:9%;height:52%;position:absolute}.jam .key.black .num{letter-spacing:0;font-size:.62rem}.jam .key.black:hover{background:#523548}.jam .key:disabled{cursor:default;border-color:#f9ece021}.jam .key:disabled:hover{background:0 0}.jam .key.black:disabled,.jam .key.black:disabled:hover{background:#2f1c2a}.jam .key.sounding,.jam .key.sounding:hover{background:var(--accent);border-color:var(--accent)}.jam .key.sounding .num{color:var(--field)}.jam .key.sounding .deg{opacity:.7}.jam .key.pending{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);animation:.9s ease-in-out infinite jam-pulse}.jam .key:focus-visible{z-index:2}.jam .xy{border:1px solid var(--line);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;width:100%;height:104px;position:relative}.jam .xy-axis{color:var(--ink-dim);opacity:.6;pointer-events:none;font-size:.72rem;font-style:italic;line-height:1;position:absolute}.jam .xy-x{bottom:6px;right:8px}.jam .xy-x:after{content:" →"}.jam .xy-y{top:6px;left:8px}.jam .xy-y:before{content:"↑ "}.jam .xy-dot{background:var(--accent);pointer-events:none;border-radius:50%;width:12px;height:12px;margin:0 0 -6px -6px;position:absolute}.jam .take{font-family:var(--f-mono);letter-spacing:.04em;color:var(--ink-dim);overflow-wrap:anywhere;max-width:14em;font-size:.7rem}.jam .take:hover{color:var(--accent)}.jam .pulse{gap:2px;width:100%;min-width:0;display:grid}.jam .pulse-sliders{flex-wrap:wrap;gap:0 16px;min-width:0;display:flex}.jam .pulse .slider{flex:100px;min-width:0}.jam .pulse select{min-width:0;max-width:100%;min-height:28px;font:inherit;color:var(--accent);border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;border-radius:0;flex:6em;padding:2px;font-size:.95rem;font-style:italic}.jam .pulse select:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.jam .pulse option{color:var(--ink);background:var(--field);font-style:normal}.jam .pulse-choices{flex-wrap:wrap;gap:2px 16px;min-width:0;display:flex}.jam .pulse-choices .chords{width:auto}.jam .pulse .slider input:disabled{cursor:default;opacity:.35}.jam .sparkle{min-width:0;display:flex}.jam:not(.solar) .sparkle-mark{display:none}.jam .cell-room{grid-area:span 4/1/auto/3;width:100%}.jam .cell-filter,.jam .cell-grit,.jam .cell-theremin{grid-column:3;width:clamp(200px,24vw,300px)}.jam .xy.theremin-ribbon{--where:.5;--level:0;--note:var(--ink-dim);height:36px;overflow:hidden}.jam .theremin-ribbon .xy-x{top:50%;bottom:auto;translate:0 -50%}.jam .theremin-tone{top:0;bottom:0;left:calc(var(--at) * 100%);background:var(--tone,var(--line));opacity:.42;pointer-events:none;width:1px;margin-left:-.5px;position:absolute}.jam .theremin-tone.tonic{opacity:.95;width:2px;margin-left:-1px}.jam .theremin-press{left:calc(var(--where) * 100%);background:var(--ink);box-shadow:0 0 0 2px var(--field);opacity:0;bottom:50%}.jam .theremin-ribbon.pressed .theremin-press{opacity:var(--lit,var(--level))}.jam .xy.theremin-ribbon.upright{box-shadow:none;cursor:pointer;background:0 0;border-color:#0000;overflow:visible}.jam .theremin-ribbon.upright:after{content:"";position:absolute;inset:-30% 0}.jam .theremin-ribbon.upright .xy-x{display:none}.jam .theremin-ribbon.upright:before{--w:1.5px;--end:calc(var(--foot) * 100% - var(--w) / 2);content:"";left:50%;top:var(--end);bottom:var(--end);width:var(--w);opacity:1;pointer-events:none;background:#f9ece029;border-radius:99px;position:absolute;translate:-50%}.jam .theremin-ribbon.upright .theremin-tone{--near:0;--pulse:0;--hot:max(var(--near), var(--pulse));--base:.3;--r:2.6px;--glow:0px;top:auto;bottom:calc(var(--at) * 100%);background:radial-gradient(circle calc(var(--r) + 1.6px * var(--hot)) at 50% 50%, var(--tone) 94%, transparent);width:auto;height:14px;opacity:calc(var(--base) + (1 - var(--base)) * var(--hot));filter:drop-shadow(0 0 calc(var(--glow) + 6px * var(--hot)) var(--tone)) brightness(calc(1 + .4 * var(--hot)));margin:0 0 -7px;left:0;right:0}.jam .theremin-ribbon.upright .theremin-tone:after{--flare:34px;content:"";width:calc(var(--flare) * (.35 + .65 * var(--pulse)));background:linear-gradient(to right, transparent, var(--tone) 50%, transparent);height:1px;opacity:calc(.38 * var(--pulse));pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.jam .theremin-ribbon.upright .theremin-tone.in-chord{--base:1;--r:3.4px;--glow:3px}.jam .theremin-ribbon.upright .theremin-tone.tonic{--r:3.6px}.jam .theremin-ribbon.upright .theremin-tone.tonic:not(.in-chord){--base:.9}.jam .theremin-ribbon.upright .theremin-press{--w:calc(3px + 3px * var(--level));left:50%;bottom:calc(var(--where) * 100%);width:var(--w);height:72px;margin:0 0 -36px calc(var(--w) / -2);background:linear-gradient(to top, transparent, color-mix(in oklab, var(--note) 30%, white) 50%, transparent);box-shadow:none;filter:drop-shadow(0 0 5px var(--note)) drop-shadow(0 0 14px var(--note));border-radius:99px}.jam .theremin-ribbon.upright:not(.pressed) .theremin-press{transition:opacity .3s ease-out}.jam .theremin-ribbon.upright:not(.pressed) .theremin-tone{transition:opacity .3s ease-out,filter .3s ease-out}.jam .cell-bass{width:100%}.jam .bass-strip{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;--where:.5;--key:.14;--level:0;--note:var(--ink-dim);--low:0;background:#f9ece009;border-radius:4px;width:100%;height:30px;position:relative}.jam .bass-strip:hover{background:#f9ece00f}.jam .bass-strip:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.jam .bass-low{top:30%;bottom:30%;left:clamp(4px, calc(var(--low) * 100%), calc(100% - 4px));background:var(--ink-dim);opacity:.55;pointer-events:none;width:1px;margin-left:-.5px;position:absolute}.jam .bass-press{top:0;bottom:0;left:calc(var(--where) * 100%);width:calc(var(--key) * 130%);background:linear-gradient(to right, transparent, color-mix(in oklab, var(--note) 78%, white) 50%, transparent);filter:drop-shadow(0 0 6px var(--note)) drop-shadow(0 0 16px var(--note));opacity:0;pointer-events:none;border-radius:4px;transition:left 40ms linear;position:absolute;translate:-50%}.jam .bass-strip.pressed .bass-press{opacity:var(--level)}.jam .bass-strip:not(.pressed) .bass-press{transition:opacity .2s ease-out}.jam .cell-master{grid-column:3;width:clamp(200px,24vw,300px)}.jam .master-sliders{gap:4px;width:100%;min-width:0;display:grid}.jam .master-sliders .slider{min-width:0}.jam .cell-take{grid-column:3}.jam .room-body{flex-wrap:wrap;align-items:flex-start;gap:16px 28px;width:100%;min-width:0;display:flex}.jam .room-pad{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;flex:none;width:clamp(220px,28vw,320px);position:relative}.jam .room-pad:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.jam .room-ring{border:1px solid var(--line);pointer-events:none;border-radius:50%;position:absolute}.jam .room-close{opacity:.6}.jam .room-tick{background:var(--ink-dim);opacity:.7;pointer-events:none;width:1px;height:10px;position:absolute;left:50%}.jam .room-front{top:0;left:50%;transform:translate(-50%)}.jam .room-ear{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.jam .room-ear:before,.jam .room-ear:after{content:"";background:var(--ink-dim);opacity:.7;position:absolute}.jam .room-ear:before{width:32px;height:1px;top:0;left:-16px}.jam .room-ear:after{width:1px;height:32px;top:-16px;left:0}.jam .room-dot{--d:16px;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);background:var(--accent);pointer-events:none;border-radius:50%;position:absolute}.jam .room-dot.pitched,.jam .room-voice.pitched .room-chip{background:var(--teal)}.jam .room-dot.drone,.jam .room-voice.drone .room-chip{background:var(--ring)}.jam .room-dot.muted{opacity:.3}.jam .room-dot.selected{z-index:2;box-shadow:0 0 0 2px var(--field), 0 0 0 3px var(--ink)}.jam .room-name{white-space:nowrap;color:var(--ink-dim);font-size:.72rem;font-style:italic;line-height:1;display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.jam .room-dot.named .room-name{display:block}.jam .room-dot.selected .room-name{color:var(--ink)}.jam .room-dot.name-left .room-name{left:auto;right:0;transform:none}.jam .room-dot.name-right .room-name{left:0;transform:none}.jam .room-side{flex:200px;align-content:start;gap:4px;min-width:0;display:grid}.jam .room-side .slider{min-width:0}.jam .cell-head .room-selected{color:var(--ink)}.jam .room-listen{flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:4px;display:flex}.jam .room-legend{flex-wrap:wrap;gap:0 2px;margin-top:6px;display:flex}.jam .btn.room-voice{min-width:0;min-height:30px;font-family:var(--f-serif);letter-spacing:0;box-shadow:inset 0 -1px 0 var(--line);border-radius:0;align-items:center;gap:6px;padding:2px 8px;font-size:.86rem;font-style:italic;display:inline-flex}.jam .btn.room-voice[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -1px 0 var(--ink)}.jam .btn.room-voice.muted{opacity:.45}.jam .room-chip{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}@keyframes jam-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (width<=720px){.jam{padding:20px 16px calc(48px + env(safe-area-inset-bottom,0px));gap:22px}.jam .top{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px}.jam .head{width:100%}.jam .clock-orb{width:min(100%,240px)}.jam .transport .hint{margin-left:0}.jam .slider{flex:160px}.jam .kit{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.jam .controls{grid-template-columns:minmax(0,1fr) auto}.jam .cell.cell-tone{grid-column:1/-1;justify-self:center;width:min(100%,340px)}.jam .pitched{grid-column:1/-1;justify-content:center;gap:12px 16px}.jam .cell.cell-arp,.jam .cell.cell-hits,.jam .cell.cell-bowls,.jam .cell.cell-gong{flex:130px;max-width:262px}.jam .cell-filter,.jam .cell-grit,.jam .cell-theremin,.jam .cell-master{grid-column:1;width:100%}.jam .cell-room{grid-area:auto/1/auto/-1}.jam .cell-take{grid-column:2}.jam .room-pad{width:min(100%,320px);margin:0 auto}}@media (prefers-reduced-motion:reduce){.jam .key.pending,.jam .btn.chord.pending,.jam .btn.tonic.pending,.jam .named.pending,.jam .btn.record[aria-pressed=true]:before{animation:none}}.jam.solar{--u:var(--px,1px);place-items:center;gap:0;width:100%;max-width:none;height:100svh;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.jam.solar .stage{width:calc(1440 * var(--u));height:calc(900 * var(--u));flex:none;position:relative}.jam.solar .s-top{height:calc(40 * var(--u));padding:0 calc(36 * var(--u));align-items:center;min-width:0;display:flex;position:absolute;top:0;left:0;right:0}.jam.solar .s-mark{pointer-events:none;place-items:center;display:grid}.jam.solar h1{font-size:calc(28 * var(--u))}.jam.solar .s-mark h1{translate:-5%}.jam.solar .s-mark h1 svg{transform-origin:56% 49%;margin-left:0;rotate:-11.5deg}.jam.solar .s-hint{pointer-events:none;align-items:flex-end;display:flex}.jam.solar .s-hint .hint{white-space:nowrap;font-size:max(calc(13 * var(--u)), 10.5px);line-height:1.2}.jam.solar .s-top .problem{flex:0 1 calc(600 * var(--u));text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;min-height:0;overflow:hidden}.jam.solar .clock-orb,.jam.solar .btn.play,.jam.solar .btn.realign,.jam.solar .s-system>.sparkle,.jam.solar .kit>.drum,.jam.solar .s-voices>.cell,.jam.solar .s-system>.s-tone{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--d) * var(--u));height:calc(var(--d) * var(--u));flex:none;max-width:none;display:block;position:absolute;translate:-50% -50%}.jam.solar .btn.play,.jam.solar .btn.realign{width:max(calc(var(--d) * var(--u)), 44px);height:max(calc(var(--d) * var(--u)), 44px)}.jam.solar .s-system>.sparkle{width:max(calc(var(--d) * var(--u)), var(--least,0px));height:max(calc(var(--d) * var(--u)), var(--least,0px));z-index:1}.jam.solar .clock-orb,.jam.solar .orb{clip-path:circle(50%)}.jam.solar .orb{width:100%;height:100%}.jam.solar .cell-bowls .orb{clip-path:circle(calc(var(--strum-reach) * 50%))}.jam.solar .kit>.drum,.jam.solar .s-voices>.cell:not(.cell-bowls),.jam.solar .clock-orb{z-index:1}.jam.solar .kit,.jam.solar .s-voices{pointer-events:none;border-radius:0;outline:0;display:block;position:absolute;inset:0}.jam.solar .kit>.drum>*,.jam.solar .s-voices>.cell>*,.jam.solar .s-voices>:not(.cell){pointer-events:auto}.jam.solar .kit.dropping{background:0 0}.jam.solar .kit.dropping .orb,.jam.solar .kit>.drum.dropping .orb{box-shadow:inset 0 0 0 1px var(--accent)}.jam.solar .kit>.drum .pad{justify-content:center;align-items:center;gap:calc(2 * var(--u));flex-direction:column;display:flex}.jam.solar .kit>.drum .pad .drum-name{max-width:92%;font-size:max(calc(12 * var(--u)), 10px);text-align:center;pointer-events:none;line-height:1}.jam.solar .kit>.drum .pad[aria-pressed=true] .drum-name{color:var(--ink)}.jam.solar .kit>.drum.sampled .pad .drum-name{box-shadow:0 calc(3 * var(--u)) 0 -1px currentColor}.jam.solar .pad .word,.jam.solar .orb-word{font-family:var(--f-serif);font-weight:300;font-size:max(calc(15 * var(--u)), 11px)}.jam.solar .btn.tempo .num{font-size:max(calc(18 * var(--u)), 12px)}.jam.solar .btn.tempo .word{font-size:calc(9.5 * var(--u))}.jam.solar .btn.tempo .num.lean{font-size:max(calc(9 * var(--u)), 8px);margin-top:0}.jam.solar .s-box{left:calc((var(--x) - var(--w) / 2) * var(--u));top:calc((var(--y) - var(--h) / 2) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));position:absolute}.jam.solar .btn.play,.jam.solar .btn.realign{min-width:0;min-height:0;font-size:max(calc(12 * var(--u)), 10.5px);z-index:1;border-radius:50%;place-items:center;padding:0;display:grid}.jam.solar .btn.realign{font-size:max(calc(10.5 * var(--u)), 9px);letter-spacing:.02em;color:var(--ink-dim);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;transition:color .2s,border-color .2s,opacity .2s}.jam.solar .btn.realign:hover,.jam.solar .btn.realign:focus-visible{color:var(--accent);border-color:var(--accent)}.jam.solar .btn.realign.idle{opacity:.6}.jam.solar .btn.realign.pending{color:var(--accent);border:1px dashed var(--accent);opacity:1;animation:.9s ease-in-out infinite jam-pulse}.jam.solar .btn.realign:after{content:"";pointer-events:none;background:conic-gradient(var(--accent) calc(var(--fill,0) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}.jam.solar .btn.realign.full:after{background:var(--ink)}.jam.solar .s-system>.sparkle .btn{width:100%;min-width:0;height:100%;min-height:0;color:var(--ink-dim);box-shadow:none;opacity:.75;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,opacity .2s;display:grid}.jam.solar .s-system>.sparkle .btn:hover,.jam.solar .s-system>.sparkle .btn:focus-visible{color:var(--accent);opacity:1}.jam.solar .s-system>.sparkle .btn[aria-pressed=true]{color:var(--accent);opacity:1;box-shadow:none;background:0 0}.jam.solar .s-system>.sparkle .sparkle-mark{scale:calc(1 + .28 * var(--hit,0));filter:brightness(calc(1 + .9 * var(--hit,0))) drop-shadow(0 0 calc(7px * var(--hit,0)) var(--accent))}.jam.solar .s-system>.sparkle .sparkle-word{display:none}.jam.solar .s-system>.sparkle .sparkle-mark{fill:currentColor;width:74%;height:74%;overflow:visible}.jam.solar .s-system>.sparkle .sparkle-mark path{transform-box:fill-box;transform-origin:50%}.jam.solar .s-system>.sparkle .btn[aria-pressed=true] .sparkle-mark path{animation:3.4s ease-in-out infinite jam-twinkle}.jam.solar .s-system>.sparkle .btn[aria-pressed=true] .sparkle-mark path:nth-child(2){animation-duration:2.6s;animation-delay:-.9s}.jam.solar .s-system>.sparkle .btn[aria-pressed=true] .sparkle-mark path:nth-child(3){animation-duration:4.3s;animation-delay:-2.1s}@keyframes jam-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.jam.solar .clock-side{display:contents}.jam.solar .clock-side .position,.jam.solar .clock-side .alignment{left:calc((var(--readout-x) - var(--readout-w) / 2) * var(--u));top:calc(var(--readout-y) * var(--u));min-width:0;font-size:max(calc(11.5 * var(--u)), 10px);line-height:max(calc(17 * var(--u)), 13px);white-space:nowrap;pointer-events:none;position:absolute}.jam.solar .clock-side .position{font-size:max(calc(14 * var(--u)), 11px);translate:0 -100%}.jam.solar .clock-rings{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.jam.solar .clock-rings:focus-within,.jam.solar .clock-swing:focus-within,.jam.solar .btn.clock-realign:focus-visible{left:calc(var(--places-x) * var(--u));top:calc(var(--places-y) * var(--u));clip-path:none;z-index:3;background:var(--field);position:absolute;overflow:visible;translate:-50% -50%}.jam.solar .clock-rings:focus-within{width:calc(var(--places-w) * var(--u));justify-content:center;gap:0;height:auto}.jam.solar .btn.clock-ring{min-width:0;min-height:max(calc(24 * var(--u)), 20px);font-size:max(calc(11.5 * var(--u)), 10px);flex:1 1 0;padding:0}.jam.solar .btn.clock-ring:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.jam.solar .clock-swing input{width:calc(84 * var(--u))}.jam.solar .s-system>.piano{left:calc((var(--piano-x) - var(--piano-w) / 2) * var(--u));width:calc(var(--piano-w) * var(--u));top:calc((var(--piano-y) - var(--piano-h) / 2) * var(--u));height:calc(var(--piano-h) * var(--u));position:absolute}.jam.solar .s-system>.piano .key{padding-bottom:calc(7 * var(--u))}.jam.solar .s-system>.piano .key .num{font-size:max(calc(12 * var(--u)), 10px)}.jam.solar .s-system>.piano .key.black .num{font-size:max(calc(9.5 * var(--u)), 8.5px)}.jam.solar .s-system>.piano .key .deg,.jam.solar .s-system>.piano .key.black .deg{font-size:max(calc(8.5 * var(--u)), 8px)}.jam.solar .s-bass .cell-bass,.jam.solar .s-bass .bass-strip{width:100%;height:100%}.jam.solar .s-bass .bass-strip{border-radius:calc(4 * var(--u));background:0 0}.jam.solar .s-bass .bass-strip:before{content:"";top:0;bottom:0;right:0;left:calc(var(--lead,0) / (1 + var(--lead,0)) * 100%);border-radius:inherit;pointer-events:none;background:#f9ece009;position:absolute}.jam.solar .s-bass .bass-strip:hover{background:0 0}.jam.solar .s-bass .bass-strip:hover:before{background:#f9ece00f}.jam.solar .s-bass .bass-low{display:none}.jam.solar .s-bass .bass-strip:after{--wide:1.7;--deep:1.8;content:"";left:calc(var(--side,0) * var(--wide) * -100%);right:calc(var(--side,0) * var(--wide) * -100%);height:calc((1 + var(--reach,0) * var(--deep)) * 100%);position:absolute;top:0}.jam.solar .s-bass{z-index:1}.jam.solar .scenes-row{left:calc(720 * var(--u));top:calc(868 * var(--u));flex-wrap:nowrap;gap:0;position:absolute;translate:-50% -50%}.jam.solar .scenes-row .slots{flex-wrap:nowrap}.jam.solar .scenes-row .slot{width:clamp(24px, calc(34 * var(--u)), 40px);height:clamp(24px, calc(34 * var(--u)), 40px)}.jam.solar .scenes-row>.word{font-size:clamp(12px, calc(18 * var(--u)), 18px);margin-right:10px;position:absolute;right:100%}.jam.solar .scenes-row .session-note{white-space:nowrap;margin-left:10px;position:absolute;left:100%}.jam.solar .s-name{left:calc(var(--x) * var(--u));height:auto;width:max(calc(var(--w) * var(--u)), calc(var(--least-w) * 1px));pointer-events:none;justify-content:center;align-items:flex-start;display:flex;translate:-50%}.jam.solar .s-name .cell-head{justify-content:center;width:100%;min-height:0}.jam.solar .s-name .cell-head>.word{display:none}.jam.solar .s-name .readout{flex-flow:column;align-items:center;gap:0;width:100%}.jam.solar .s-name .named{white-space:nowrap;max-width:100%;height:max(calc(var(--h) * var(--u)), calc(var(--least-h) * 1px));line-height:max(calc(var(--h) * var(--u)), calc(var(--least-h) * 1px));overflow:hidden}.jam.solar .s-name .word{font-size:max(calc(14.5 * var(--u)), 11px)}.jam.solar .s-name .num{font-size:max(calc(11.5 * var(--u)), 10px)}.jam.solar .s-name .named.pending{max-width:calc(var(--next-w) * var(--u));gap:calc(5 * var(--u));height:calc(var(--next-h) * var(--u));line-height:calc(var(--next-h) * var(--u))}.jam.solar .s-name .named.pending .word{display:none}.jam.solar .s-name .named.pending .num{font-size:max(calc(11 * var(--u)), 9px)}.jam.solar .s-shapes{align-items:flex-end;display:flex}.jam.solar .s-shapes .chords{grid-template-columns:repeat(5,1fr);gap:0;width:100%;height:max(100%,21px);display:grid}.jam.solar .s-shapes .btn.chord{min-height:0;font-size:max(calc(14.5 * var(--u)), 10.5px);text-align:center;padding:0}.jam.solar .s-held:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.jam.solar .s-held:focus-within{height:auto;min-height:calc(var(--h) * var(--u))}.jam.solar .s-held{z-index:3;background:var(--field);place-items:center;display:grid}.jam.solar .s-held .cell-head{gap:0;width:100%;min-height:0}.jam.solar .s-held .cell-head>.word{display:none}.jam.solar .s-held .tones{grid-template-columns:repeat(var(--held-columns,4), 1fr);gap:0;width:100%;display:grid}.jam.solar .s-held .cell-head .btn.tone{min-width:0;min-height:max(calc(var(--row) * var(--u)), calc(var(--row-least) * 1px));font-size:max(calc(10.5 * var(--u)), 9px);letter-spacing:0;padding:0}.jam.solar .s-voices .bowl-keys{top:calc(100% + 4 * var(--u));flex-wrap:nowrap;justify-content:center;width:100%;position:absolute;left:0}.jam.solar .s-voices [data-berth=ne] .bowl-keys{top:50%;left:calc(100% + 10 * var(--u));width:auto;translate:0 -50%}.jam.solar .s-voices .btn.bowl{flex:0 0 max(calc(25 * var(--u)), 18px);min-width:0;min-height:max(calc(24 * var(--u)), 18px);font-size:max(calc(11 * var(--u)), 9.5px);padding:0}.jam.solar .s-theremin .cell{width:100%;height:100%;display:block;position:relative}.jam.solar .s-theremin .xy{height:100%}.jam.solar .s-theremin .cell-head{display:none}.jam.solar .s-moons{right:calc(30 * var(--u));top:calc(444 * var(--u));gap:calc(14 * var(--u));display:grid;position:absolute;translate:0 -50%}.jam.solar .moon{width:calc(48 * var(--u));height:calc(48 * var(--u));cursor:pointer;font:inherit;font-style:italic;font-size:calc(12 * var(--u));color:var(--ink-dim);border:1px solid var(--line);background:0 0;border-radius:50%;padding:0;transition:color .2s,border-color .2s}.jam.solar .moon:hover{color:var(--accent);border-color:var(--accent)}.jam.solar .moon:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.jam.solar .drawer{--w:296px;z-index:3;left:0;top:calc(40 * var(--u));width:0;position:absolute;bottom:0}.jam.solar .drawer-panel{width:var(--w);background:var(--field);border-right:1px solid var(--line);outline:0;align-content:start;gap:10px;padding:8px 16px 12px;display:grid;position:absolute;top:0;bottom:0;left:0;overflow:hidden auto}.jam.solar .drawer-tab{cursor:pointer;background:var(--field);border:1px solid var(--line);border-left:0;border-radius:0 6px 6px 0;place-items:center;width:26px;height:112px;padding:0;transition:border-color .2s;display:grid;position:absolute;top:36%;left:0;translate:0 -50%}.jam.solar .drawer-tab .word{writing-mode:vertical-rl;font-size:.86rem;line-height:1;transition:color .2s}.jam.solar .drawer-shape .drawer-tab{top:64%}.jam.solar:has(.drawer.open) .drawer-tab{left:var(--w)}.jam.solar .drawer.open{z-index:4}.jam.solar .drawer-tab:hover,.jam.solar .drawer.open .drawer-tab{border-color:var(--accent)}.jam.solar .drawer-tab:hover .word,.jam.solar .drawer.open .drawer-tab .word{color:var(--accent)}.jam.solar .drawer-tab:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.jam.solar.recording .drawer-set .drawer-tab:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;animation:1.2s ease-in-out infinite jam-pulse;position:absolute;top:10px;left:50%}.jam.solar .drawer-part{gap:4px;min-width:0;display:grid}.jam.solar .drawer-part+.drawer-part,.jam.solar .drawer-panel>.cell{border-top:1px solid var(--line);padding-top:8px}.jam.solar .drawer-panel{grid-template-columns:minmax(0,1fr)}.jam.solar .drawer-panel .cell,.jam.solar .drawer-panel .key-box{grid-area:auto;width:100%;margin:0}.jam.solar .drawer-part>.btn{justify-self:start}.jam.solar .drawer-panel .session-row{font-size:.86rem}.jam.solar .drawer-panel .session-name{flex:8em;width:100%}.jam.solar .drawer-pads{grid-template-columns:1fr 1fr;gap:12px;display:grid}.jam.solar .drawer-pads .xy{aspect-ratio:5/4;height:auto}.jam.solar .drawer-pads .cell-head{flex-wrap:nowrap;justify-content:space-between;gap:4px}.jam.solar .drawer-pads .cell-head .num{letter-spacing:0;white-space:nowrap;font-size:.66rem}.jam.solar .drawer-panel .cell{gap:4px}.jam.solar .drawer-panel .room-pad{width:min(100%,176px);margin:0 auto}.jam.solar .drawer-panel .room-body{gap:6px}.jam.solar .drawer-panel .room-listen,.jam.solar .drawer-panel .room-legend{margin-top:0}.jam.solar .drawer-panel .room-listen .btn{min-height:28px;padding:4px 8px}.jam.solar .drawer-panel .btn.room-voice{gap:4px;min-height:24px;padding:0 5px;font-size:.78rem}.jam.solar .drawer-panel .pulse .btn.chord{min-height:28px}.jam.solar .drawer-panel .room-side{flex-basis:100%}.jam.solar .rec-list{grid-template-columns:1fr 1fr;gap:0 12px;margin-top:6px;display:grid}.jam.solar .rec-line{justify-content:space-between;align-items:center;gap:4px;min-width:0;font-size:.86rem;display:flex}.jam.solar .rec-line .word{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jam.solar .rec-line .rec{flex:none;justify-content:flex-end}@media (width<=1151px),(height<=719px){.jam.solar .s-system>.piano .key .deg,.jam.solar .btn.tempo .word,.jam.solar .s-bass{display:none}.jam.solar .s-name{top:calc((var(--y-small) - var(--h) / 2) * var(--u))}.jam.solar .s-name .named.pending{max-width:calc(var(--next-least-w) * 1px);height:calc(var(--next-least-h) * 1px);line-height:calc(var(--next-least-h) * 1px)}.jam.solar .clock-side .position,.jam.solar .clock-side .alignment{left:auto;right:calc((1440 - var(--readout-x) - var(--readout-w) / 2) * var(--u));text-align:right}}@media (prefers-reduced-motion:reduce){.jam.solar.recording .drawer-set .drawer-tab:after,.jam.solar .btn.realign.pending,.jam.solar .s-system>.sparkle .btn[aria-pressed=true] .sparkle-mark path{animation:none}}.jam .session-box{gap:2px;min-width:0;margin-top:-16px;display:grid}.jam .session-row,.jam .scenes-row{flex-wrap:wrap;align-items:center;gap:4px 16px;min-width:0;display:flex}.jam .session-row{font-size:.86rem}.jam .session-row .chords{width:auto}.jam .session-row .btn.chord{min-height:30px;padding:2px 9px;font-size:.86rem}.jam .session-name,.jam .session-open{font:inherit;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:30px;padding:4px 2px;font-style:italic}.jam .session-name{width:11em}.jam .session-open{color:var(--ink-dim);cursor:pointer;max-width:11em}.jam .session-open option{color:var(--ink);background:var(--field)}.jam .session-name:focus,.jam .session-open:focus-visible{border-bottom-color:var(--accent);outline:none}.jam .slots{flex-wrap:wrap;gap:8px;padding:4px;display:flex}.jam .slot{width:34px;height:34px;color:var(--ink-dim);border:1px dashed var(--line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border-radius:50%;place-items:center;padding:0;transition:color .2s,border-color .2s,background-color .2s;display:grid;position:relative}.jam .slot:hover{border-color:var(--accent)}.jam .slot:focus-visible{outline:1px solid var(--accent);outline-offset:5px}.jam .slot.filled{color:var(--ink);border:1px solid var(--ring);background:#b48cff24}.jam .slot.sounding{color:var(--field);border-color:var(--accent);background:var(--accent)}.jam .slot.pending{color:var(--accent);border-color:var(--accent);animation:.9s ease-in-out infinite jam-pulse}.jam .slot:after{content:"";pointer-events:none;background:conic-gradient(var(--accent) calc(var(--fill,0) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}.jam .slot.full:after{background:var(--ink);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.jam .session-note{font-size:.86rem}@media (prefers-reduced-motion:reduce){.jam .slot.pending{animation:none}}.jam.splash-up>:not(.splash){opacity:0}.jam .splash{z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;overflow:hidden}.jam .splash canvas{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.jam .splash canvas.splash-sky{pointer-events:none;cursor:auto}.jam .splash canvas.splash-backdrop{pointer-events:none;cursor:auto;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--grown,var(--centre,54px)), #000 calc(var(--grown,var(--centre,54px)) + 2px));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--grown,var(--centre,54px)), #000 calc(var(--grown,var(--centre,54px)) + 2px));mask-image:radial-gradient(circle at 50% 50%, transparent var(--grown,var(--centre,54px)), #000 calc(var(--grown,var(--centre,54px)) + 2px));transition:filter 1.2s;animation:11s ease-in-out infinite alternate paused splash-sky-sway,7s ease-in-out infinite alternate paused splash-sky-breathe}.jam .splash:has(.splash-jam:hover,.splash-jam:focus-visible) canvas.splash-backdrop{filter:saturate(1.8)brightness(1.2);animation-play-state:running}@keyframes splash-sky-sway{0%{transform:none}to{transform:translate(.9%,-.5%)skew(1.8deg)scale(1.05)}}@keyframes splash-sky-breathe{0%{opacity:1}to{opacity:.8}}@media (prefers-reduced-motion:reduce){.jam .splash canvas.splash-backdrop{animation:none}}.jam .splash-jam{width:calc(2 * var(--centre,54px));aspect-ratio:1;color:var(--accent);cursor:pointer;--beat-swell:.012;--kick-swell:.05;translate:-50% -50%;scale:calc(1 + max(var(--beat-swell) * var(--pulse), var(--kick-swell) * var(--kick)));background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;transition:transform .26s linear,opacity .2s,--lit .26s;display:grid;position:absolute;top:50%;left:50%}.jam .splash-jam:hover,.jam .splash-jam:focus-visible{outline:none;transform:scale(1.06)}.jam .splash-jam:before{content:"";pointer-events:none;box-shadow:0 0 calc(.3 * var(--centre,54px)) color-mix(in srgb, var(--accent) 55%, transparent), 0 0 calc(.08 * var(--centre,54px)) color-mix(in srgb, var(--accent) 45%, transparent);opacity:max(var(--pulse) * .5, var(--kick) * .85);transform:scale(calc(1 + max(var(--pulse) * .015, var(--kick) * .03)));border-radius:50%;position:absolute;inset:0}.jam .splash.entering .splash-jam:before{opacity:0}.jam .splash.entering .splash-jam{scale:1}.jam .splash .splash-jam canvas.splash-orb{pointer-events:none;cursor:auto;filter:brightness(calc(1 + var(--kick) * .3));position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.jam .splash.entering .splash-jam canvas.splash-orb{filter:none}.jam .splash-jam svg{--mark-x:-.05;--mark-y:.02;--mark-tilt:-11.5deg;width:calc(1.1 * var(--centre,54px));pointer-events:none;transform-origin:56% 49%;height:auto;transform:translate(calc(var(--mark-x) * 100%), calc(var(--mark-y) * 100%)) rotate(var(--mark-tilt));display:block;position:relative;overflow:visible}.jam .splash-jam .jam-glow{filter:blur(170px);opacity:calc(.3 + var(--lit) * .38 + var(--kick) * .2);display:inline}.jam .splash.entering .splash-jam .jam-glow{opacity:calc(.3 + var(--throb,0) * .6)}@property --lit{syntax:"<number>";inherits:true;initial-value:0}@property --kick{syntax:"<number>";inherits:true;initial-value:0}.jam .splash-jam{--lit:0}.jam .splash-jam:hover,.jam .splash-jam:focus-visible{--lit:1}.jam .splash-jam .jam-dot{fill:color-mix(in srgb, var(--jam-dot), var(--ink) calc(var(--lit) * 20% + max(var(--pulse) * 25%, var(--kick) * 30%)))}.jam .splash-jam .jam-dot-glow{transform:scale(calc(1.6 + var(--lit) * .4 + max(var(--pulse) * .6, var(--kick) * .9)));filter:blur(120px);opacity:calc(.7 + var(--lit) * .3)}.jam .splash.entering .splash-jam .jam-dot{fill:color-mix(in srgb, var(--jam-dot), var(--ink) calc(var(--throb,0) * 35%));transform:none}.jam .splash.entering .splash-jam .jam-dot-glow{transform:scale(calc(1.6 + var(--throb,0) * 1.4));opacity:1}.jam .splash.entering{pointer-events:none}.jam .splash.entering .splash-jam,.jam .splash.entering .splash-jam:hover,.jam .splash.entering .splash-jam:focus-visible{color:var(--accent);transform:scale(calc(1 + var(--swell,0) * var(--throb,0)));transition:opacity .2s}.jam .splash.clearing .splash-jam{opacity:0}.jam .splash-heads{pointer-events:none;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.jam .splash-head{border-radius:50%;position:absolute}.jam .splash-head:before{content:"";opacity:.55;background:currentColor;border-radius:1px;width:1.5px;height:10px;transition:opacity .26s;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.jam .splash:has(.splash-jam:hover) .splash-head:before{opacity:.7}.jam .splash:has(.splash-jam:focus-visible) .splash-head:before{opacity:.7}.jam .splash-lit{opacity:0;background:color-mix(in srgb, currentColor 60%, var(--ink));border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;box-shadow:0 0 10px 2px}.jam .splash-ring{box-sizing:border-box;opacity:0;border:1px solid;border-radius:50%;position:absolute}.jam .splash-lit.chimes{transition:transform .26s}:is(.jam .splash:has(.splash-jam:hover) .splash-lit.chimes,.jam .splash:has(.splash-jam:focus-visible) .splash-lit.chimes){transform:scale(1.7)}.jam .splash.entering .splash-heads{opacity:0}.jam .splash-hint,.jam .splash-link,.jam .splash-skip{white-space:nowrap;font-family:var(--f-serif);color:var(--ink-dim);margin:0;font-size:.86rem;font-style:italic;font-weight:300;line-height:1;transition:opacity .3s,color .2s;position:absolute;left:50%;transform:translate(-50%)}.jam .splash-hint:before,.jam .splash-link:before,.jam .splash-skip:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--field) 0%, var(--field) 38%, color-mix(in srgb, var(--field) 70%, transparent) 62%, transparent 100%);width:calc(100% + 9em);height:7em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jam .splash-hint{top:calc(50% + 1.7 * var(--centre,54px) + 22px);pointer-events:none;animation:4.5s ease-in-out infinite splash-hint-breath}@keyframes splash-hint-breath{0%,to{opacity:1}50%{opacity:.72}}.jam .splash.sounded .splash-hint{opacity:0;animation:none}.jam .splash-link{bottom:calc(24px + env(safe-area-inset-bottom,0px));border-radius:6px;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;display:flex}.jam .splash-link:hover,.jam .splash-link:focus-visible,.jam .splash-skip:hover,.jam .splash-skip:focus-visible{color:var(--ink);text-underline-offset:.25em;text-decoration:underline}.jam .splash-link:focus-visible,.jam .splash-skip:focus-visible{outline:1px solid var(--accent);outline-offset:-6px}.jam .splash-skip{left:auto;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 14px;display:flex;transform:none}.jam .splash-skip:before{width:calc(100% + 5em)}.jam .splash.skipped{pointer-events:none;transition:opacity .15s linear}.jam .splash.entering .splash-hint,.jam .splash.entering .splash-link,.jam .splash.entering .splash-skip{opacity:0;transition:opacity .2s;animation:none}@media (prefers-reduced-motion:reduce){.jam .splash-jam,.jam .splash-head:before{transition:none}.jam .splash-hint{animation:none}.jam .splash-jam:hover,.jam .splash-jam:focus-visible{transform:none}}.jam .knob-dial{display:none}.jam.solar .drawer .slider{cursor:default;flex:1 1 0;align-content:start;justify-items:center;gap:2px;min-width:0;display:grid;position:relative}.jam.solar .drawer .slider .slider-head{text-align:center;flex-direction:column;order:2;align-items:center;gap:0;font-size:.82rem;line-height:1.2}.jam.solar .drawer .knob-dial{--turn:0;--angle:-135deg;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;order:1;width:44px;height:44px;display:block;position:relative}.jam.solar .drawer .knob-dial:before{content:"";background:conic-gradient(from 225deg, var(--accent) calc(var(--turn) * 270deg), var(--line) 0 270deg, transparent 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}.jam.solar .drawer .knob-mark{rotate:var(--angle);pointer-events:none;position:absolute;inset:0}.jam.solar .drawer .knob-mark:after{content:"";background:var(--ink);border-radius:1px;width:2px;height:12px;margin-left:-1px;position:absolute;top:5px;left:50%}.jam.solar .drawer .knob-dial:hover .knob-mark:after,.jam.solar .drawer .knob-dial.turning .knob-mark:after{background:var(--accent)}.jam.solar .drawer .slider input{opacity:0;pointer-events:none;width:44px;height:44px;margin:0 0 0 -22px;position:absolute;top:0;left:50%}.jam.solar .drawer .slider:has(input:focus-visible) .knob-dial{outline:1px solid var(--accent);outline-offset:3px}.jam.solar .drawer .slider:has(input:disabled) .knob-dial{opacity:.35;cursor:default}.jam.solar .drawer .master-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jam.solar .drawer .pulse-sliders{flex-wrap:nowrap;gap:8px}.jam.solar .drawer .room-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jam.solar .drawer .room-side>:not(.slider){grid-column:1/-1}.jam .cell-lean{grid-column:1/-1;width:100%}.jam .lean-ends{color:var(--ink-dim)}.jam .lean-presets{flex-wrap:wrap;gap:0 2px;width:100%;margin-bottom:4px;display:flex}.jam .lean-presets .btn.lean-preset{min-height:26px;padding:2px 8px;font-size:.82rem}.jam .lean-rows{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 28px;width:100%;min-width:0;display:grid}.jam .lean-row{grid-template-columns:5.4em minmax(0,1fr) 3.6em;align-items:center;gap:8px;min-width:0;font-size:.86rem;display:grid}.jam .lean-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jam .lean-value{text-align:right;letter-spacing:0;white-space:nowrap;color:var(--ink-dim);font-size:.68rem}.jam .lean-row.leaning .lean-value{color:var(--ink)}.jam .lean-track{min-width:0;display:block;position:relative}.jam .lean-track:before{content:"";background:var(--ink-dim);pointer-events:none;width:1px;height:11px;position:absolute;top:50%;left:50%;translate:-.5px -50%}.jam .lean-track input{appearance:none;cursor:pointer;--thumb:10px;background:0 0;width:100%;height:22px;margin:0;display:block;position:relative}.jam .lean-track input::-webkit-slider-runnable-track{background:var(--line);height:1px}.jam .lean-track input::-moz-range-track{background:var(--line);height:1px}.jam .lean-track input::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc(.5px - var(--thumb) / 2);background:var(--ink-dim);border:0;border-radius:50%}.jam .lean-track input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--ink-dim);border:0;border-radius:50%}.jam .lean-row.leaning input::-webkit-slider-thumb{background:var(--accent)}.jam .lean-row.leaning input::-moz-range-thumb{background:var(--accent)}.jam .lean-track input:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:4px}.jam.solar .drawer-panel .lean-rows{grid-template-columns:minmax(0,1fr)}.jam.solar .drawer-panel .lean-row{font-size:.8rem}.jam.solar .drawer-panel .lean-track input{height:18px}