:root{--bg:#eef0f5;--surface:#fbfcfe;--ink:#151827;--muted:#596079;--line:#d6dae5;--well:#e2e5ee;--accent:#e0521b;--accent-ink:#fff;--accent-soft:#fbe2d6;--c-intro:#5d7fb8;--c-groove:#2f9a8a;--c-build:#e09a1b;--c-drop:#e0521b;--c-break:#8a6fc0;--c-outro:#7b8197;--f-display:"Dela Gothic One","Hiragino Sans","Yu Gothic",sans-serif;--f-body:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10121b;--surface:#181b27;--ink:#e8eaf3;--muted:#959cb5;--line:#2a2e41;--well:#232739;--accent:#ff6a2c;--accent-ink:#1a0d06;--accent-soft:#3a2117;--c-intro:#6f93d0;--c-groove:#3db3a1;--c-build:#f0ab2a;--c-drop:#ff6a2c;--c-break:#a287dc;--c-outro:#8e94ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#10121b;--surface:#181b27;--ink:#e8eaf3;--muted:#959cb5;--line:#2a2e41;--well:#232739;--accent:#ff6a2c;--accent-ink:#1a0d06;--accent-soft:#3a2117;--c-intro:#6f93d0;--c-groove:#3db3a1;--c-build:#f0ab2a;--c-drop:#ff6a2c;--c-break:#a287dc;--c-outro:#8e94ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 40px;font-size:14.5px;line-height:1.6}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}.wrap{max-width:1180px;margin:0 auto}button{font:inherit;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.top{top:env(safe-area-inset-top,0px);z-index:6;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding-block:10px;display:flex;position:sticky}.brand{font-family:var(--f-display);letter-spacing:.02em;margin-right:4px;font-size:18px}.brand small{font-family:var(--f-mono);color:var(--muted);letter-spacing:.06em;margin-left:6px;font-size:11px}.tabs{border:1px solid var(--line);background:var(--surface);border-radius:8px;display:flex;overflow:hidden}.tabs button{cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 12px;font-size:13.5px;line-height:1.25}.tabs button small{font-family:var(--f-mono);color:var(--muted);font-size:10px;display:block}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.tabs button[aria-pressed=true] small{color:var(--bg);opacity:.75}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13.5px;font-weight:500}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.tbtn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:38px;height:34px;color:var(--ink);border-radius:7px;place-items:center;display:grid}.tbtn svg{fill:currentColor;width:15px;height:15px}.tbtn.play{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);width:46px}.tbtn.play .i-pause,.tbtn.play.on .i-play{display:none}.tbtn.play.on .i-pause{display:block}.showsel{align-items:center;gap:6px;display:inline-flex}.showsel .lab{color:var(--muted);font-size:12px}.showsel .seg button{font-family:var(--f-body);padding:4px 10px;font-size:12px}:root{--p-hook:#cf4f8b;--p-lead:#e0791b;--p-arp:#c99a12;--p-vox:#8a64c4;--p-chords:#3f9a4f;--p-pad:#2b9a8b;--p-bass:#3c6fc7}.dens{margin-top:8px;display:flex}.dens[hidden]{display:none}.dens-lab{z-index:2;width:var(--gut);background:var(--surface);color:var(--muted);flex-direction:column;flex:none;gap:2px;padding:0 6px 0 0;font-size:11px;display:flex;position:sticky;left:0}.dens-lab .term-link{color:var(--ink);text-align:left;margin-bottom:4px;font-size:11px;font-weight:700}.dens-lab .lg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dens-lab i{vertical-align:0;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.dens-area{background:var(--roll,var(--well));cursor:pointer;border-radius:6px;flex:none}.dens-area svg{display:block}.chip.autoplay{padding:5px 10px;font-size:12px}.loopcol{gap:14px;min-width:0;display:grid}.lp-top{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.lp-top .row{width:100%;margin-top:4px}.btn.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.progs{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.pcard{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.pcard b{font-size:14px}.pcard .cn{font-family:var(--f-mono);color:var(--muted);font-size:12px}.pcard[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.pcard:disabled{opacity:.45;cursor:not-allowed}.roll{background:var(--well);border-radius:8px;margin-top:10px;overflow:hidden}.roll svg{width:100%;height:120px;display:block}.cands{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:6px;display:grid}.cand{border:1px solid var(--line);cursor:pointer;text-align:left;color:var(--muted);background:0 0;border-radius:8px;padding:6px;font-size:12px}.cand svg{width:100%;height:44px;margin-bottom:4px;display:block}.cand[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dice{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.fold{border:1px solid var(--line);background:0 0;border-radius:8px;margin-top:8px}.fold summary{cursor:pointer;padding:7px 10px 7px 28px;font-size:13px;font-weight:500;list-style:none;position:relative}.fold summary::-webkit-details-marker{display:none}.fold summary:before{content:"";border:5px solid #0000;border-left:7px solid var(--muted);margin-top:-4px;transition:transform .15s;position:absolute;top:50%;left:11px}.fold[open] summary:before{transform:rotate(90deg)translate(2px,2px)}.fold summary:hover{color:var(--accent)}.fold ul{gap:6px;margin:0;padding:2px 12px 10px 28px;font-size:13px;line-height:1.6;display:grid}.fold li b{color:var(--ink);margin-right:8px;display:inline-block}.fold li{color:var(--muted)}.recipes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px;display:grid}.recipe{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;gap:3px;padding:9px 11px;display:grid}.recipe b{font-size:14px}.recipe span{color:var(--muted);font-size:12.5px;line-height:1.55}.recipe:hover{border-color:var(--accent)}.recipe-msg{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.recipe-msg:empty{display:none}.arr-body{-webkit-user-select:none;user-select:none}.ruler{touch-action:none}:root{--g-rhythm:#6b7fa8;--g-low:#2b9a8b;--g-harm:#4e9d52;--g-mel:#cf4f8b;--g-up:#d18b12;--g-edge:#8a7cc0;--g-mod:#7b8197;--g-dens:#596079}.trk.grp{height:15px;margin-top:5px}.trk.grp:first-child{margin-top:0}.trk.grp .trk-lab{letter-spacing:.06em;cursor:default;color:var(--gc);font-size:10px;font-weight:700;line-height:15px}.trk.grp .trk-cells{border-bottom:1px solid var(--gc);opacity:.45;flex:1;align-self:center;min-width:0;height:0}.trk .trk-lab{border-left:3px solid var(--gc,transparent);padding-left:5px}.pgroups{gap:8px;display:grid}.pgroup{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.pgroup>.gname{white-space:nowrap;width:6.4em;color:var(--gc);border-left:3px solid var(--gc);flex:none;padding-top:6px;padding-left:6px;font-size:11.5px;font-weight:700}.pgroup .chips{flex:1;min-width:0}.ruler:hover{background:var(--well);border-radius:3px}.cursor{border-left:1.5px dashed var(--accent);pointer-events:none;z-index:3;width:0;position:absolute;top:0;bottom:0}.cursor:before{content:"";border:6px solid #0000;border-top:8px solid var(--accent);position:absolute;top:0;left:-6px}.zoom{align-items:center;gap:6px;display:flex}.zoom button{padding:3px 8px;font-size:12px}.bpm{align-items:center;gap:6px;font-size:12.5px;display:flex}.bpm input[type=range]{width:120px}.bpm output{font-family:var(--f-mono);text-align:right;min-width:3ch}.cell2.na{opacity:.6;cursor:not-allowed;background:repeating-linear-gradient(45deg,var(--line) 0 2px,transparent 2px 5px)!important}.cell2.na:hover{outline:none}.cell2.busy{opacity:1;background:#d8433b!important}.cell2.warn{opacity:1;background:#e0a21b!important}.cell2.calm{opacity:.9}.term .use{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px;font-size:13px}.term .use b,.tip .use b{letter-spacing:.04em;opacity:.75;font-size:11px;font-weight:500;display:block}.tip .use{border-top:1px dashed;margin-top:6px;padding-top:6px}.btn:disabled{opacity:.45;cursor:default}.clock{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.beats{gap:4px;display:flex}.beats i{background:var(--well);border-radius:50%;width:9px;height:9px;display:block}.beats i.on{background:var(--accent)}.beats i.on:first-child{box-shadow:0 0 0 2px var(--accent-soft)}.term-link{color:inherit;text-underline-offset:3px;cursor:help;font:inherit;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.view[hidden]{display:none}h2.sec{font-family:var(--f-display);margin:22px 0 8px;font-size:17px;font-weight:400}.hint{color:var(--muted);margin:0;font-size:12.5px}.palette{flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;display:flex}#palette{flex-wrap:wrap;gap:6px;display:flex}.palette .lab{color:var(--muted);margin-right:4px;font-size:12.5px}.add{cursor:pointer;color:#fff;border:0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px 6px 8px;font-size:13px;font-weight:700;display:inline-flex}.add span{font-family:var(--f-mono);opacity:.85;font-weight:500}.lane-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:10px 10px 8px}.lane-scroll{overflow:auto hidden}.ruler{height:16px;font-family:var(--f-mono);color:var(--muted);font-size:10px;position:relative}.ruler span{border-left:1px solid var(--line);padding-left:3px;line-height:14px;position:absolute;top:0;transform:translate(-1px)}.lane{border-bottom:1px solid var(--line);align-items:flex-end;height:132px;display:flex;position:relative}.blk{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;justify-content:flex-end;height:100%;padding-right:2px;display:flex;position:relative}.blk .body{color:#fff;border-radius:5px 5px 0 0;flex-direction:column;justify-content:space-between;min-height:34px;padding:5px 6px;display:flex;overflow:hidden}.blk .nm{white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1.2}.blk .br{font-family:var(--f-mono);opacity:.9;white-space:nowrap;font-size:10px}.blk .tk{opacity:.92;max-height:3.75em;font-size:10px;line-height:1.25;overflow:hidden}.blk.sel .body{box-shadow:inset 0 0 0 2px var(--ink)}.blk.now .body{filter:brightness(1.12)}.blk.dragging{opacity:.75;z-index:3;cursor:grabbing}.insert{background:var(--ink);pointer-events:none;border-radius:2px;width:3px;display:none;position:absolute;top:0;bottom:0}.tbtn.off,.chip.off{visibility:hidden}.lab-a,.lab-b{grid-area:1/1}#followBtn,.lp-play{justify-items:center;display:inline-grid}.lab-b,.chip.follow.paused .lab-a,.lp-play.on .lab-a{visibility:hidden}.chip.follow.paused .lab-b,.lp-play.on .lab-b{visibility:visible}.chip.follow.paused{opacity:.6;border-style:dashed}.clock .pos{min-width:11.5em;display:inline-block}.head.paused{border-left:2px dashed var(--ink);opacity:.7;background:0 0;width:0}.head{background:var(--ink);pointer-events:none;z-index:4;width:2px;display:none;position:absolute;top:0;bottom:-1px}.lane-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin-top:8px;font-size:12px;display:flex}.lane-foot .toggle{color:var(--ink);font-size:12.5px}:root{--gut:96px}@media (width<=600px){:root{--gut:70px}}.arr-body{width:max-content;min-width:100%;position:relative}.ruler,.lane{margin-left:var(--gut)}.head{top:16px;bottom:0}.tracks{margin-top:6px}.tracks[hidden]{display:none}.trk{align-items:stretch;height:17px;display:flex}.trk.sep{margin-top:6px}.trk-lab{z-index:2;width:var(--gut);background:var(--surface);white-space:nowrap;text-overflow:ellipsis;color:var(--muted);cursor:help;border-radius:3px;flex:none;padding-right:6px;font-size:11px;line-height:17px;position:sticky;left:0;overflow:hidden}.trk-lab.trick{color:var(--muted);font-style:normal}.trk-lab.hit{background:var(--accent);color:var(--accent-ink)}.trk-cells{display:flex}.cell2{border-right:1px solid var(--surface);background:var(--well);opacity:.55;cursor:pointer;flex:none;height:13px;margin-top:2px}.cell2.on{opacity:1}.cell2.on.auto{background-image:repeating-linear-gradient(135deg,transparent 0 3px,color-mix(in srgb,var(--surface) 55%,transparent) 3px 5px)}.chip.auto[aria-pressed=true]{border-style:dashed}.cell2:hover{outline:2px solid var(--ink);outline-offset:-2px}.cell2.hit{opacity:1;filter:brightness(1.55)saturate(1.3);box-shadow:inset 0 0 0 2px var(--ink)}.trk-lab.hover{color:var(--ink);font-weight:700}.hov{z-index:21;pointer-events:none;background:var(--ink);color:var(--bg);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;line-height:1.45;position:fixed}.hov small{opacity:.75;font-size:11px;display:block}.genres{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;font-size:13px;display:flex}.genres.sub{border-left:3px solid var(--line);margin-top:6px;padding-left:12px}.genres.sub .chip{padding:3px 10px;font-size:12.5px}.genres .chip small{font-family:var(--f-mono);opacity:.75;margin-left:4px;font-size:10.5px}.cols{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;margin-top:16px;display:grid}@media (width<=820px){.cols{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:14px 16px}.insp-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatch{border-radius:3px;flex:none;width:14px;height:14px}.insp-head h3{margin:0;font-size:18px}.insp-head h3 small{font-family:var(--f-mono);color:var(--muted);margin-left:6px;font-size:11px;font-weight:500}.row{margin-top:12px}.row>.k{color:var(--muted);align-items:baseline;gap:6px;margin-bottom:5px;font-size:12px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:4px 11px;font-size:13px}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.seg{border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;font-family:var(--f-mono);background:0 0;border:0;padding:4px 12px;font-size:12.5px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.acts{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;display:flex}.term{position:sticky;top:96px}.term .k{font-family:var(--f-mono);color:var(--muted);letter-spacing:.06em;font-size:11px}.term h4{margin:4px 0 0;font-size:17px}.term h4 small{font-family:var(--f-mono);color:var(--muted);font-size:11px;font-weight:500;display:block}.term p{margin:8px 0 0;font-size:13.5px}.term a{color:var(--accent);font-size:12.5px}.sess{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;margin-top:16px;display:grid}@media (width<=820px){.sess{grid-template-columns:minmax(0,1fr)}}.pads{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.pad{color:#fff;cursor:pointer;text-align:left;opacity:.55;touch-action:manipulation;border:0;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:96px;padding:12px;display:flex;position:relative}.pad .pn{font-size:16px;font-weight:700}.pad .pk{font-family:var(--f-mono);opacity:.9;font-size:11px}.pad .ps{opacity:.95;font-size:11.5px}.pad.on{opacity:1;box-shadow:0 0 0 3px var(--ink)}.pad.queued{opacity:.9;animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{box-shadow:0 0 0 3px var(--accent)}}.hold{border:2px dashed var(--c-build);width:100%;min-height:110px;color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;text-align:center;background:0 0;border-radius:14px;place-items:center;margin-top:12px;padding:10px;display:grid}.hold b{font-size:18px;display:block}.hold small{color:var(--muted);font-size:12px}.hold.active{background:var(--c-build);color:#1b1206;border-style:solid}.hold.active small{color:#1b1206}.meter{justify-content:center;gap:4px;margin-top:6px;display:flex}.meter i{background:var(--well);border-radius:3px;width:22px;height:6px;display:block}.meter i.on{background:var(--c-drop)}.ctrl{gap:12px;display:grid}.ctrl label{color:var(--muted);margin-bottom:4px;font-size:12.5px;display:block}input[type=range]{width:100%;accent-color:var(--accent)}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.toggle input{accent-color:var(--accent);width:16px;height:16px}.rec{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rec .dot{background:var(--muted);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.rec .on .dot{background:#e5333b;animation:.8s steps(2,end) infinite blink}.reclog{color:var(--muted);word-break:break-all;min-height:1.5em;font-size:12px}.note{color:var(--muted);max-width:60em;margin-top:18px;font-size:12.5px}.tip{z-index:20;background:var(--ink);max-width:300px;color:var(--bg);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55;position:fixed;box-shadow:0 6px 24px #00000040}.tip h5{margin:0;font-size:15px}.tip h5 small{font-family:var(--f-mono);opacity:.7;font-size:10.5px;font-weight:500;display:block}.tip p{margin:6px 0 0}.tip .tip-acts{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.tip button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:3px 10px;font-size:12.5px}.tip a{color:inherit;opacity:.85;font-size:12px}.tip .done{opacity:.75;font-size:12px}@media (hover:none){.term-box{display:none!important}}.blk.joined{padding-right:0}.blk.link .body{border-left:2px dashed #ffffffbf;border-top-left-radius:0}@media (prefers-reduced-motion:reduce){.pad.queued,.rec .on .dot{animation:none}}.chips[hidden]{display:none!important}.banner{border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px;margin-top:10px;padding:10px 12px;font-size:13px}.banner[hidden]{display:none}.panel.soon{margin-top:16px}.panel.soon .sec{margin-top:0}.panel.soon .sec small{font-family:var(--f-mono);color:var(--muted);margin-left:8px;font-size:11px}.note a{color:var(--accent)}button,label.toggle,input[type=range]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.lane-scroll{touch-action:pan-x pan-y}[data-term]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tracks .cell2{width:var(--px)}.pad,.hold{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pad{touch-action:none}.pad.press{opacity:.95;box-shadow:0 0 0 3px var(--accent);transform:scale(.97)}.rec-lab{display:inline-grid}.rec .on .lab-a{visibility:hidden}.rec .on .lab-b{visibility:visible}.banner.sent{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.banner.sent[hidden]{display:none}html{scrollbar-gutter:stable}.labp{margin-top:14px}.lab-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.lab-toggles{flex-wrap:wrap;gap:6px 14px;margin:10px 0 2px;display:flex}.lab-sec{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.lab-sec h3{margin:0 0 2px;font-size:14px}.lab-row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.labp .k{color:var(--muted);margin:8px 0 4px;font-size:12px}.lab-row .k{margin:0}.lab-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lb{border:1px solid var(--line);border-left:4px solid var(--gc,var(--line));background:var(--surface);min-width:62px;min-height:52px;color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font:inherit;text-align:left;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.lb .lb-k{font-family:var(--f-mono);color:var(--muted);font-size:10.5px;font-weight:400}.lb.press{background:var(--well);transform:scale(.95)}.lb.off{opacity:.45;text-decoration:line-through}.lb.absent{opacity:.3}.lb.pend{outline:2px dashed var(--accent);outline-offset:1px}.lb.lit{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.lb.lit .lb-k{color:inherit}.lb.dis{opacity:.35;cursor:not-allowed}.xy{border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;background:linear-gradient(to right,#3c467859,transparent 70%),linear-gradient(to bottom,var(--accent-soft),transparent 75%),var(--well);border-radius:12px;height:180px;margin-top:6px;position:relative;overflow:hidden}.xy-l,.xy-t{color:var(--muted);pointer-events:none;font-size:11px;position:absolute}.xy-l{bottom:6px;left:8px}.xy-t{top:6px;right:8px}.xy-dot{background:var(--accent);width:26px;height:26px;box-shadow:0 0 0 5px var(--accent-soft);pointer-events:none;border-radius:50%;margin:-13px 0 0 -13px;position:absolute}.xy-dot.back{transition:left .45s ease-out,top .45s ease-out}.lab-keys{color:var(--muted);border-top:1px dashed var(--line);margin:12px 0 0;padding-top:8px;font-size:11.5px}.dropfx{pointer-events:none;z-index:30;opacity:0;background:radial-gradient(circle at 50% 65%,var(--c-drop),transparent 70%);position:fixed;inset:0}.dropfx.go{animation:.7s ease-out dropfx}.dropfx.go.big{animation:1.1s ease-out dropfxBig}.dropfx.go.calm{animation:.6s ease-out dropfxCalm}@keyframes dropfx{0%{opacity:.45}to{opacity:0}}@keyframes dropfxBig{0%{opacity:.75;transform:scale(1.05)}to{opacity:0;transform:none}}@keyframes dropfxCalm{0%{opacity:.15}to{opacity:0}}.meter.burst i{animation:.6s ease-out burst}.meter.burst.big i{animation:.9s ease-out burstBig}.meter.burst.calm i{animation:none}@keyframes burst{0%{background:var(--c-drop);transform:scale(1.8,2.4)}to{transform:none}}@keyframes burstBig{0%{background:var(--c-build);box-shadow:0 0 12px var(--c-drop);transform:scale(2.6,3.4)}to{transform:none}}