@font-face{font-family:Pixel;font-style:normal;font-weight:400;font-display:block;src:url(./fusion-pixel-12px-proportional-sc-latin-400-normal-Xmey3kyP.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#fff;--surface:#f5f5f5;--surface-2:#ebebeb;--surface-3:#dedede;--line:#dcdcdc;--line-strong:#b8b8b8;--text:#111;--text-2:#5c5c5c;--text-3:#8f8f8f;--ink:#111;--ink-hover:#333;--ink-text:#fff;--ink-soft:#bbb;--danger:#c62828;--danger-text:#fff;--cat-lead:#893b2f;--cat-lead-soft:#eee4e2;--cat-keys:#89652f;--cat-keys-soft:#eee9e2;--cat-bass:#2f894d;--cat-bass-soft:#e2eee6;--cat-chords:#2f6489;--cat-chords-soft:#e2e9ee;--cat-synth:#552f89;--cat-synth-soft:#e7e2ee;--cat-fx:#892f6b;--cat-fx-soft:#eee2ea;--cat-drums:#5c5c5c;--cat-drums-soft:#e8e8e8;--backdrop:rgba(0,0,0,.3);--backdrop-soft:rgba(0,0,0,.08);--shadow:0 .5rem 1.5rem rgba(0,0,0,.12);--font:"Pixel", "PingFang SC", "Microsoft YaHei", sans-serif;--fs-s:12px;--fs-m:18px;--fs-l:24px;--fs-xl:36px;--gap-xs:.25rem;--gap-s:.5rem;--gap-m:.75rem;--gap-l:1.25rem;--gap-xl:2rem;--radius-s:.375rem;--radius-m:.75rem;--radius-l:1.125rem;--touch:2.75rem;--topbar:3.5rem;--track-col:4.5rem;--cell-h:4.75rem;--head-h:3rem;--z-content:1;--z-sticky:10;--z-panel:30;--z-popover:40;--z-modal:50;--z-toast:60;--safe-t:0px;--safe-b:0px;--safe-l:0px;--safe-r:0px}@supports (padding:env(safe-area-inset-top)){:root{--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:var(--fs-m);-webkit-font-smoothing:none;-webkit-text-size-adjust:100%;user-select:none;touch-action:manipulation;overscroll-behavior:none;margin:0;line-height:1.5;overflow:hidden}html{font-size:16px}input,textarea{user-select:text}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:none;margin:0;padding:0}button:focus,input:focus,a:focus{outline:none}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin:0;font-weight:400}h1,h2,h3{line-height:1.25}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}::-webkit-scrollbar-track{background:0 0}#app{padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.icon{shape-rendering:crispedges;fill:currentColor;flex:none;display:block}.grow{flex:1;min-width:0}.center{text-align:center}.start-self{align-self:flex-start}.topbar{height:var(--topbar);padding:0 var(--gap-m);border-bottom:2px solid var(--ink);background:var(--bg);z-index:var(--z-sticky);flex:none;align-items:center;display:flex;position:relative}.topbar-side{flex:1;align-items:center;min-width:0;display:flex}.topbar-side>*+*{margin-left:var(--gap-s)}.topbar-side.end{justify-content:flex-end}.topbar-mid{margin:0 var(--gap-s);flex:none;align-items:center;display:flex}.topbar-mid>*+*,.topbar-side>.topbar-title{margin-left:var(--gap-s)}.topbar-title{font-size:var(--fs-m);word-break:break-all;line-height:1.25}.btn{min-height:var(--touch);padding:0 var(--gap-l);border-radius:var(--radius-m);background:var(--surface-2);color:var(--text);white-space:nowrap;justify-content:center;align-items:center;transition:background .12s;display:inline-flex}.btn>.icon{margin-right:var(--gap-s)}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--ink);color:var(--ink-text)}.btn.primary:hover{background:var(--ink-hover)}.btn.danger{background:var(--danger);color:var(--danger-text)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--surface)}.btn:disabled{opacity:.4;cursor:default}.btn.block{width:100%}.ibtn{width:var(--touch);height:var(--touch);border-radius:var(--radius-m);color:var(--text);flex:none;justify-content:center;align-items:center;display:inline-flex}.ibtn:hover{background:var(--surface)}.ibtn.on{background:var(--ink);color:var(--ink-text)}.ibtn:disabled{opacity:.3;cursor:default}.ibtn.big{width:3.25rem;height:3.25rem}.chip{min-height:2.5rem;padding:0 var(--gap-m);border-radius:var(--radius-m);background:var(--surface-2);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.chip>.icon{margin-right:var(--gap-s)}.chip>.icon:last-child{margin-right:0;margin-left:var(--gap-s)}.chip.on{background:var(--ink);color:var(--ink-text)}.toggle{background:var(--surface-3);border-radius:1rem;flex:none;width:3.25rem;height:2rem;transition:background .15s;position:relative}.toggle:after{content:"";background:var(--bg);-webkit-transition:-webkit-transform .15s;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .15s;position:absolute;top:.25rem;left:.25rem}.toggle.on{background:var(--ink)}.toggle.on:after{transform:translate(1.25rem)}.seg{background:var(--surface-2);border-radius:var(--radius-m);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;padding:.25rem;display:flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{min-height:2.5rem;padding:0 var(--gap-m);border-radius:var(--radius-s);color:var(--text-2);white-space:nowrap;text-align:center;flex:1 0 auto}.seg button+button{margin-left:.25rem}.seg button.on{background:var(--ink);color:var(--ink-text)}.slider-row{align-items:center;display:flex}.slider-row input[type=range]{flex:1;min-width:0}.slider-row .numfield{width:4.25rem;margin-left:var(--gap-m);flex:none}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:var(--touch);touch-action:pan-y;background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--surface-3);border-radius:.2rem;height:.375rem}input[type=range]::-moz-range-track{background:var(--surface-3);border-radius:.2rem;height:.375rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:none;border-radius:.25rem;width:1.25rem;height:1.25rem;margin-top:-.4375rem}input[type=range]::-moz-range-thumb{background:var(--ink);border:none;border-radius:.25rem;width:1.25rem;height:1.25rem}.numfield{border-radius:var(--radius-s);border:2px solid var(--line);background:var(--bg);text-align:center;width:100%;min-height:2.5rem;padding:0 .25rem}.numfield:focus,.textfield:focus{border-color:var(--ink)}.textfield{width:100%;min-height:var(--touch);border-radius:var(--radius-m);border:2px solid var(--line);background:var(--bg);padding:0 var(--gap-m)}.group{background:var(--surface);border-radius:var(--radius-l);padding:var(--gap-m) var(--gap-l);flex-direction:column;display:flex}.group>*+*{margin-top:var(--gap-m)}.row{min-height:var(--touch);align-items:center;display:flex}.row>*+*{margin-left:var(--gap-m)}.row-label{flex-direction:column;flex:1;min-width:0;line-height:1.5;display:flex}.row-desc{font-size:var(--fs-s);color:var(--text-2)}.field-label{color:var(--text-2);font-size:var(--fs-s)}.divider{background:var(--line);height:2px;margin:0 calc(-1 * var(--gap-l))}.divider.flat{margin:0}.row-end{margin:calc(-1 * var(--gap-xs));flex-wrap:wrap;justify-content:flex-end;display:flex}.row-end>*{margin:var(--gap-xs)}.row-end.start{justify-content:flex-start}.pill-grid{margin:calc(-1 * var(--gap-xs));flex-wrap:wrap;display:flex}.pill-grid>*{margin:var(--gap-xs)}.pill{min-height:2.5rem;padding:0 var(--gap-m);background:var(--bg);border:2px solid var(--line);white-space:nowrap;border-radius:999px}.pill:hover{border-color:var(--ink)}.pill.on{background:var(--ink);border-color:var(--ink);color:var(--ink-text)}.list{flex-direction:column;display:flex}.list>*+*{margin-top:var(--gap-xs)}.list-row{min-height:var(--touch);padding:var(--gap-xs) var(--gap-s) var(--gap-xs) var(--gap-m);border-radius:var(--radius-m);background:var(--surface);flex-wrap:wrap;align-items:center;width:100%;display:flex}.list-row>*+*{margin-left:var(--gap-s)}.list-main{word-break:break-all;flex-direction:column;flex:8rem;min-width:0;display:flex}.list-row .btn{padding:0 var(--gap-m)}.list-actions{display:flex;margin-left:auto!important}.list-actions>*+*{margin-left:var(--gap-s)}.list-row.pick.on{background:var(--ink);color:var(--ink-text)}.check{border-radius:var(--radius-s);border:2px solid;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.panel-backdrop{z-index:var(--z-panel);background:var(--backdrop-soft);position:fixed;top:0;bottom:0;left:0;right:0}.panel{z-index:var(--z-panel);top:var(--topbar);top:calc(var(--safe-t) + var(--topbar));background:var(--bg);border-left:2px solid var(--ink);width:30rem;max-width:100%;box-shadow:var(--shadow);flex-direction:column;animation:.16s ease-out panel-in;display:flex;position:fixed;bottom:0;right:0}@-webkit-keyframes panel-in{0%{opacity:0;-webkit-transform:translate(2rem)}}@keyframes panel-in{0%{opacity:0;transform:translate(2rem)}}.panel-head{padding:var(--gap-m) var(--gap-m) var(--gap-m) var(--gap-l);border-bottom:2px solid var(--line);flex:none;align-items:center;display:flex}.panel-head>*+*{margin-left:var(--gap-s)}.panel-title{font-size:var(--fs-l);flex:1}.panel-tabs{padding:var(--gap-m) var(--gap-l) 0;flex:none}.panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:var(--gap-l) var(--gap-l) var(--gap-xl);padding-bottom:calc(var(--gap-xl) + var(--safe-b));flex:1;overflow-y:auto}.panel-body>*+*{margin-top:var(--gap-l)}.panel-foot{padding:var(--gap-m) var(--gap-l);padding-bottom:calc(var(--gap-m) + var(--safe-b));border-top:2px solid var(--line);background:var(--bg);flex:none;display:flex}.modal-backdrop{z-index:var(--z-modal);background:var(--backdrop);padding:var(--gap-l);padding-top:calc(var(--gap-l) + var(--safe-t));padding-bottom:calc(var(--gap-l) + var(--safe-b));justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--bg);border:2px solid var(--ink);border-radius:var(--radius-l);width:34rem;max-width:100%;max-height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.modal.wide{width:52rem}.modal.fixed{height:38rem}.modal-head{padding:var(--gap-m) var(--gap-m) var(--gap-m) var(--gap-l);border-bottom:2px solid var(--line);flex:none;align-items:center;display:flex}.modal-title{font-size:var(--fs-l);flex:1}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:var(--gap-l);flex:1;overflow-y:auto}.modal-body>*+*{margin-top:var(--gap-l)}.modal-foot{padding:var(--gap-m) var(--gap-l);border-top:2px solid var(--line);background:var(--bg);flex:none;justify-content:flex-end;display:flex}.modal-foot>*+*{margin-left:var(--gap-m)}.popover{z-index:var(--z-popover);background:var(--bg);border:2px solid var(--ink);border-radius:var(--radius-m);min-width:13rem;max-width:94vw;box-shadow:var(--shadow);flex-direction:column;padding:.375rem;display:flex;position:fixed}.popover-title{padding:.25rem var(--gap-m);color:var(--text-2);font-size:var(--fs-s)}.popover-pad{padding:0 .25rem .25rem}.menu-item{min-height:var(--touch);padding:0 var(--gap-m);border-radius:var(--radius-s);text-align:left;white-space:nowrap;align-items:center;display:flex}.menu-item>.icon{margin-right:var(--gap-m)}.menu-item:hover{background:var(--surface)}.menu-item.danger{color:var(--danger)}.menu-item:disabled{opacity:.35;cursor:default}.menu-sep{background:var(--line);height:2px;margin:.25rem 0}.opts{padding:var(--gap-s);flex-direction:column;width:22rem;max-width:88vw;display:flex}.opts>*+*{margin-top:var(--gap-m)}.toast{z-index:var(--z-toast);left:50%;bottom:var(--gap-xl);bottom:calc(var(--gap-xl) + var(--safe-b));background:var(--ink);max-width:92vw;color:var(--ink-text);border-radius:var(--radius-m);padding:var(--gap-s) var(--gap-s) var(--gap-s) var(--gap-l);min-height:var(--touch);box-shadow:var(--shadow);align-items:center;display:flex;position:fixed;transform:translate(-50%)}.toast .btn{min-height:2.25rem;margin-left:var(--gap-m);background:var(--ink-hover);color:var(--ink-text)}.home{flex-direction:column;flex:1;min-height:0;display:flex}.home-logo{border-radius:var(--radius-s);flex:none;width:2rem;height:2rem}.home-bar{padding:var(--gap-m) var(--gap-l) 0;flex:none}.home-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:var(--gap-l) var(--gap-l) var(--gap-xl);padding-bottom:calc(var(--gap-xl) + var(--safe-b));flex:1;overflow-y:auto}.gb{align-items:center;display:flex}.gb-plus{width:var(--touch);height:var(--touch);border-radius:var(--radius-m);background:var(--ink);color:var(--ink-text);margin-right:var(--gap-s);flex:none;justify-content:center;align-items:center;display:flex}.gb-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.gb-scroll::-webkit-scrollbar{display:none}.gb-item{min-height:var(--touch);padding:0 var(--gap-m);border-radius:var(--radius-m);background:var(--surface-2);color:var(--text-2);white-space:nowrap;flex:none;align-items:center;display:flex}.gb-item+.gb-item{margin-left:var(--gap-s)}.gb-item.on{background:var(--ink);color:var(--ink-text)}.gb-count{font-size:var(--fs-s);margin-left:var(--gap-s);opacity:.7}.cards{margin:calc(-1 * var(--gap-s));flex-wrap:wrap;display:flex}.card{width:100%;margin:var(--gap-s);background:var(--surface);border-radius:var(--radius-l);padding:var(--gap-l);text-align:left;border:2px solid transparent;flex-direction:column;min-height:10rem;display:flex;position:relative}.card>*+*{margin-top:var(--gap-xs)}.card:hover{border-color:var(--ink)}@media (min-width:520px){.card{width:calc(50% - 1rem)}}@media (min-width:820px){.card{width:calc(33.333% - 1rem)}}@media (min-width:1100px){.card{width:calc(25% - 1rem)}}@media (min-width:1500px){.card{width:calc(20% - 1rem)}}.card-hit{border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0;margin:0!important}.card-name{font-size:var(--fs-l);word-break:break-all;padding-right:var(--touch);line-height:1.25}.card-meta{color:var(--text-2);font-size:var(--fs-s)}.card-badge{font-size:var(--fs-s);padding:0 var(--gap-s) 0 .25rem;border-radius:var(--radius-s);background:var(--ink);min-height:1.75rem;color:var(--ink-text);align-self:flex-start;align-items:center;display:inline-flex}.card-badge .icon{margin-right:.25rem}.card-more{position:absolute;top:.5rem;right:.5rem;margin:0!important}.card.new{background:var(--bg);border:2px dashed var(--line-strong);color:var(--text-2);justify-content:center;align-items:center}.card.new:hover{border-color:var(--ink);color:var(--text)}.card-preview{padding-top:var(--gap-s);align-items:flex-end;height:2.5rem;display:flex;margin-top:auto!important}.card-preview span{background:var(--ink);flex:1}.card-preview span+span{margin-left:2px}.empty{color:var(--text-2);padding:var(--gap-xl) 0}.btn.outline{background:var(--bg);border:2px solid var(--text-3)}.btn.outline:hover{background:var(--surface);border-color:var(--text)}.nav-btn{text-align:left;justify-content:flex-start}.nav-btn>.icon:last-child{margin-right:0;margin-left:var(--gap-s)}.swatches{margin:0 calc(-1 * var(--gap-s));flex-wrap:wrap;display:flex}.swatch{width:5.5rem;margin:var(--gap-s);color:var(--text-2);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex}.swatch-face{border-radius:var(--radius-m);border:2px solid;width:5.5rem;height:3.75rem;display:block;position:relative;overflow:hidden}.swatch.on .swatch-face{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--ink)}.swatch-bar{width:100%;height:.875rem;position:absolute;top:0;left:0}.swatch-line{width:2.75rem;height:.375rem;position:absolute;top:1.375rem;left:.5rem}.swatch-line.short{width:1.75rem;top:2.125rem}.swatch-dot{border-radius:999px;width:1.25rem;height:1.25rem;position:absolute;bottom:.5rem;right:.5rem}.swatch-name{margin-top:var(--gap-s);font-size:var(--fs-s);line-height:1.4}.swatch.on .swatch-name{color:var(--text)}.credit{align-items:center;display:flex}.credit-avatar{border-radius:var(--radius-s);object-fit:cover;width:48px;height:48px;margin-right:var(--gap-m);flex:none}.credit-text{font-size:var(--fs-s);flex-direction:column;line-height:1.5;display:flex}.credit-text a{text-decoration:underline}.credits-item{font-size:var(--fs-s);flex-direction:column;line-height:1.5;display:flex}.credits-item .title{font-size:var(--fs-m)}.credits-item a,.credits-item .src{color:var(--text-2);word-break:break-all}.song,.editor{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.arr{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.arr-side{width:var(--track-col);z-index:3;background:var(--bg);flex-direction:column;flex:none;display:flex}.arr-corner{height:var(--head-h);border-bottom:2px solid var(--ink);border-right:2px solid var(--ink);color:var(--text-2);font-size:var(--fs-s);flex:none;justify-content:center;align-items:center;display:flex}.arr-side-clip{flex:1;min-height:0;overflow:hidden}.arr-track{height:var(--cell-h);border-right:2px solid var(--ink);border-bottom:2px solid var(--line);background:var(--bg);justify-content:center;align-items:center;display:flex}.arr-main{flex-direction:column;flex:1;min-width:0;display:flex}.arr-heads-clip{height:var(--head-h);border-bottom:2px solid var(--ink);flex:none;overflow:hidden}.arr-heads{height:100%;display:flex}.arr-head{border-right:2px solid var(--line);height:100%;padding:0 .25rem 0 var(--gap-m);color:var(--text-2);text-align:left;cursor:pointer;flex:none;align-items:center;display:flex}.arr-head .label{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex;overflow:hidden}.arr-head .chords{font-size:var(--fs-s);color:var(--text-3);white-space:nowrap}.arr-head.sel{background:var(--ink);color:var(--ink-text)}.arr-head.sel .chords{color:var(--ink-soft)}.arr-head .ibtn{width:2.25rem;height:2.25rem;color:inherit}.arr-head .ibtn:hover{background:var(--backdrop-soft)}.arr-add-sec{flex:none;justify-content:center;align-items:center;height:100%;display:flex}.arr-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.arr-content{padding-bottom:var(--gap-xl);position:relative}.arr-row{display:flex}.arr-cell{height:var(--cell-h);border-right:2px solid var(--line);border-bottom:2px solid var(--line);background:var(--bg);cursor:pointer;flex:none;position:relative}.arr-cell.tail{cursor:default;border-right:none}.arr-cell.sel{background:var(--surface)}.arr-cell.picked{background:var(--surface-2);box-shadow:inset 0 0 0 3px var(--ink)}.arr-cell canvas{width:calc(100% - .75rem);height:calc(100% - .75rem);position:absolute;top:.375rem;left:.375rem}.arr-cell .add{color:var(--line-strong);opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.arr-cell:hover .add{opacity:1}@media (hover:none){.arr-cell .add{opacity:1}}.arr-add-row{height:var(--cell-h);width:100%;padding:0 var(--gap-l);color:var(--text-3);border-bottom:2px dashed var(--line);align-items:center;display:flex}.arr-add-row .icon{margin-right:var(--gap-s)}.arr-add-row:hover{color:var(--text);background:var(--surface)}.playhead{background:var(--ink);z-index:1;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.cat-lead{--cat:var(--cat-lead);--cat-soft:var(--cat-lead-soft)}.cat-keys{--cat:var(--cat-keys);--cat-soft:var(--cat-keys-soft)}.cat-bass{--cat:var(--cat-bass);--cat-soft:var(--cat-bass-soft)}.cat-chords{--cat:var(--cat-chords);--cat-soft:var(--cat-chords-soft)}.cat-synth{--cat:var(--cat-synth);--cat-soft:var(--cat-synth-soft)}.cat-fx{--cat:var(--cat-fx);--cat-soft:var(--cat-fx-soft)}.cat-drums{--cat:var(--cat-drums);--cat-soft:var(--cat-drums-soft)}.inst-badge{border:2px solid var(--cat,var(--ink));background:var(--cat-soft,var(--bg));width:3.25rem;height:3.25rem;color:var(--cat,var(--ink));border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.inst-badge.muted{opacity:.35}.tool-bar{padding:var(--gap-s) var(--gap-m);padding-bottom:calc(var(--gap-s) + var(--safe-b));border-top:2px solid var(--ink);background:var(--bg);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:none;align-items:center;display:flex;overflow-x:auto}.tool-bar::-webkit-scrollbar{display:none}.tool-bar>*+*{margin-left:var(--gap-s)}.chord-wrap{flex:none;position:relative}.chord-pop{width:100%;padding:var(--gap-s) var(--gap-m);background:var(--bg);border-top:2px solid var(--line);box-shadow:var(--shadow);z-index:var(--z-sticky);position:absolute;bottom:100%;left:0}.chord-pop-list{margin:calc(-1 * var(--gap-xs));flex-wrap:wrap;display:flex}.chord-pop-list>*{margin:var(--gap-xs)}.chord-now{padding:0 var(--gap-s);flex:none;font-weight:400}.prep-line{min-height:1.5em}.roll-wrap{touch-action:none;flex:1;min-height:0;position:relative}.roll-wrap canvas{width:100%;height:100%;position:absolute;top:0;left:0}.inst-cat h3{font-size:var(--fs-l);margin-bottom:var(--gap-m)}.inst-grid{margin:calc(-1 * var(--gap-xs));flex-wrap:wrap;display:flex}.inst-item{width:100%;margin:var(--gap-xs);background:var(--surface);border-radius:999px;align-items:stretch;min-height:3.25rem;display:flex}@media (min-width:420px){.inst-item{width:calc(50% - .5rem)}}.inst-item.sel{background:var(--ink);color:var(--ink-text)}.inst-item .inst-icon{border:2px solid var(--cat,var(--ink));background:var(--cat-soft,var(--bg));width:3.25rem;height:3.25rem;color:var(--cat,var(--ink));border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.inst-item.sel .inst-icon{border-color:var(--ink-text)}.inst-item .inst-icon.loading .icon{animation:.8s steps(2,end) infinite inst-blink}@keyframes inst-blink{to{opacity:.2}}.inst-item .inst-icon.previewing{background:var(--cat,var(--ink));color:var(--bg)}.inst-item .inst-name{text-align:left;min-width:0;padding:0 var(--gap-s) 0 var(--gap-m);word-break:break-all;flex:1;line-height:1.25}.inst-item .fav{width:2.75rem;color:var(--text-3);flex:none;justify-content:center;align-items:center;display:flex}.inst-item .fav.on{color:currentColor}.inst-item.sel .fav{color:var(--ink-soft)}.inst-item.sel .fav.on{color:var(--ink-text)}.mix-track{background:var(--surface);border-radius:var(--radius-l);padding:var(--gap-m) var(--gap-l)}.mix-head{margin-bottom:var(--gap-s);align-items:center;display:flex}.mix-head>*+*{margin-left:var(--gap-m)}.mix-head .name{word-break:break-all;flex:1;min-width:0}.mix-head .inst-badge{width:2.75rem;height:2.75rem}.mix-row{align-items:center;display:flex}.mix-row .field-label{flex:none;width:4.5rem}.mix-slider{flex:1;min-width:0}.prog-list,.chord-palette{margin:calc(-1 * var(--gap-xs));flex-wrap:wrap;display:flex}.prog{width:100%;margin:var(--gap-xs);text-align:left;padding:var(--gap-s) var(--gap-m);border-radius:var(--radius-m);background:var(--bg);border:2px solid var(--line);flex-direction:column;line-height:1.5;display:flex}@media (min-width:420px){.prog{width:calc(50% - .5rem)}}.prog:hover,.chord-btn:hover{border-color:var(--ink)}.prog.on,.chord-btn.on{border-color:var(--ink);background:var(--ink);color:var(--ink-text)}.slots{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:.25rem;display:flex;overflow-x:auto}.slot{min-width:4rem;padding:var(--gap-s) var(--gap-m);border-radius:var(--radius-m);background:var(--bg);border:2px solid var(--line);text-align:center;white-space:nowrap;flex:none;line-height:1.5}.slot+.slot{margin-left:var(--gap-s)}.slot.on{border-color:var(--ink)}.chord-btn{width:calc(25% - .5rem);margin:var(--gap-xs);padding:var(--gap-s) .25rem;border-radius:var(--radius-m);background:var(--bg);border:2px solid var(--line);flex-direction:column;align-items:center;line-height:1.5;display:flex}.progress{background:var(--surface-2);border-radius:.375rem;height:.75rem;overflow:hidden}.progress>div{background:var(--ink);height:100%;transition:width .15s}@media (max-width:640px){:root{--track-col:3.75rem;--cell-h:4.25rem}.arr-track .inst-badge{width:2.75rem;height:2.75rem}.topbar{padding:0 var(--gap-s)}.home-bar,.home-body{padding-left:var(--gap-m);padding-right:var(--gap-m)}}@media (max-width:480px){.hide-narrow{display:none!important}.topbar{justify-content:space-between}.topbar-side{flex:none}.topbar-side>*+*,.topbar-mid>*+*{margin-left:0}.topbar-mid{margin:0 .125rem}.topbar .ibtn{width:2.5rem;height:2.5rem}.topbar .ibtn.big{width:2.75rem;height:2.75rem}.topbar .btn{padding:0 var(--gap-s)}}