.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);--mark-tilt:-11.5deg;--mark-origin:56% 49%;--mark-x:-.05;--f-serif:"Newsreader", Georgia, serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--thumb:14px;--lift:color-mix(in srgb, var(--field) 95%, var(--ink));--card-w:296px;--card-inset:14px;--card-row:28px;--card-min:24px;--card-gap:6px;--card-group:8px;--t-head:.9375rem;--t-text:.84375rem;--t-small:.75rem;--t-field:var(--t-head);--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 .jam-row-box{margin-top:0}.jam .transport{flex-wrap:wrap;align-items:center;gap:12px 24px;min-width:0;display:flex}.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;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 .orb canvas:focus-visible{outline:none}.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 .rec-count{color:var(--accent)}.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{align-items:center;gap:0 var(--card-inset);flex-wrap:wrap;min-width:0;display:flex}.jam .kit-name{flex:7em;width:7em}.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:var(--card-gap);width:100%;display:grid}.jam .key-box .named .num,.jam .key-box .named .word{color:var(--ink-dim)}.jam .tonics{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 2px;width:100%;display:grid}.jam .lands-head{gap:2px 8px}.jam .lands-head>.word{color:var(--ink-dim)}.jam .lands-head .lands{width:auto}.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:var(--card-gap);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{cursor:pointer;flex:6em;max-width:100%}.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;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:before{--w:1.5px;--end:calc(var(--foot) * 100% - var(--w) / 2);content:"";pointer-events:none;background:#f9ece029;border-radius:99px;position:absolute}.jam .theremin-ribbon:not(.upright):before{top:50%;left:var(--end);right:var(--end);height:var(--w);translate:0 -50%}.jam .theremin-ribbon.upright:before{left:50%;top:var(--end);bottom:var(--end);width:var(--w);translate:-50%}.jam .theremin-ribbon .theremin-tone{--near:0;--pulse:0;--hot:max(var(--near), var(--pulse));--base:.3;--r:2.6px;--glow:0px;pointer-events:none;background:radial-gradient(circle calc(var(--r) + 1.6px * var(--hot)) at 50% 50%, var(--tone) 94%, transparent);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)));position:absolute}.jam .theremin-ribbon:not(.upright) .theremin-tone{left:calc(var(--at) * 100%);width:14px;margin:0 0 0 -7px;top:0;bottom:0}.jam .theremin-ribbon.upright .theremin-tone{bottom:calc(var(--at) * 100%);height:14px;margin:0 0 -7px;left:0;right:0}.jam .theremin-ribbon .theremin-tone:after{--flare:34px;--long:calc(var(--flare) * (.35 + .65 * var(--pulse)));content:"";opacity:calc(.38 * var(--pulse));pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.jam .theremin-ribbon:not(.upright) .theremin-tone:after{width:1px;height:var(--long);background:linear-gradient(to bottom, transparent, var(--tone) 50%, transparent)}.jam .theremin-ribbon.upright .theremin-tone:after{width:var(--long);background:linear-gradient(to right, transparent, var(--tone) 50%, transparent);height:1px}.jam .theremin-ribbon .theremin-tone.in-chord{--base:1;--r:3.4px;--glow:3px}.jam .theremin-ribbon .theremin-tone.tonic{--r:3.6px}.jam .theremin-ribbon .theremin-tone.tonic:not(.in-chord){--base:.9}.jam .theremin-ribbon .theremin-press{--w:calc(3px + 3px * var(--level));--hot:transparent, color-mix(in oklab, var(--note) 30%, white) 50%, transparent;box-shadow:none;opacity:0;filter:drop-shadow(0 0 5px var(--note)) drop-shadow(0 0 14px var(--note));border-radius:99px}.jam .theremin-ribbon:not(.upright) .theremin-press{top:50%;left:calc(var(--where) * 100%);width:72px;height:var(--w);margin:calc(var(--w) / -2) 0 0 -36px;background:linear-gradient(to right, var(--hot))}.jam .theremin-ribbon.upright .theremin-press{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, var(--hot))}.jam .theremin-ribbon.pressed .theremin-press{opacity:var(--lit,var(--level))}.jam .theremin-ribbon:not(.pressed) .theremin-press{transition:opacity .3s ease-out}.jam .theremin-ribbon:not(.pressed) .theremin-tone{transition:opacity .3s ease-out,filter .3s ease-out}.jam .cell .bowl-keys.bowl-keys.bowl-keys:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.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);opacity:0;pointer-events:none;border-radius:4px;transition:left 40ms linear;position:absolute;translate:-50%}.jam .bass-light{pointer-events:none;filter:drop-shadow(0 0 6px var(--note)) drop-shadow(0 0 16px var(--note));position:absolute;inset:0}.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-arrangements{flex-wrap:wrap;gap:0 2px;width:100%;display:flex}.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-pile{z-index:3;border:1px solid var(--line);background:var(--field);border-radius:6px;flex-wrap:wrap;gap:0 2px;width:max-content;max-width:64%;padding:3px 4px;display:flex;position:absolute;transform:translate(-50%)}.jam .room-pile[hidden],.jam .room-pile .btn[hidden]{display: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;display:flex}.jam .room-echo-time{flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}.jam .room-echo-time .chords{width:auto}.jam .room-legend{flex-wrap:wrap;gap:0 2px;display:flex}.jam .btn.room-voice{box-shadow:inset 0 -1px 0 var(--line);align-items:center;gap:6px;display:inline-flex}.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 .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 .demo-lit{outline:2px solid var(--accent);outline-offset:4px;animation:1.8s ease-in-out infinite jam-demo-lit}.jam.solar .drum.demo-lit,.jam.solar .cell.demo-lit{border-radius:50%}.jam .clock-orb.demo-lit,.jam .orb.demo-lit{outline:none}.jam .clock-orb.demo-lit:after,.jam .orb.demo-lit:after{content:"";border:2px solid var(--accent);pointer-events:none;border-radius:50%;animation:1.8s ease-in-out infinite jam-demo-lit-in;position:absolute;inset:0}@keyframes jam-demo-lit-in{0%,to{border-color:var(--accent)}50%{border-color:#0000}}@keyframes jam-demo-lit{0%,to{outline-color:var(--accent)}50%{outline-color:#0000}}@media (prefers-reduced-motion:reduce){.jam .demo-lit,.jam .clock-orb.demo-lit:after,.jam .orb.demo-lit:after{animation:none}}.jam [data-demo-dim]{transition:filter .7s}.jam [data-demo-dim=""]{filter:opacity(.26);cursor:default}.jam [data-demo-dim=""] *{cursor:default}@media (prefers-reduced-motion:reduce){.jam [data-demo-dim]{transition:none}}.jam .jam-demo-guide{z-index:6;pointer-events:none;margin:0;position:fixed}.jam .jam-demo-line{color:var(--ink);text-wrap:balance;margin:0;font-style:italic}.jam .jam-demo-skip{pointer-events:auto;cursor:pointer;min-height:30px;font:inherit;color:var(--ink-dim);background:0 0;border:0;border-radius:4px;margin:6px 0 0 -6px;padding:2px 6px;font-size:.8rem;font-style:italic}.jam .jam-demo-skip:hover{color:var(--accent)}.jam .jam-demo-skip:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.jam.solar .jam-demo-guide{left:calc(24 * var(--u));top:calc(var(--stage-top) + 478 * var(--u));width:calc(196 * var(--u));position:absolute}.jam.solar .jam-demo-line{font-size:max(calc(19 * var(--u)), 13px);line-height:1.3}.jam.rows .jam-demo-guide{left:0;right:0;bottom:var(--dock,0px);padding:0 max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));align-items:center;gap:12px;display:flex}.jam.rows[data-demo] .jam-demo-guide{background:color-mix(in srgb, var(--field) 94%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:58px;padding-block:8px}.jam.rows .jam-demo-line{flex:1;font-size:1rem;line-height:1.25}.jam.rows .g-dock .demo-lit{outline-offset:-2px}.jam.rows .jam-demo-skip{flex:none;min-height:44px;margin:0;padding:2px 10px;font-size:.9rem}.jam:not(.solar)>.jam-line{padding:4px 0 10px}.jam .card{width:min(var(--card-w), calc(100vw - 16px));padding:var(--card-group) var(--card-inset);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:var(--lift);border:1px solid var(--line);text-align:left;pointer-events:auto;border-radius:8px;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:hidden auto;box-shadow:0 10px 30px #0006}.jam .card>:not([hidden])~:not([hidden]){margin-top:var(--card-group);padding-top:var(--card-group);border-top:1px solid var(--line)}.jam :is(.card,.g-sheet) :is(.cell,.s-part,.account,.account-in,.account-yours,.account-devices,.jam-pop-play,.jam-roster,.jam-pop-along){gap:var(--card-gap)}.jam :is(.card,.g-sheet){font:italic 300 var(--t-text) / 1.125rem var(--f-serif);color:var(--ink-dim)}.jam :is(.card,.g-sheet) :is(.cell-head:not(.lands-head)>.word:first-child,.cell>.word,.s-part>.word,.g-heading,.jam-row>span.word,.jam-pop-name){font-size:var(--t-head);color:var(--ink);line-height:1.25rem}.jam :is(.card,.g-sheet) .num{font-size:var(--t-small);letter-spacing:.04em}.jam :is(.card,.g-sheet) .cell-head{min-height:var(--card-row);align-items:baseline;gap:0 10px}.jam :is(.card,.g-sheet) :is(.hint,.account-hint,.jam-pop-sub,.jam-row-kept,.jam-row-yours){opacity:1;font-size:var(--t-small);margin:0;line-height:1rem}.jam :is(.card,.g-sheet) :is(p[role=status],.jam-pop-note,.jam-pop-trouble,.jam-row-remixed){font-size:var(--t-text);color:var(--ink);margin:0;line-height:1.125rem}.jam :is(.card,.g-sheet) p[role=status]:empty{height:0;overflow:hidden}.jam :is(.card,.g-sheet) :is(.btn,.s-fold,.account-fold,.jam-listen,.take,select,input:not([type=range],[type=file])){min-height:var(--card-row);min-width:var(--card-min)}.jam :is(.card,.g-sheet) .btn{font:inherit;letter-spacing:0;border-radius:0;padding:0 8px}.jam :is(.card,.g-sheet) .btn[aria-pressed]{box-shadow:inset 0 -1px 0 var(--line)}.jam :is(.card,.g-sheet) .btn[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}.jam :is(.card,.g-sheet) .btn.tonic{font:var(--t-small) / 1 var(--f-mono);padding:0}.jam :is(.card,.g-sheet) .btn:not([aria-pressed],.room-voice){width:fit-content;box-shadow:none;text-align:left;-webkit-text-decoration:underline 1px color-mix(in srgb, currentColor 45%, transparent);text-decoration:underline 1px color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:.3em;padding:0}.jam :is(.card,.g-sheet) .btn[type=submit]{color:var(--accent)}.jam :is(.card,.g-sheet) .stepper .btn{text-align:center;font-style:normal;text-decoration:none}.jam :is(.card,.g-sheet) .chords{gap:0 2px}.jam :is(.card,.g-sheet) :is(.jam-row .chords,.account-ask,.account-sent,.account-sure,.account-tools,.jam-pop-acts){align-items:center;gap:0 var(--card-inset);flex-wrap:wrap;display:flex}.jam :is(.card,.g-sheet) :is(select,textarea,input:where(:not([type=range],[type=file]))){border:0;border-bottom:1px solid var(--line);min-width:0;font:300 var(--t-field) / 1.25rem var(--f-serif);color:var(--ink);background:0 0;border-radius:0;padding:0 2px}.jam :is(.card,.g-sheet) select{font-style:italic}.jam :is(.card,.g-sheet) textarea{border:1px solid var(--line);resize:vertical;border-radius:4px;width:100%;padding:6px 8px}.jam :is(.card,.g-sheet) :is(textarea,input)::placeholder{color:var(--ink-dim);opacity:.8;font-style:italic}.jam :is(.card,.g-sheet) :is(textarea,input:not([type=range])):focus,.jam :is(.card,.g-sheet) select:focus-visible{border-color:var(--accent);outline:none}.jam :is(.card,.g-sheet) .account-code{font-family:var(--f-mono);letter-spacing:.22em}.jam :is(.s-fold,.account-fold){cursor:pointer;font:inherit;color:var(--ink-dim);background:0 0;border:0;border-radius:0;place-self:flex-start start;align-items:center;gap:6px;padding:0;transition:color .2s;display:inline-flex}.jam :is(.s-fold,.account-fold):after{content:"▸";font-size:.7rem;font-style:normal;transition:rotate .15s}.jam :is(.s-fold,.account-fold)[aria-expanded=true]:after{rotate:90deg}.jam :is(.s-fold,.account-fold):is(:hover,[aria-expanded=true]){color:var(--accent)}.jam :is(.card,.g-sheet) :is(button,a):focus-visible,.jam :is(.s-rail-word,.jam-jump-mark,.jam-air-mark):focus-visible{outline:1px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.jam :is(.s-fold,.account-fold):after{transition:none}}.jam{--well:color-mix(in srgb, var(--field) 82%, black)}.jam :is(.card,.g-sheet) .card-task{gap:var(--card-gap);flex-direction:column;min-width:0;display:flex}.jam .card:has(>[data-task])>:not([data-task]){display:none}.jam .card:has(>[data-task])>[data-task]:not([hidden]){padding-top:var(--card-gap);border-top:0;margin-top:0}.jam :is(.card,.g-sheet) .card-ask{font:inherit;font-size:var(--t-head);color:var(--ink);text-wrap:balance;margin:0;line-height:1.25rem}.jam :is(.card,.g-sheet) .card-slot-label{display:block}.jam :is(.card,.g-sheet) .card-task>.card-slot-label{margin-top:var(--card-gap)}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot{width:100%;min-height:var(--card-row);background:var(--well);box-shadow:inset 0 1px 0 #00000080, inset 0 -1px 0 color-mix(in srgb, var(--ink) 10%, transparent);font:300 var(--t-field) / 1.25rem var(--f-serif);color:var(--ink);border:1px solid #0000;border-radius:4px;padding:0 8px;transition:border-color .2s;display:block}.jam :is(.card,.g-sheet) textarea.card-slot{resize:vertical;min-height:5.6em;padding:6px 8px}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot::placeholder{font:italic 300 var(--t-field) / 1.25rem var(--f-serif);letter-spacing:0;color:var(--ink-dim);opacity:1}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot.card-slot-mono{font-family:var(--f-mono);font-size:var(--t-text)}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot:focus{border-color:var(--accent);outline:none;box-shadow:inset 0 1px #00000080}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot[aria-invalid=true],.jam :is(.card,.g-sheet) :is(input,textarea).card-slot[aria-invalid=true]:focus{border-color:var(--ink)}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot:is(:disabled,[readonly]){border:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);box-shadow:none}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot:disabled{color:var(--ink-dim);opacity:1;-webkit-text-fill-color:var(--ink-dim);background:0 0}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot[readonly]{font-family:var(--f-mono);font-size:var(--t-text);text-overflow:ellipsis;background:0 0}.jam :is(.card,.g-sheet) .card-pill{width:100%;min-height:var(--card-row);margin:var(--card-gap) 0 0;cursor:pointer;background:var(--accent);border:1px solid var(--accent);font:normal 400 var(--t-small) / 1 var(--f-mono);letter-spacing:.04em;color:var(--field);border-radius:999px;padding:0 16px;transition:color .2s,background-color .2s,border-color .2s}.jam :is(.card,.g-sheet) .card-pill:hover:not(:disabled){background:var(--ink);border-color:var(--ink)}.jam :is(.card,.g-sheet) .card-pill:disabled{cursor:default;border-color:var(--line);color:var(--ink-dim);background:0 0}.jam :is(.card,.g-sheet) .card-quiet{min-height:var(--card-row);min-width:var(--card-min);cursor:pointer;font:inherit;color:var(--ink-dim);background:0 0;border:0;border-radius:4px;align-self:center;padding:0 8px;transition:color .2s}.jam :is(.card,.g-sheet) .card-quiet:hover{color:var(--accent)}.jam :is(.card,.g-sheet) .card-readout{margin:var(--card-group) calc(-1 * var(--card-inset)) 0;padding:var(--card-group) var(--card-inset);background:var(--field);border-top:1px solid var(--line);font:normal 400 var(--t-small) / 1rem var(--f-mono);color:var(--ink);grid-template-columns:14px minmax(0,1fr);align-items:start;column-gap:8px;display:grid}.jam .card>:last-child>.card-readout:last-child{margin-bottom:calc(-1 * var(--card-group))}.jam :is(.card,.g-sheet) .card-readout[data-kind=hint]{color:var(--ink-dim)}.jam :is(.card,.g-sheet) .card-readout>p.card-readout-line{font:inherit;color:inherit;overflow-wrap:anywhere;grid-area:1/2;margin:0}.jam :is(.card,.g-sheet) .card-readout>p.card-readout-line:empty{height:0;overflow:hidden}.jam .card-readout-lamp{border:1px solid;border-radius:50%;grid-area:1/1;justify-self:center;width:6px;height:6px;margin-top:5px}.jam .card-readout[data-kind=sending] .card-readout-lamp{border-color:var(--accent);outline:1px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.jam .card-readout[data-kind=notice] .card-readout-lamp{border:3px solid var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 24%, transparent)}.jam .card-readout[data-kind=error] .card-readout-lamp{border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:2px;width:4px;height:4px;margin-top:6px}.jam :is(.card,.g-sheet) .card-body{gap:var(--card-group);flex-direction:column;min-width:0;display:flex}.jam :is(.card,.g-sheet) .card-title{font:inherit;font-size:var(--t-head);color:var(--ink);margin:0;line-height:1.25rem}.jam :is(.card,.g-sheet) .card-group{gap:var(--card-gap);flex-direction:column;min-width:0;display:flex}.jam .card>.card-body~.card-readout:not([hidden]){bottom:calc(-1 * var(--card-group));z-index:1;margin:var(--card-group) calc(-1 * var(--card-inset)) calc(-1 * var(--card-group));padding:var(--card-group) var(--card-inset);border-top:1px solid var(--line);position:sticky}.jam :is(.card,.g-sheet) .card-line{overflow-wrap:anywhere;min-width:0;margin:0}.jam :is(.card,.g-sheet) .card-rule-name .card-slot-label{display:inline}.jam :is(.card,.g-sheet) .card-beside{align-items:center;gap:8px;min-width:0;display:flex}.jam :is(.card,.g-sheet) .card-beside>:is(input,textarea).card-slot{flex:1 1 0;width:auto;min-width:0}.jam :is(.card,.g-sheet) :is(input,textarea).card-slot[readonly]::placeholder{font-size:var(--t-text);line-height:1.125rem}.jam :is(.card,.g-sheet) .card-pill.card-press{white-space:nowrap;flex:none;width:auto;min-width:calc(6ch + 32px);margin:0;padding:0 12px}.jam :is(.card,.g-sheet) .card-pill.card-press-outline{border-color:color-mix(in srgb, var(--ink) 34%, transparent);color:var(--ink);background:0 0}.jam :is(.card,.g-sheet) .card-pill.card-press-outline:hover:not(:disabled){border-color:var(--ink);background:0 0}.jam :is(.card,.g-sheet) .card-pill.card-press-outline:disabled{border-color:var(--line);color:var(--ink-dim)}.jam :is(.card,.g-sheet) .card-slide{width:100%;min-height:var(--card-row);cursor:pointer;font:inherit;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:0;display:flex}.jam .card-slide-track{background:var(--well);width:34px;height:18px;box-shadow:inset 0 1px 0 #00000080, inset 0 -1px 0 color-mix(in srgb, var(--ink) 10%, transparent);border:1px solid #0000;border-radius:9px;flex:none;position:relative}.jam .card-slide-track:after{content:"";border:1px solid var(--ink-dim);border-radius:50%;width:12px;height:12px;transition:translate .2s,background-color .2s,border-color .2s;position:absolute;top:2px;left:2px}.jam .card-slide[aria-checked=true] .card-slide-track:after{background:var(--accent);border-color:var(--accent);translate:16px}.jam .card-slide[aria-busy=true] .card-slide-track:after{outline:1px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.jam .card-slide[aria-disabled=true]{cursor:default;color:var(--ink-dim)}.jam .card-slide[aria-disabled=true] .card-slide-track{border:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);box-shadow:none;background:0 0}.jam .card-slide[aria-disabled=true] .card-slide-track:after{border-color:var(--ink-dim);background:0 0;translate:8px}.jam .card-slide-text{flex:1 1 0;min-width:0}.jam .card-slide-state{font:normal 400 var(--t-small) / 1 var(--f-mono);letter-spacing:.04em;flex:none}.jam :is(.card,.g-sheet) .card-roster{gap:calc(var(--card-gap) / 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jam :is(.card,.g-sheet) .card-person{min-width:0;min-height:var(--card-row);color:var(--ink);align-items:center;gap:8px;font-style:normal;display:flex}.jam :is(.card,.g-sheet) .card-person-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.jam :is(.card,.g-sheet) .card-person-aside{color:var(--ink-dim);flex:none;font-style:italic}.jam :is(.card,.g-sheet) .card-person>.card-danger{flex:none;margin-left:auto}.jam :is(.card,.g-sheet) .card-others{color:var(--ink-dim);font-style:italic}.jam .card-unseen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (forced-colors:active){.jam .card-readout[data-kind=sending] .card-readout-lamp,.jam .card-slide[aria-busy=true] .card-slide-track:after{outline-color:currentColor}.jam .card-slide-track{border-color:currentColor}}@media (prefers-reduced-motion:reduce){.jam :is(.card,.g-sheet) :is(input,textarea,button):is(.card-slot,.card-pill,.card-quiet),.jam .card-slide-track:after{transition:none}}.jam :is(.card,.g-sheet) input.card-slot{text-overflow:ellipsis}.jam :is(.card,.g-sheet) .card-list{max-height:calc(var(--card-row) * 6);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.jam :is(.card,.g-sheet) .card-list-item{flex:none}.jam :is(.card,.g-sheet) .card-list-row{width:100%;min-height:var(--card-row);cursor:pointer;text-align:left;font:normal 300 var(--t-field) / 1.25rem var(--f-serif);color:var(--ink);background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:0;transition:color .2s;display:flex}.jam :is(.card,.g-sheet) .card-list-row:focus-visible{outline-offset:-1px}.jam .card-list-lamp{border:1px solid var(--ink-dim);border-radius:50%;flex:none;width:6px;height:6px;margin:0 4px}.jam .card-list-row[aria-current=true] .card-list-lamp{border:3px solid var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 24%, transparent)}.jam .card-list-name{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.jam .card-list-row[aria-current=true] .card-list-name{font-weight:400}.jam .card-list-row:hover .card-list-name{color:var(--accent)}.jam :is(.card,.g-sheet) .card-list-trail{font:italic 300 var(--t-text) / 1 var(--f-serif);color:var(--ink-dim);flex:none}.jam :is(.card,.g-sheet) .card-list-trail.card-list-mono{font:normal 400 var(--t-small) / 1 var(--f-mono)}.jam :is(.card,.g-sheet) .card-list-none{min-height:var(--card-row);align-items:center;display:flex}.jam :is(.card,.g-sheet) .card-acts{align-items:center;gap:var(--card-gap) var(--card-inset);margin-top:var(--card-gap);flex-wrap:wrap;display:flex}.jam :is(.card,.g-sheet) .card-acts>.card-pill{width:auto;margin:0}.jam :is(.card,.g-sheet) .card-danger{min-height:var(--card-row);min-width:var(--card-min);cursor:pointer;border:1px dashed color-mix(in srgb, var(--ink) 50%, transparent);font:normal 400 var(--t-small) / 1 var(--f-mono);letter-spacing:.04em;color:var(--ink);background:0 0;border-radius:999px;margin-left:auto;padding:0 12px;transition:border-color .2s}.jam :is(.card,.g-sheet) .card-danger:hover{border-color:var(--ink)}.jam :is(.card,.g-sheet) .card-row{width:100%;min-height:var(--card-row);margin-top:var(--card-gap);cursor:pointer;border:0;border-top:1px solid var(--line);text-align:left;font:inherit;color:var(--ink-dim);background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:0;transition:color .2s;display:flex}.jam :is(.card,.g-sheet) .card-row:hover{color:var(--accent)}.jam .card-row-chevron{border:1.5px solid;border-width:0 1.5px 1.5px 0;flex:none;width:7px;height:7px;margin:0 4px;transition:rotate .15s,translate .15s;translate:0 -2px;rotate:45deg}.jam .card-row[aria-expanded=true] .card-row-chevron{translate:0 2px;rotate:225deg}.jam :is(.card,.g-sheet) .card-more-held{align-items:center;gap:0 var(--card-inset);flex-wrap:wrap;display:flex}.jam :is(.card,.g-sheet) .card-more-held>.card-quiet{align-self:auto;min-width:0;padding:0}@media (prefers-reduced-motion:reduce){.jam :is(.card,.g-sheet) :is(.card-list-row,.card-danger,.card-row),.jam .card-row-chevron{transition:none}}.jam :is(.card,.g-sheet) .card-rule{width:100%;min-width:0;min-height:var(--card-row);align-items:center;gap:8px;display:flex}.jam :is(.card,.g-sheet) .card-rule:before{content:"";width:var(--card-inset);border-top:1px solid var(--line);flex:none}.jam :is(.card,.g-sheet) .card-rule-name{font-size:var(--t-head);color:var(--ink);flex:none;line-height:1.25rem}.jam :is(.card,.g-sheet) .card-rule-line{min-width:var(--card-inset);border-top:1px solid var(--line);flex:1 1 0}.jam :is(.card,.g-sheet) .card-rule>.num{flex:none}.jam .card>:not([hidden])~:has(>.card-rule:first-child){border-top:0;padding-top:0}.jam.rows .g-part:has(+.g-part>.cell:first-child>.card-rule:first-child){border-bottom:0}.jam.solar .s-card .knob-dial.card-knob:before{content:none}.jam.solar .s-card .knob-dial.card-knob .knob-mark{display:none}.jam .card-knob-face{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.jam .card-knob-well{fill:var(--well)}.jam .card-knob-track,.jam .card-knob-value{fill:none;stroke-width:1.5px;stroke-linecap:round}.jam .card-knob-track{stroke:var(--line)}.jam .card-knob-value{stroke:var(--accent);stroke-dasharray:var(--turn,0) 2}.jam .card-knob-orb{transform-box:view-box;transform-origin:50%;rotate:var(--angle,-135deg)}.jam .card-knob-dot{fill:var(--accent)}.jam .card-knob-halo{fill:none;stroke:color-mix(in srgb, var(--accent) 40%, transparent);stroke-width:1.5px;opacity:0;transition:opacity .2s}.jam .card-knob:is(:hover,.turning) .card-knob-halo{opacity:1}.jam .slider:has(input:disabled) .card-knob-halo{opacity:0}.jam :is(.card,.g-sheet) .slider.card-slider{--slot:6px;--at:0}.jam :is(.card,.g-sheet) .slider.card-slider input::-webkit-slider-runnable-track{height:var(--slot);border-radius:calc(var(--slot) / 2);background:linear-gradient(var(--accent), var(--accent)) 0 50% / calc(var(--thumb) / 2 + var(--at) * (100% - var(--thumb))) 2px no-repeat, var(--well);box-shadow:inset 0 1px 0 #00000080, inset 0 -1px 0 color-mix(in srgb, var(--ink) 10%, transparent);border:0}.jam :is(.card,.g-sheet) .slider.card-slider input::-moz-range-track{height:var(--slot);border-radius:calc(var(--slot) / 2);background:linear-gradient(var(--accent), var(--accent)) 0 50% / calc(var(--thumb) / 2 + var(--at) * (100% - var(--thumb))) 2px no-repeat, var(--well);box-shadow:inset 0 1px 0 #00000080, inset 0 -1px 0 color-mix(in srgb, var(--ink) 10%, transparent);border:0}.jam :is(.card,.g-sheet) .slider.card-slider input::-webkit-slider-thumb{margin-top:calc((var(--slot) - var(--thumb)) / 2);transition:box-shadow .2s}.jam :is(.card,.g-sheet) .slider.card-slider input::-moz-range-thumb{transition:box-shadow .2s}.jam :is(.card,.g-sheet) .slider.card-slider input:is(:hover,:active)::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}.jam :is(.card,.g-sheet) .slider.card-slider input:is(:hover,:active)::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}.jam :is(.card,.g-sheet) .xy.card-pad{background:var(--well);box-shadow:inset 0 1px 0 #00000080, inset 0 -1px 0 color-mix(in srgb, var(--ink) 10%, transparent);border-color:#0000}.jam .card-pad-line{pointer-events:none;border:0 solid color-mix(in srgb, var(--ink) 12%, transparent);position:absolute}.jam .card-pad-upright{border-left-width:1px;width:0;margin-left:-.5px;top:0;bottom:0}.jam .card-pad-level{border-top-width:1px;height:0;margin-bottom:-.5px;left:0;right:0}.jam :is(.card,.g-sheet) .xy.card-pad .xy-axis{font-size:var(--t-text);opacity:1}.jam :is(.card,.g-sheet) .xy.card-pad .xy-x:after,.jam :is(.card,.g-sheet) .xy.card-pad .xy-y:before{content:none}.jam :is(.card,.g-sheet) .xy.card-pad .xy-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent);transition:box-shadow .2s}.jam :is(.card,.g-sheet) .xy.card-pad:active .xy-dot{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 24%, transparent)}@media (forced-colors:active){.jam .card-knob-well{fill:none}.jam .card-knob-track{stroke:canvastext;stroke-dasharray:1 4}.jam .card-knob-value{stroke:highlight;stroke-width:2.5px}.jam .card-knob-dot{fill:highlight;stroke:canvastext;stroke-width:1px}.jam .card-knob-halo{stroke:canvastext}.jam :is(.card,.g-sheet) .slider.card-slider input::-webkit-slider-runnable-track{box-shadow:none;border:1px solid canvastext}.jam :is(.card,.g-sheet) .slider.card-slider input::-moz-range-track{box-shadow:none;border:1px solid canvastext}.jam :is(.card,.g-sheet) .slider.card-slider input::-webkit-slider-thumb{forced-color-adjust:none;margin-top:calc((var(--slot) - var(--thumb)) / 2 - 1px);box-shadow:none;background:canvas;border:3px solid highlight}.jam :is(.card,.g-sheet) .slider.card-slider input::-moz-range-thumb{forced-color-adjust:none;box-shadow:none;background:canvas;border:3px solid highlight}.jam :is(.card,.g-sheet) .xy.card-pad{box-shadow:none}.jam .card-pad-line{border-color:graytext}.jam :is(.card,.g-sheet) .xy.card-pad .xy-dot{forced-color-adjust:none;background:highlight;box-shadow:0 0 0 1px canvas,0 0 0 2px canvastext}}@media (prefers-reduced-motion:reduce){.jam .card-knob-halo,.jam :is(.card,.g-sheet) .xy.card-pad .xy-dot{transition:none}.jam :is(.card,.g-sheet) .slider.card-slider input::-webkit-slider-thumb{transition:none}.jam :is(.card,.g-sheet) .slider.card-slider input::-moz-range-thumb{transition:none}}.jam.rows{--orb-least:290px;--orb-most:420px;--ribbon-reach:96px;--gap:24px;--card-row:44px;--card-min:44px;--card-gap:8px;--card-group:14px;--t-field:1rem;max-width:1840px;padding:16px 24px calc(var(--dock,150px) + 28px);gap:16px}html.jam-rows{scroll-padding:12px 0 calc(var(--dock,150px) + 8px)}.jam.rows [data-block]{scroll-margin-top:12px}.jam.rows .g-top{text-align:center;justify-items:center;gap:6px;min-width:0;padding-top:6px;display:grid}.jam.rows .g-top h1{translate:calc(var(--mark-x) * 100%) 0}.jam.rows .g-top h1 svg{transform-origin:var(--mark-origin);rotate:var(--mark-tilt);margin-left:0}.jam.rows .problem:empty{display:none}.jam.rows .g-page{grid-template-columns:minmax(0,1fr);gap:36px;min-width:0;display:grid}.jam.rows .g-tone{--tone:min(100cqi, var(--orb-most));justify-items:center;gap:10px;min-width:0;display:grid;position:relative;container-type:inline-size}.jam.rows .cell.cell-tone{width:var(--tone);max-width:none}.jam.rows .cell.cell-tone>.orb{width:100%;margin-block:0}.jam.rows .g-chord{width:min(100cqi, calc(var(--tone) * var(--piano-to-tone,1)));grid-template-columns:minmax(0,1fr);align-items:center;gap:4px 12px}.jam.rows .g-chord>.chords,.jam.rows .g-chord>.piano,.jam.rows .g-chord>.cell-bass{grid-column:1/-1}.jam.rows .g-chord>.chords{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.jam.rows .g-chord .btn.chord{text-align:center;min-height:44px;padding:0}.jam.rows .g-chord .piano{height:132px}.jam.rows .g-chord .bass-strip{height:44px}.jam.rows .g-chord .cell-head{width:auto;min-height:44px}.jam.rows .g-chord .bass-strip:after{content:"";height:100%;position:absolute;top:100%;left:0;right:0}.jam.rows .g-tone>.sparkle{top:0;left:calc(50% + var(--tone) / 2 - 44px);z-index:1;width:44px;height:44px;position:absolute}.jam.rows .g-tone>.sparkle .sparkle-mark{display:block}.jam.rows .g-held{z-index:2;width:min(100cqi, var(--tone));background:var(--field);position:absolute;top:0;left:50%;translate:-50%}.jam.rows .g-held:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.jam.rows .g-held .cell-head{justify-content:center}.jam.rows .g-held .cell-head .btn.tone{min-width:44px;min-height:44px}.jam.rows .kit{grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--orb-least), (100% - 3 * var(--gap)) / 4)), 1fr));gap:28px var(--gap)}.jam.rows .g-voices{gap:28px var(--gap);flex-wrap:wrap;min-width:0;display:flex}.jam.rows .g-voices>.cell{flex:1 1 var(--orb-least);min-width:0;max-width:none}.jam.rows .kit>.drum,.jam.rows .g-voices>.cell{justify-items:center;width:100%}.jam.rows .kit>.drum>*,.jam.rows .g-voices>.cell>*{max-width:var(--orb-most)}.jam.rows .bowl-keys{gap:0}.jam.rows .btn.bowl{min-width:44px;min-height:44px}.jam.rows .cell-bowls{--strum-reach:1}.jam.rows .g-clock>.clock-orb{width:100%}.jam.rows .clock-side{justify-content:center;gap:4px 16px;min-height:44px;margin-right:0}.jam.rows .clock-rings:not(:focus-within),.jam.rows .clock-rings.by-pointer{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.jam.rows .btn.clock-ring{min-width:44px;min-height:44px}.jam.rows .btn.clock-realign:focus-visible{min-height:44px}.jam.rows .alignment{min-width:0}.jam.rows .g-ribbon{min-width:0;width:min(100cqi, calc(var(--tone) * var(--piano-to-tone,1)))}.jam.rows .cell-theremin{gap:0;width:100%}.jam.rows .cell-theremin .cell-head{display:none}.jam.rows .xy.theremin-ribbon{height:var(--ribbon-reach)}.jam.rows .g-dock{z-index:5;min-width:0;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:color-mix(in srgb, var(--field) 94%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:minmax(0,1fr) auto;gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.jam.rows .g-rail{overscroll-behavior-x:contain;scrollbar-width:none;border-bottom:1px solid var(--line);grid-area:1/1/auto/-1;gap:2px;min-width:0;padding:0 12px;display:flex;overflow-x:auto}.jam.rows .g-rail::-webkit-scrollbar{display:none}.jam.rows .g-chip{cursor:pointer;min-width:44px;height:44px;font:inherit;white-space:nowrap;color:var(--ink-dim);background:0 0;border:0;border-radius:0;flex:none;padding:0 12px;font-size:.95rem;font-style:italic;transition:color .2s,box-shadow .2s;box-shadow:inset 0 -2px #0000}.jam.rows .g-chip:hover{color:var(--ink)}.jam.rows .g-chip:focus-visible{outline:1px solid var(--accent);outline-offset:-3px}.jam.rows .g-chip[aria-current]{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.jam.rows .g-bar{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center;align-items:center;gap:0 28px;min-width:0;padding:2px 66px;display:flex}.jam.rows .g-transport{align-items:center;gap:14px;min-width:0;min-height:56px;display:flex}.jam.rows .g-bar .btn.play{min-width:5.6em;min-height:48px}.jam.rows .btn.realign{letter-spacing:.02em;width:52px;min-width:0;height:52px;min-height:0;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;border-radius:50%;flex:none;place-items:center;padding:0;font-size:.6rem;transition:color .2s,border-color .2s,opacity .2s;display:grid;position:relative}.jam.rows .btn.realign:hover,.jam.rows .btn.realign:focus-visible{color:var(--accent);border-color:var(--accent)}.jam.rows .btn.realign.idle{opacity:.6}.jam.rows .btn.realign.pending{color:var(--accent);border:1px dashed var(--accent);opacity:1;animation:.9s ease-in-out infinite jam-pulse}.jam.rows .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.rows .btn.realign.full:after{background:var(--ink)}.jam.rows .g-bar .position{min-width:5.2em}.jam.rows .g-bar .scenes-row{flex-wrap:nowrap;gap:4px 10px;max-width:100%}.jam.rows .g-bar .slots{scrollbar-width:none;flex-wrap:nowrap;gap:4px;padding:6px;overflow-x:auto}.jam.rows .g-bar .slots::-webkit-scrollbar{display:none}.jam.rows .g-bar .slot{flex:none;width:44px;height:44px}.jam.rows .g-bar .scenes-row>.word{font-size:.86rem}.jam.rows .g-bar .jam-row-note:empty{display:none}.jam.rows .g-sheet{display:contents}.jam.rows .g-sheet .drawer-tab{top:53px;right:calc(8px + env(safe-area-inset-right,0px));cursor:pointer;width:44px;height:44px;color:var(--ink-dim);font:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s;display:grid;position:absolute}.jam.rows .g-sheet .drawer-tab .word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jam.rows .g-sheet .drawer-tab:after{content:"";background:radial-gradient(3px at 6px 3px,currentColor 96%,#0000) no-repeat,radial-gradient(3px at 14px 9px,currentColor 96%,#0000) no-repeat,radial-gradient(3px at 8px 15px,currentColor 96%,#0000) no-repeat,linear-gradient(currentColor,currentColor) 0 2.25px/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 8.25px/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 14.25px/100% 1.5px no-repeat;width:20px;height:18px}.jam.rows .g-sheet .drawer-tab:hover,.jam.rows .g-sheet.open .drawer-tab{color:var(--accent)}.jam.rows .g-sheet .drawer-tab:focus-visible{outline:1px solid var(--accent);outline-offset:-3px}.jam.rows.recording .g-sheet .drawer-tab:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite jam-pulse;position:absolute;top:7px;right:7px}.jam.rows .g-sheet .drawer-panel{height:min(620px, calc(100svh - var(--dock,150px) - 72px));overscroll-behavior:contain;border-top:1px solid var(--line);outline:0;grid-area:3/1/auto/-1;min-height:120px;padding:0 24px 20px;animation:.26s cubic-bezier(.2,.8,.2,1) g-rise;overflow:hidden auto}@keyframes g-rise{0%{height:0;min-height:0}}.jam.rows .g-scrim{z-index:4;background:color-mix(in srgb, var(--field) 60%, transparent);animation:.26s ease-out g-dim;position:fixed;inset:0}@keyframes g-dim{0%{opacity:0}}.jam.rows .g-parts{columns:300px;column-gap:32px}.jam.rows .g-part{break-inside:avoid;gap:var(--card-gap);min-width:0;padding:var(--card-group) 0;border-bottom:1px solid var(--line);flex-direction:column;display:flex}.jam.rows .g-part>*{width:100%}.jam.rows .g-heading{font-weight:inherit;margin:0}.jam.rows .g-part .cell{width:100%}.jam.rows .g-part>.btn{align-self:flex-start;width:auto}.jam.rows .g-pads{gap:20px var(--gap);flex-wrap:wrap;min-width:0;display:flex}.jam.rows .g-pads>.cell{flex:220px;width:auto}.jam.rows .g-part .xy{height:160px}.jam.rows .g-part .room-pad{width:min(100%,320px);margin:0 auto}.jam.rows .g-part .take{align-items:center;display:inline-flex}.jam.rows .g-part .slider input{height:44px}.jam.rows .g-part .lean-track input{height:32px}.jam.rows .g-part .rec-list{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:0 12px;display:grid}.jam.rows .g-part .rec-line{justify-content:space-between;align-items:center;gap:4px;min-width:0;display:flex}.jam.rows .g-part .rec-line .word{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jam.rows .g-part .rec-line .rec{flex:none;justify-content:flex-end}@media (width<=651px){.jam.rows{padding-left:24px;padding-right:24px}.jam.rows .g-rail{padding:0 4px}.jam.rows .g-bar{gap:0 12px;padding:2px 6px}.jam.rows .g-bar .slots{gap:2px;padding:5px 4px}.jam.rows .g-bar .scenes-row>.word{display:none}.jam.rows .g-sheet .drawer-panel{padding:0 var(--card-inset) 16px}}@media (prefers-reduced-motion:reduce){.jam.rows .btn.realign.pending,.jam.rows .g-sheet .drawer-panel,.jam.rows .g-scrim,.jam.rows.recording .g-sheet .drawer-tab: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:calc(var(--mark-x) * 100%) 0}.jam.solar .s-mark h1 svg{transform-origin:var(--mark-origin);rotate:var(--mark-tilt);margin-left:0}.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)}:is(.jam.solar .s-system,.jam.rows .g-tone)>.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}:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .btn:hover,:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .btn:focus-visible{color:var(--accent);opacity:1}:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .btn[aria-pressed=true]{color:var(--accent);opacity:1;box-shadow:none;background:0 0}:is(.jam.solar .s-system,.jam.rows .g-tone)>.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))}:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .sparkle-word{display:none}:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .sparkle-mark{fill:currentColor;width:74%;height:74%;overflow:visible}:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .sparkle-mark path{transform-box:fill-box;transform-origin:50%}:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .btn[aria-pressed=true] .sparkle-mark path{animation:3.4s ease-in-out infinite jam-twinkle}:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .btn[aria-pressed=true] .sparkle-mark path:nth-child(2){animation-duration:2.6s;animation-delay:-.9s}:is(.jam.solar .s-system,.jam.rows .g-tone)>.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{clip-path:inset(50%);white-space:nowrap;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.jam.solar .clock-rings{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.jam.solar .clock-rings:focus-within:not(.by-pointer),.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:not(.by-pointer){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 .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{--stage-top:calc((100svh - 900 * var(--u)) / 2)}.jam.solar :is(.s-filter,.s-rail,.s-card){left:calc(var(--l) * var(--u));top:calc(var(--stage-top) + var(--t) * var(--u));position:absolute}.jam.solar .s-filter{z-index:2;width:calc(var(--w) * var(--u))}.jam.solar .s-filter .cell-filter{width:100%;display:block}.jam.solar .s-filter .cell-head{min-height:0;height:calc(var(--head) * var(--u));flex-wrap:nowrap;justify-content:space-between;gap:4px}.jam.solar .s-filter .cell-head .word{font-size:max(calc(14.5 * var(--u)), 11px);line-height:1}.jam.solar .s-filter .cell-head .num{font-size:max(calc(10.5 * var(--u)), 9px);letter-spacing:0;white-space:nowrap;color:var(--ink-dim)}.jam.solar .s-filter .xy{height:calc(var(--pad) * var(--u));display:block}.jam.solar .s-filter .xy-axis{font-size:max(calc(11.5 * var(--u)), 9px)}.jam.solar .s-filter .xy-dot{width:max(calc(11 * var(--u)), 8px);height:max(calc(11 * var(--u)), 8px);margin:0 0 max(calc(-5.5 * var(--u)), -4px) max(calc(-5.5 * var(--u)), -4px)}.jam.solar .s-rail{z-index:4;width:calc(var(--w) * var(--u));grid-auto-rows:calc(var(--row) * var(--u));display:grid}.jam.solar .s-rail-word{min-width:0;padding:0 0 0 calc(12 * var(--u));text-align:left;cursor:pointer;white-space:nowrap;font:inherit;font-style:italic;font-size:max(calc(16 * var(--u)), 11px);color:var(--ink-dim);background:0 0;border:0;border-radius:0;line-height:1;transition:color .2s;position:relative}.jam.solar .s-rail-word:hover{color:var(--accent)}.jam.solar .s-rail-word[aria-expanded=true]{color:var(--accent);text-shadow:0 0 calc(6px + 5px * var(--pulse)) color-mix(in srgb, var(--accent) calc(45% + 40% * var(--pulse)), transparent), 0 0 calc(16px + 10px * var(--pulse)) color-mix(in srgb, var(--accent) calc(18% + 30% * var(--pulse)), transparent)}.jam.solar .s-card{--top:calc(var(--stage-top) + var(--t) * var(--u));--card:var(--narrow);z-index:5;width:min(var(--card), calc(100vw - var(--l) * var(--u) - 8px));max-height:calc(100svh - var(--top) - var(--foot))}.jam.solar .s-card[data-card=room]{--card:clamp(var(--narrow), calc(var(--wide) * var(--u)), calc(var(--wide) * 1px))}.jam.solar .s-part{min-width:0;display:grid}.jam.solar .s-card .cell{grid-area:auto;width:100%}.jam.solar .s-part>.btn{justify-self:start}.jam.solar .s-card .cell-grit .xy{height:120px}.jam.solar .s-card .room-pad{width:min(100%, var(--room-pad,176px));margin:0 auto}.jam.solar .s-card .room-body{gap:var(--card-gap)}.jam.solar .s-card .room-side{flex-basis:100%}.jam.solar .s-card .btn.room-voice{gap:4px;min-height:24px;padding:0 5px}.jam.solar .rec-list{gap:0 var(--card-inset);grid-template-columns:1fr 1fr;display:grid}.jam.solar .rec-line{justify-content:space-between;align-items:center;gap:4px;min-width:0;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}.jam.solar .scenes-row .s-after{margin-left:calc(6 * var(--u));width:calc(var(--w) * var(--u));align-items:center;gap:calc(10 * var(--u));white-space:nowrap;display:flex;position:absolute;top:50%;left:100%;translate:0 -50%}.jam.solar .s-after .cell-take{align-items:center;gap:calc(8 * var(--u));flex:none;min-width:0;display:flex}.jam.solar .s-after .cell-take>.word{display:none}.jam.solar .s-after .btn.record{min-width:0;min-height:clamp(24px, calc(34 * var(--u)), 40px);font-size:max(calc(10.5 * var(--u)), 9.5px);box-shadow:none;align-items:center;gap:6px;padding:0 4px;display:inline-flex}.jam.solar .s-after .btn.record:before{content:"";border:1px solid var(--accent);background:radial-gradient(circle, var(--accent) 0 2.5px, transparent 3.5px);border-radius:50%;flex:none;width:12px;height:12px;margin:0;animation:none;display:block}.jam.solar .s-after .btn.record[aria-pressed=true]:before{background:var(--accent);animation:1.2s ease-in-out infinite jam-pulse}.jam.solar .s-after .take{max-width:none;font-size:max(calc(11 * var(--u)), 9.5px);white-space:nowrap;flex:none}.jam.solar .s-after .jam-row-note{white-space:normal;-webkit-line-clamp:2;line-clamp:2;min-width:0;font-size:max(calc(13.5 * var(--u)), 11px);-webkit-box-orient:vertical;flex:0 auto;margin:0;line-height:1.15;display:-webkit-box;position:static;overflow:hidden}.jam.solar.audience :is(.s-rail,.s-card,.s-after .cell-take),.jam.solar.along :is(.s-rail-word[data-word=jam],.s-card[data-card=jam]){display:none}@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)}}@media (prefers-reduced-motion:reduce){.jam.solar .s-after .btn.record[aria-pressed=true]:before,.jam.solar .btn.realign.pending,:is(.jam.solar .s-system,.jam.rows .g-tone)>.sparkle .btn[aria-pressed=true] .sparkle-mark path{animation:none}}.jam.solar .s-top .jam-line{z-index:2;flex:0 1 calc(600 * var(--u));white-space:nowrap;transform-origin:100%;font-size:max(calc(13 * var(--u)), 10.5px);flex-wrap:nowrap;justify-content:flex-end;margin-left:auto;position:relative}.jam.solar .s-top :is(.jam-line-remix,.jam-line-go){min-height:0;padding:calc(3 * var(--u)) calc(12 * var(--u));font-size:inherit}.jam.solar .s-top .jam-line-there{flex-wrap:nowrap}.jam .jam-row-box{gap:2px;min-width:0;margin-top:-16px;display:grid}.jam .jam-row,.jam .scenes-row{flex-wrap:wrap;align-items:center;gap:4px 16px;min-width:0;display:flex}.jam :is(.card,.g-sheet) .jam-row{flex-flow:column;align-items:stretch;gap:0}.jam :is(.card,.g-sheet) .jam-row>:is(.card-rule,.jam-row-remixed,.jam-row-yours,.jam-row-kept){margin-top:var(--card-gap);flex:none}.jam .card>:last-child>.jam-row>.card-readout:last-child{margin-bottom:calc(-1 * var(--card-group))}.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 .jam-row-note{font-size:.86rem}@media (prefers-reduced-motion:reduce){.jam .slot.pending{animation:none}}.jam .jam-line{min-width:0;color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;font-size:.86rem;display:flex}.jam .jam-line[hidden]{display:none}.jam .jam-line-text{margin:0;font-style:italic}.jam .jam-line-remix{min-height:30px;color:var(--field);background:var(--accent);border-color:var(--accent);padding:2px 12px;font-size:.86rem}.jam .jam-line-remix:hover,.jam .jam-line-remix:focus-visible{color:var(--field);background:var(--ink);border-color:var(--ink)}.jam .jam-line-remix:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.jam .jam-line-remix.quiet,.jam .jam-line-remix.quiet:hover,.jam .jam-line-remix.quiet:focus-visible{font-family:var(--f-serif);letter-spacing:0;color:var(--ink-dim);box-shadow:inset 0 -1px 0 var(--line);background:0 0;border-color:#0000;border-radius:0;font-style:italic}.jam .jam-line-remix.quiet:hover,.jam .jam-line-remix.quiet:focus-visible{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}.jam .jam-line-remix[hidden]{display:none}.jam .jam-line :is(.jam-line-remix,.jam-line-go){flex:none}.jam .jam-line-back{color:var(--accent);text-underline-offset:3px;font-style:italic}.jam .jam-line-back[hidden]{display:none}.jam .jam-line-back:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:3px}.jam .jam-line-live{letter-spacing:.04em;color:var(--ink-dim);cursor:help;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;margin:0;padding:0;font-family:inherit;font-size:.74rem;display:inline-flex}.jam .jam-line-live[hidden]{display:none}.jam .jam-line-live:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:3px}.jam .jam-line-live:before{content:"";box-sizing:border-box;border:1px solid;border-radius:50%;flex:none;width:6px;height:6px}.jam .jam-line-live.on:before{background:var(--accent);border-color:var(--accent)}.jam .jam-line-live.unsteady:before{border-style:dashed;border-color:var(--accent);width:7px;height:7px}.jam .jam-why{letter-spacing:.02em;white-space:nowrap;font-size:.74rem}.jam .jam-why:before{content:"· "}.jam .jam-why[hidden]{display:none}.jam .jam-line .jam-why{margin-left:-8px}.jam .jam-said{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.jam .btn.play[aria-disabled=true]{opacity:.6;cursor:default}.jam .jam-line.pulse{animation:.7s ease-in-out jam-line-pulse}@keyframes jam-line-pulse{0%,to{opacity:1;scale:1}35%{opacity:.45;scale:1.06}70%{opacity:1;scale:1}}@keyframes jam-line-mark{0%,99%{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}to{text-decoration-color:#0000}}@media (prefers-reduced-motion:reduce){.jam .jam-line.pulse{animation:1.4s step-end jam-line-mark}.jam .jam-line.pulse .jam-line-text{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}}.jam .jam-row-kept{flex:100%;max-width:46em;margin:2px 0 0;font-size:.8rem;line-height:1.35}.jam .jam-row-by{align-items:baseline;gap:6px;min-width:0;display:inline-flex}.jam .jam-row-by-name{width:8em}.jam .jam-line-text{overflow-wrap:anywhere}.jam .jam-row-remixed,.jam .jam-row-yours{overflow-wrap:anywhere;flex:100%;max-width:46em;margin:2px 0 0;font-size:.8rem;line-height:1.35}.jam .jam-row-remixed[hidden],.jam .jam-code[hidden],.jam .jam-row .btn[hidden]{display:none}.jam .jam-row-remixed{color:var(--ink)}.jam .jam-row-remixed .btn,.jam .jam-row-yours .btn{margin-left:6px}.jam .jam-yours-copy{font:italic 300 var(--t-text) / 1.35 var(--f-serif);color:var(--ink-dim);overflow-wrap:anywhere;margin:-4px 0 4px;padding-left:24px}.jam .jam-yours-copy[hidden]{display:none}.jam :is(.card,.g-sheet) .jam-yours-copy>.card-quiet{text-align:left;white-space:normal;min-width:0;min-height:0;color:var(--ink);align-self:auto;padding:0;font-style:normal;display:inline}.jam :is(.card,.g-sheet) .jam-yours-copy>.card-quiet:hover{color:var(--accent)}.jam .jam-code-text{color:var(--ink);white-space:nowrap;-webkit-user-select:all;user-select:all;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82rem;font-style:normal}.jam .jam-line-there{flex-wrap:wrap;align-items:center;gap:6px 10px;display:inline-flex}.jam .jam-line-there[hidden]{display:none}.jam .jam-line-go{min-height:30px;color:var(--accent);border:1px solid var(--accent);background:0 0;padding:2px 12px;font-size:.86rem}.jam .jam-line-go:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.jam .jam-line-along[hidden],.jam .jam-line-leave[hidden]{display:none}.jam .jam-line-along{color:var(--accent)}.jam.audience :not(.jam-line,.jam-line *,.btn.play,.btn.play *,.btn.realign,.btn.realign *,.g-rail,.g-rail *,.jam-jump-mark,.jam-jump-mark *,.jam-jump,.jam-jump *,.jam-air.visiting,.jam-air.visiting *,[data-over],[data-over] *){pointer-events:none!important}.jam.audience :is(.jam-line,.jam-line *,.btn.play,.btn.realign,.g-rail,.g-rail *,.jam-jump-mark,.jam-jump,.jam-air.visiting){pointer-events:auto!important}.jam.audience .drawer-tab,.jam.audience .drawer-panel{display:none}.jam.audience .orb,.jam.audience .xy,.jam.audience .bass-strip,.jam.audience .key,.jam.audience .btn:not(.play):not(.realign):not(.jam-line-remix):not(.jam-line-go){cursor:default}.jam.unheard .jam-line>.jam-line-text:not(.jam-line-along):after{content:" Tap anywhere to hear it.";color:var(--accent)}.jam .jam-air{z-index:6;position:fixed;bottom:6px;left:14px}.jam .jam-air[hidden]{display:none}.jam .jam-air-mark{min-height:30px;font:inherit;color:var(--ink-dim);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:2px 6px;font-size:.8rem;font-style:italic;transition:color .2s;display:inline-flex}.jam .jam-air-mark:hover,.jam .jam-air-mark.on{color:var(--ink)}.jam .jam-air-mark[aria-expanded=true]{box-shadow:inset 0 -1px 0 var(--accent)}.jam .jam-air-dot{box-sizing:border-box;border:1px solid;border-radius:50%;flex:none;width:7px;height:7px}.jam .jam-air-mark.on .jam-air-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent)}.jam .jam-air-status{letter-spacing:.04em;color:var(--ink-dim);align-items:center;gap:5px;font-size:.74rem;display:inline-flex}.jam .jam-air-status:before{content:"";box-sizing:border-box;border:1px dashed;border-radius:50%;flex:none;width:7px;height:7px}.jam .jam-air-status[hidden]{display:none}.jam .jam-heard{color:var(--ink-dim);align-items:center;gap:5px;animation:.6s ease-out jam-heard-in;display:inline-flex}.jam .jam-heard[hidden]{display:none}.jam .jam-heard-mark{background:radial-gradient(3px at 50% 30%,currentColor 97%,#0000) no-repeat,radial-gradient(6px 5px at 50% 100%,currentColor 97%,#0000) no-repeat;flex:none;width:16px;height:16px}.jam .jam-heard .num{letter-spacing:0;color:var(--ink);font-size:13px;line-height:1}@keyframes jam-heard-in{0%{opacity:0}to{opacity:1}}.jam .jam-along-mark{background:radial-gradient(4px at 36%,#0000 62%,currentColor 66% 97%,#0000) no-repeat,radial-gradient(4px at 64%,#0000 62%,currentColor 66% 97%,#0000) no-repeat;flex:none;width:16px;height:16px}.jam .jam-pop{max-height:calc(100svh - 52px);position:absolute;bottom:calc(100% + 8px);left:0}.jam .jam-pop .card-acts{margin-top:0}.jam .jam-pop .card-acts>.card-quiet.card-quiet{align-self:center;padding:0}.jam .jam-pop .card-acts>.card-danger{margin-left:auto}.jam .jam-pop .card-quiet.jam-pop-offer{color:var(--accent);align-self:flex-start;padding:0}.jam .jam-pop .card-press-outline.done{color:var(--accent);border-color:var(--accent)}.jam.rows .jam-air{display:contents}.jam.rows .jam-air[hidden]{display:none}.jam.rows .jam-air-mark{top:53px;left:calc(8px + env(safe-area-inset-left,0px));justify-content:center;min-width:44px;height:44px;min-height:44px;padding:2px 4px;position:absolute}.jam.rows .jam-pop{left:calc(8px + env(safe-area-inset-left,0px));right:calc(8px + env(safe-area-inset-right,0px));width:auto;max-width:420px;max-height:calc(100svh - var(--dock,150px) - 16px);bottom:calc(100% + 8px)}.jam.rows .jam-air-mark{flex-wrap:wrap;align-content:center;gap:1px 6px;width:54px;line-height:1.1}.jam.rows .jam-air-mark .jam-heard{flex:1 0 100%;justify-content:center}.jam.rows .jam-air-mark .jam-air-status{white-space:normal;text-align:center;letter-spacing:0;flex:1 0 100%;justify-content:center;font-size:.64rem;line-height:1}.jam.rows .jam-air-mark .jam-air-status:before{display:none}.jam.rows .jam-air-mark .jam-heard-mark{width:14px;height:14px}@media (prefers-reduced-motion:reduce){.jam .jam-heard{animation:none}}.jam .jam-sign{width:12px;height:12px;color:var(--ink);flex:none;display:inline-flex}.jam .jam-sign svg{width:100%;height:100%;display:block;overflow:visible}.jam .jam-air-dot[hidden]{display:none}.jam .account{flex-direction:column;flex:100%;display:flex}.jam .account-words{overflow-wrap:anywhere;margin:0}.jam .account-words .btn{margin-left:8px}.jam .account-sent .account-words,.jam .account-sure .account-words,.jam .account-hint,.jam .account-label{flex:100%}.jam .account-email{flex:7em}.jam .account-code{flex:none;width:9.5ch}.jam .account-email:disabled{opacity:.6}.jam .account-address{border-bottom:1px solid var(--line);flex:9em;align-items:baseline;min-width:0;display:flex}.jam .account-address:focus-within{border-bottom-color:var(--accent)}.jam .account-address-host{text-overflow:ellipsis;white-space:nowrap;max-width:60%;font:normal 400 var(--t-text) / 1.25rem var(--f-mono);color:var(--ink-dim);flex:0 auto;overflow:hidden}.jam .account-address input.account-name{width:0;min-width:3ch;font:normal 400 var(--t-text) / 1.25rem var(--f-mono);border-bottom:0;flex:1 1 0;padding-left:0}.jam .account-address input.account-name::placeholder{font-style:normal}.jam .account-in,.jam .account-yours,.jam .account-devices{flex-direction:column;display:flex}.jam .account-devices{margin:0;padding:0;list-style:none}.jam .account-device{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 8px;display:flex}.jam.signin{align-content:center;place-items:center;max-width:none;min-height:100svh;padding:24px 16px;display:grid}.jam.signin .signin-box{flex-direction:column;align-items:flex-start;gap:18px;width:min(100%,26em);display:flex}.jam.signin .signin-mark{font-size:44px}.jam.signin .signin-words{overflow-wrap:anywhere;margin:0;font-size:1.25rem;line-height:1.3}.jam.signin .signin-acts{flex-wrap:wrap;gap:10px;margin-left:-12px;display:flex}.jam.signin .signin-acts .btn.chord{min-height:44px;padding:6px 12px;font-size:1.05rem}.jam.signin .signin-yes{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}.jam.signin .signin-no{color:var(--ink-dim)}.jam.signin .signin-again{width:100%}.jam.signin .signin-again[hidden]{display:none}.jam.signin .account{gap:6px;margin:2px 0 0;font-size:1rem;line-height:1.35}.jam.signin .account .btn.chord{min-height:40px;padding:2px 9px;font-size:.86rem}.jam.signin .account-ask,.jam.signin .account-sent{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.jam.signin .account-email,.jam.signin .account-code{border:0;border-bottom:1px solid var(--line);min-width:0;min-height:40px;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:2px 0;font-size:1rem}.jam.signin .account-code{font-family:var(--f-mono);letter-spacing:.22em;font-size:1.05rem}.jam.signin :is(.account-email,.account-code)::placeholder{color:var(--ink-dim);opacity:.5}.jam.signin :is(.account-email,.account-code):focus{border-bottom-color:var(--accent);outline:none}.jam.signin .account-email{flex-basis:12em}.jam.signin .account-label{font-size:.8rem}.jam.signin .account-hint{opacity:.7;font-size:.92em}.jam.signin .account-words .btn{margin-left:6px}.jam.signin .account-said{color:var(--accent);margin:0}.jam.signin .account-said:empty{height:0;overflow:hidden}.jam .jam-jump-mark{color:inherit;font:inherit;line-height:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4px;margin:0;padding:0;display:block;position:relative}.jam .jam-jump-cue{pointer-events:none;color:var(--ink-dim);opacity:.5;align-items:center;gap:5px;transition:opacity .2s,color .2s;display:inline-flex;position:absolute}.jam .jam-jump-mark[data-cue=beside] .jam-jump-cue{left:var(--cue-left,calc(100% + 14px));max-width:var(--cue-width,none);top:66%;translate:0 -50%}.jam .jam-jump-mark[data-cue=under] .jam-jump-cue{left:calc(50% - var(--mark-x,0) * 100%);top:calc(100% + var(--chevron-gap,5px));translate:-50%}.jam .jam-jump-mark[data-cue=under] .jam-jump-key{position:absolute;top:50%;left:calc(100% + 6px);translate:0 -40%}.jam .jam-jump-chevron{width:var(--chevron,6px);height:var(--chevron,6px);box-sizing:border-box;border:1px solid;border-width:0 1px 1px 0;flex:none;translate:0 -25%;rotate:45deg}.jam .jam-jump-key{box-sizing:border-box;min-width:13px;height:13px;font-family:var(--f-mono);letter-spacing:0;text-align:center;border:1px solid;border-radius:3px;flex:none;padding:0 3px;font-size:8px;font-style:normal;font-weight:400;line-height:11px;display:none}.jam .jam-jump-mark:hover .jam-jump-cue,.jam .jam-jump-mark:focus-visible .jam-jump-cue{opacity:.95;color:var(--ink)}.jam .jam-jump-mark[aria-expanded=true] .jam-jump-cue{opacity:1;color:var(--accent)}.jam .jam-jump-mark[aria-expanded=true] .jam-jump-chevron{translate:0 25%;rotate:225deg}.jam .jam-jump-news{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px;display:none}.jam .jam-jump-mark[data-newer] .jam-jump-news{display:block;position:absolute;top:50%;left:calc(100% + 7px);translate:0 -50%}.jam .jam-jump-mark[data-newer]:not([aria-expanded=true]) .jam-jump-cue{opacity:.95;color:var(--ink)}.jam .jam-jump{z-index:7;width:min(var(--jump-w,var(--card-w)), calc(100vw - 16px));max-height:min(var(--jump-h,460px), calc(var(--jump-share,70) * 1svh));position:absolute}.jam>.jam-jump{display:none}.jam .jam-jump-you .jam-row-by{align-items:baseline;gap:8px;width:100%;display:flex}.jam .jam-jump-you .jam-row-by-name{flex:auto;width:auto;min-width:0}.jam .jam-jump-newer p{margin:0}.jam .jam-jump-newer-line{color:var(--ink)}.jam.solar .s-mark:has(.jam-jump:not([hidden])){z-index:7}.jam.solar .s-mark .jam-jump{top:calc(100% + var(--jump-gap,8px));left:50%;translate:-50%}.jam.rows .g-top{--chevron:8px;--chevron-gap:8px;--cue-left:calc(100% + 16px);position:relative}.jam.rows .g-top .jam-jump{width:min(420px,100vw - 16px);max-height:calc(100svh - var(--dock,150px) - 96px);top:calc(100% + 22px);left:50%;translate:-50%}.jam.rows .g-part-you:has(.jam-jump-line[hidden]){display:none}.jam.rows .jam-jump-line{min-height:44px}@media (prefers-reduced-motion:reduce){.jam .jam-jump-mark svg{transition: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-y:.02;width:calc(1.1 * var(--centre,54px));pointer-events:none;height:auto;transform-origin:var(--mark-origin);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 .s-card .slider{cursor:default;flex:1 1 0;align-content:start;justify-items:center;gap:2px;min-width:0;display:grid;position:relative}.jam.solar .s-card .slider .slider-head{text-align:center;flex-direction:column;order:2;align-items:center;gap:0;line-height:1rem}.jam.solar .s-card .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 .s-card .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 .s-card .knob-mark{rotate:var(--angle);pointer-events:none;position:absolute;inset:0}.jam.solar .s-card .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 .s-card .knob-dial:hover .knob-mark:after,.jam.solar .s-card .knob-dial.turning .knob-mark:after{background:var(--accent)}.jam.solar .s-card .slider input{opacity:0;pointer-events:none;width:44px;height:44px;margin:0 0 0 -22px;position:absolute;top:0;left:50%}.jam.solar .s-card .slider:has(input:focus-visible) .knob-dial{outline:1px solid var(--accent);outline-offset:2px}.jam.solar .s-card .slider:has(input:disabled) .knob-dial{opacity:.35;cursor:default}.jam.solar .s-card .master-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jam.solar .s-card .pulse-sliders{flex-wrap:nowrap;gap:8px}.jam.solar .s-card .room-side{gap:var(--card-gap) 4px;grid-template-columns:repeat(4,minmax(0,1fr))}.jam.solar .s-card .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%;display:flex}.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;display:grid}.jam .lean-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jam .lean-value{text-align:right;white-space:nowrap;color:var(--ink-dim)}.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 .s-card .lean-rows{grid-template-columns:minmax(0,1fr)}.jam.solar .s-card .lean-track input{height:24px}