:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060b;--text:#e9edf7;--text-2:#b7bfd6;--muted:#8089a3;--line:#ffffff12;--line-2:#ffffff21;--glass:linear-gradient(180deg, #14172abd, #090b15b3);--glass-hi:inset 0 1px 0 #ffffff12, inset 0 0 0 1px #ffffff0b;--grad:linear-gradient(100deg, #5b7cff 0%, #a274ff 48%, #ff5bd2 100%);--hot:linear-gradient(100deg, #ff3d6a 0%, #ff7a3d 100%);--perfect:#4dffc3;--early:#4ab6ff;--late:#ffa63d;--miss:#ff3d5e;--wrong:#e14bff;--g-S:#ffd34d;--g-A:#4dffc3;--g-B:#4ab6ff;--g-C:#c9a2ff;--g-D:#ff6b7d;--ui:"Jost Variable", Jost, "Pretendard Variable", Pretendard, system-ui, sans-serif;--num:"Doto", "Jost Variable", monospace;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}.dt{font-family:var(--ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:15px;position:fixed;inset:0;overflow:hidden}:where(.dt) :where(button,input,select){font:inherit;color:inherit}:where(.dt) a{color:#9fb4ff}.dt-stage{touch-action:none;position:absolute;inset:0}.dt-gl,.dt-words{width:100%;height:100%;display:block;position:absolute;inset:0}.dt-words{pointer-events:none}.dt-nogl{text-align:center;background:var(--glass);max-width:440px;box-shadow:var(--glass-hi);border-radius:16px;gap:8px;padding:24px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.glass{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--glass-hi), 0 30px 80px #00000073;border-radius:18px}.ic{flex:none}.kbd{min-width:1.7em;height:1.7em;font:600 .72em/1 var(--ui);letter-spacing:.02em;color:var(--text-2);background:linear-gradient(#ffffff1a,#ffffff0a);border-radius:6px;place-items:center;padding:0 .42em;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff1f,0 1px #00000080}.btn{letter-spacing:.02em;cursor:pointer;isolation:isolate;height:48px;transition:transform .18s var(--ease), box-shadow .25s var(--ease), background .25s;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15.5px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn .kbd{margin-left:2px}.btn.sm{border-radius:10px;gap:7px;height:36px;padding:0 14px;font-size:14px}.btn:active{transform:translateY(1px)scale(.985)}.btn.primary{color:#fff;background:var(--grad);box-shadow:0 10px 34px -6px #a274ffa6,inset 0 1px #ffffff59}.btn.primary .kbd{color:#fff;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff40}.btn.primary:after{content:"";z-index:-1;transition:translate .7s var(--ease);background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;translate:-120%}.btn.primary:hover:after,.btn.primary:focus-visible:after{translate:120%}.btn.primary:hover{box-shadow:0 14px 44px -6px #ff5bd2b3,inset 0 1px #ffffff59}.btn.ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff0d}.btn.ghost:hover{background:#ffffff1a}.btn.danger{color:#fff;background:#c4304a}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.ib:focus-visible,.row:focus-visible,.seg button:focus-visible,.tg:focus-visible{outline-offset:2px;outline:2px solid #a8b6ff}.ib{width:40px;height:40px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff0d;border:0;border-radius:12px;place-items:center;transition:background .2s,color .2s;display:inline-grid}.ib:hover{color:#fff;background:#ffffff1c}.ib.sm{border-radius:9px;width:30px;height:30px}.link{color:#9fb4ff;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.seg{box-shadow:inset 0 0 0 1px var(--line);background:#00000052;border-radius:11px;gap:2px;padding:3px;display:inline-flex}.seg button{height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13.5px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.seg.sm button{height:28px;padding:0 10px;font-size:13px}.seg button:hover{color:#fff}.seg button.on{color:#fff;background:linear-gradient(#8c96ff52,#786eff2e);box-shadow:inset 0 0 0 1px #aab4ff73,0 0 18px -4px #8c82ffb3}.tg{width:44px;height:26px;box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;flex:none;transition:background .25s;position:relative}.tg i{width:20px;height:20px;transition:translate .3s var(--spring), background .25s;background:#cfd5e6;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000080}.tg.on{background:linear-gradient(90deg,#5b7cff,#a274ff);box-shadow:0 0 16px -3px #a274ffcc}.tg.on i{background:#fff;translate:18px}.sl{align-items:center;gap:10px;min-width:0;display:inline-flex}.sl input{appearance:none;cursor:pointer;background:0 0;width:170px;height:22px;margin:0}.sl input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #5b7cff, #a274ff var(--p), #ffffff1f var(--p));border-radius:9px;height:5px}.sl input::-moz-range-track{background:linear-gradient(90deg, #5b7cff, #a274ff var(--p), #ffffff1f var(--p));border-radius:9px;height:5px}.sl input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6.5px;box-shadow:0 0 0 4px #a274ff47,0 2px 8px #00000080}.sl input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #a274ff47}.sl output{min-width:4.4em;color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px}.lv{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.lv i{background:#ffffff29;border-radius:1px;width:3px}.lv i:first-child{height:40%}.lv i:nth-child(2){height:55%}.lv i:nth-child(3){height:70%}.lv i:nth-child(4){height:85%}.lv i:nth-child(5){height:100%}.lv i.on{background:linear-gradient(#ffd34d,#ff8a2a);box-shadow:0 0 6px #ffaa3c99}.gb{color:var(--gc,var(--muted));background:color-mix(in srgb, var(--gc,#fff) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gc,#fff) 40%, transparent);text-shadow:0 0 12px color-mix(in srgb, var(--gc,#fff) 70%, transparent);border-radius:9px;place-items:center;font-style:italic;font-weight:800;display:inline-grid}.gb.none{color:#fff3;box-shadow:inset 0 0 0 1px var(--line);text-shadow:none;background:#ffffff08}.gb-sm{border-radius:7px;width:26px;height:26px;font-size:15px}.gb-md{width:36px;height:36px;font-size:20px}.gb-lg{border-radius:16px;width:64px;height:64px;font-size:38px}.ttl{cursor:pointer;background:radial-gradient(70% 55% at 50% 42%,#05060b00 0%,#05060b8c 100%);grid-template-rows:1fr auto auto auto;justify-items:center;padding:0 24px 34px;display:grid;position:absolute;inset:0}.ttl-mark{text-align:center;align-self:center;justify-items:center;gap:18px;margin-top:-6vh;display:grid}.ttl-by{letter-spacing:.32em;text-transform:uppercase;color:var(--text-2);animation:rise 1.1s .15s var(--ease) both;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.ttl-name{letter-spacing:-.035em;gap:.03em;margin:0;font-size:clamp(54px,10.5vw,172px);font-style:italic;font-weight:800;line-height:.92;display:flex}.ttl-name .w1{color:#fff;text-shadow:0 0 28px #96aaff8c,0 0 90px #786eff59;animation:unblur 1.3s .25s var(--ease) both}.ttl-name .w2{background:linear-gradient(100deg,#8aa2ff 0%,#c58bff 30%,#ff6fd8 55%,#fff 62%,#ff6fd8 70%,#8aa2ff 100%) 0 0/260% 100%;color:#0000;filter:drop-shadow(0 0 26px #ff5bd273);animation:unblur 1.3s .42s var(--ease) both, sweep 5.5s 1.6s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;padding-right:.08em}.ttl-rule{width:min(560px,70vw);height:2px;animation:grow 1.2s .7s var(--ease) both;background:linear-gradient(90deg,#0000,#b4beffd9,#0000);box-shadow:0 0 18px #a274ffcc}.ttl-tag{letter-spacing:.04em;color:var(--text-2);animation:rise 1.1s .95s var(--ease) both;margin:0;font-size:clamp(16px,1.8vw,22px);font-weight:400}.ttl-go{cursor:pointer;animation:rise 1s 1.25s var(--ease) both, breathe 2.4s 2.2s ease-in-out infinite;background:#ffffff0a;border:0;border-radius:16px;justify-items:center;gap:6px;margin-bottom:26px;padding:14px 34px;display:grid;box-shadow:inset 0 0 0 1px #ffffff24,0 0 40px -10px #a274ffb3}.ttl-go span{letter-spacing:.34em;text-transform:uppercase;font-size:17px;font-weight:600}.ttl-go small{letter-spacing:.12em;color:var(--muted);font-size:12px}.ttl-feats{color:var(--muted);animation:rise 1s 1.45s var(--ease) both;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.ttl-feats li{align-items:center;gap:7px;display:inline-flex}.ttl-feats b{color:var(--text);font-weight:600}.ttl-back{font-size:13px;text-decoration:none;position:absolute;top:20px;left:22px;color:var(--muted)!important}.ttl-back:hover{color:var(--text)!important}@keyframes rise{0%{opacity:0;translate:0 18px}}@keyframes unblur{0%{opacity:0;filter:blur(18px);letter-spacing:.05em;translate:0 .12em}}@keyframes grow{0%{opacity:0;scale:0 1}}@keyframes sweep{0%,35%{background-position:100% 0}to{background-position:-60% 0}}@keyframes breathe{50%{box-shadow:inset 0 0 0 1px #ffffff3d,0 0 60px -6px #ff5bd2bf}}.sel{grid-template-columns:var(--lw,420px) minmax(0, 1fr) var(--dw,440px);pointer-events:none;transition:grid-template-columns .42s var(--ease);grid-template-rows:auto minmax(0,1fr);gap:14px;padding:14px 16px 16px;display:grid;position:absolute;inset:0}.sel.sizing{cursor:col-resize;transition:none}.sel>*{pointer-events:auto}.sel-top{height:46px;animation:rise .7s var(--ease) both;grid-column:1/-1;align-items:center;gap:22px;padding:0 4px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex;color:var(--text)!important}.wordmark{letter-spacing:-.01em;font-size:21px}.wordmark i{font-style:italic;font-weight:300}.wordmark b{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:700}.sel-stats{color:var(--muted);gap:18px;font-size:13px;display:flex}.sel-stats span{align-items:center;gap:6px;display:inline-flex}.sel-stats .hot{color:#ffb257}.kit-load{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:inline-flex}.kit-load i{background:linear-gradient(90deg,#5b7cff,#ff5bd2);border-radius:3px;width:80px;height:3px;transition:width .2s;display:block;box-shadow:0 0 10px #a274ffcc}.sel-keys{gap:8px;margin-left:auto;display:flex}.sel-list{min-height:0;animation:from-left .8s 50ms var(--ease) both;flex-direction:column;grid-area:2/1;padding:10px;display:flex;container:list/inline-size}.sel-tabs{box-shadow:inset 0 0 0 1px var(--line);background:#0000004d;border-radius:13px;grid-template-columns:auto auto repeat(4,minmax(0,auto));gap:3px;padding:4px;display:grid}.sel-tabs button{height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:baseline;gap:6px;font-size:14.5px;font-weight:600;transition:background .25s,color .25s;display:inline-flex}.sel-tabs button small{color:var(--muted);font-size:11px;font-weight:500}.sel-tabs button.on{color:#fff;background:linear-gradient(#ffffff21,#ffffff0d);box-shadow:inset 0 0 0 1px #ffffff24,0 6px 18px -8px #a274ffe6}.sel-filters{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-top:10px;display:grid;position:relative}.sel-search{height:36px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);background:#00000047;border-radius:10px;align-items:center;gap:8px;padding:0 8px 0 11px;display:flex}.sel-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.sel-search:focus-within{box-shadow:inset 0 0 0 1px #a274ff99}:where(.dt) select{height:36px;box-shadow:inset 0 0 0 1px var(--line);appearance:none;cursor:pointer;background:#00000047 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23aab' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") right 10px center no-repeat;border:0;border-radius:10px;padding:0 28px 0 11px;font-size:13.5px}:where(.dt) select option{background:#12141f}.sel-levels{gap:4px;margin:8px 0;display:flex}.sel-levels button{height:28px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff08;border:0;border-radius:8px;padding:0 9px}.sel-levels button.on{background:#ffb4461f;box-shadow:inset 0 0 0 1px #ffb44673}.sel-levels .sel-clear{color:var(--text-2);margin-left:auto;font-size:12.5px}.sel-rows{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;min-height:0;margin:8px -4px 0;padding:2px 4px 6px;overflow-y:auto}.sel-none{text-align:center;color:var(--muted);padding:30px 10px;font-size:14px}.yours-none{justify-items:center;gap:10px;padding:34px 18px;line-height:1.5;display:grid}.yours-none b{color:var(--text);font-size:16px}.yours-none span{max-width:34ch}.yours-none .btn{height:40px;margin-top:6px;font-size:14px;text-decoration:none}.row-item{animation:row-in .5s calc(var(--i) * 22ms + .15s) var(--ease) both;margin-bottom:4px;position:relative}.row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:7px 42px 7px 8px;transition:background .2s,box-shadow .25s;display:grid;position:relative}.row:hover{background:#ffffff0d}.row.on{background:linear-gradient(90deg,#7882ff33,#ff5bd214);box-shadow:inset 0 0 0 1px #aaa0ff66,0 10px 30px -14px #a274ffe6}.row.on:before{content:"";background:var(--grad);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:0;box-shadow:0 0 12px #ff5bd2e6}.row-thumb{height:36px;box-shadow:inset 0 0 0 1px var(--line);background:#00000059;border-radius:8px;overflow:hidden}.row-thumb .thumb{width:100%;height:100%;padding:2px 3px;display:block}.row-main{gap:2px;min-width:0;display:grid}.row-main b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.row-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.row-side{align-items:center;gap:10px;display:flex}@keyframes from-left{0%{opacity:0;translate:-40px}}@keyframes from-right{0%{opacity:0;translate:40px}}@keyframes row-in{0%{opacity:0;translate:-14px}}.sel-detail{min-width:0;min-height:0;animation:from-right .8s .1s var(--ease) both;flex-direction:column;grid-area:2/3;display:flex;overflow:hidden}.dt-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 18px 14px;display:flex;overflow-y:auto}.dt-head{gap:6px;display:grid;position:relative}.dt-kind{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-right:170px;font-size:11.5px;font-weight:600}.dt-head h2{letter-spacing:-.01em;margin:0;padding-right:150px;font-size:27px;font-weight:700;line-height:1.1}.dt-facts{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.stat{min-width:0;height:46px;box-shadow:inset 0 0 0 1px var(--line);background:#00000047;border-radius:11px;align-content:center;justify-items:center;gap:4px;display:grid}.stat b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700;line-height:1}.stat small{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;max-width:100%;color:var(--muted);font-size:9.5px;font-weight:600;overflow:hidden}.stat .lv{height:17px}.stat .lv i{width:4px}.dt-hear{height:32px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;background:#ffffff0d;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 8px 0 11px;font-size:13px;display:inline-flex;position:absolute;top:0;right:0}.dt-hear.on{color:#fff;background:#4dffc31f;box-shadow:inset 0 0 0 1px #4dffc380,0 0 22px -6px #4dffc3cc}.dt-drums{flex-wrap:wrap;gap:6px;display:flex}.drum-chip{height:28px;color:var(--text-2);background:color-mix(in srgb, var(--lc) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lc) 30%, transparent);border-radius:8px;align-items:center;gap:7px;padding:0 4px 0 9px;font-size:12.5px;display:inline-flex}.drum-chip i{background:var(--lc);width:7px;height:7px;box-shadow:0 0 8px var(--lc);border-radius:50%}.drum-chip .kbd{font-size:10.5px}.dt-tip{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.5}.dt-best{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;font-size:12.5px;display:flex}.dt-best b{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.dt-played{margin-left:auto}.opt{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:34px;display:flex}.opt-l{letter-spacing:.1em;text-transform:uppercase;width:72px;color:var(--muted);flex:none;font-size:12px;font-weight:600}.opt-v{color:var(--text-2);font-size:12.5px}.opt .sl input{width:140px}.tempo{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tempo b{text-align:center;font-variant-numeric:tabular-nums;min-width:58px;font-size:22px;font-weight:700}.tempo b small{letter-spacing:.1em;color:var(--muted);margin-left:3px;font-size:10.5px;font-weight:600}.tempo .sl{flex:1;min-width:60px}.tempo .sl input{width:100%}.opt-more{color:#9fb4ff;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12.5px}.dt-go{border-top:1px solid var(--line);background:linear-gradient(#ffffff06,#0000);flex:none;grid-template-columns:1fr 1.5fr;gap:10px;padding:12px 18px 16px;display:grid}.dt-go .btn{height:56px;font-size:17px}.pg{box-shadow:inset 0 0 0 1px var(--line);background:#00000052;border-radius:14px;padding:10px 10px 8px;position:relative}.pg-grid{align-items:center;gap:3px 0;display:grid}.pg-corner{height:14px}.pg-count{text-align:center;color:#ffffff47;font-variant-numeric:tabular-nums;border-radius:3px;height:14px;font-size:9.5px;transition:color .12s}.pg-count.beat{color:#ffffff8c}.pg-count.bar{color:#fff}.pg-count.now{color:#fff;background:#ffffff29}.pg-lane{letter-spacing:.06em;font-size:10px;font-weight:700}.pg-cell{border-left:1px solid #ffffff0a;height:16px;position:relative}.pg-cell.beat{border-left-color:#ffffff1f}.pg-cell.bar{border-left:1px solid #ffffff4d}.pg-cell.fill{background:#ff5bd20d}.pg-cell.now{background:#ffffff17}.pg-cell.hit:after{content:"";aspect-ratio:1;background:var(--lc);width:min(9px,72%);box-shadow:0 0 6px color-mix(in srgb, var(--lc) 70%, transparent);border-radius:50%;transition:scale .12s,box-shadow .12s;position:absolute;top:50%;left:50%;translate:-50% -50%}.pg-cell.hit.d1:after{opacity:.7;width:min(5px,50%)}.pg-cell.hit.d2:after{width:min(7px,60%)}.pg-cell.hit.d4:after{width:min(11px,86%);box-shadow:0 0 0 1.5px #ffffffd9, 0 0 10px var(--lc)}.pg-cell.hit.a-open:after{box-shadow:inset 0 0 0 2px var(--lc), 0 0 8px var(--lc);background:0 0}.pg-cell.hit.now:after{box-shadow:0 0 0 2px #fff, 0 0 16px var(--lc);scale:1.45}.pg-more{color:var(--muted);font-size:11px;position:absolute;bottom:-18px;right:10px}.hud{pointer-events:none;position:absolute;inset:0}.hud button{pointer-events:auto}.hud-top{animation:rise .8s .4s var(--ease) both;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:20px;padding:18px 24px 0;display:grid;position:absolute;top:0;left:0;right:0}.hud-item{text-shadow:0 2px 10px #000c;gap:3px;display:grid}.hud-kind{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.hud-item b{font-size:19px;font-weight:700}.hud-facts{color:var(--text-2);gap:16px;font-size:12.5px;display:flex}.hud-facts span{align-items:center;gap:4px;display:inline-flex}.hud-facts em{color:#fff;font-variant-numeric:tabular-nums;font-style:normal;font-weight:600}.hud-prog{background:#ffffff1a;border-radius:4px;width:min(34vw,460px);height:4px;margin-top:12px;position:relative}.hud-prog>span{transform-origin:0;background:var(--grad);border-radius:4px;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 14px #a274ffe6}.hud-pass{white-space:nowrap;letter-spacing:.06em;text-shadow:0 0 12px;animation:pass-chip 2.2s var(--ease) both;font-size:12.5px;font-style:normal;font-weight:600;position:absolute;top:12px;left:50%;translate:-50%}@keyframes pass-chip{0%{opacity:0;translate:-50% -6px}12%,80%{opacity:1;translate:-50%}to{opacity:0}}.hud-score{justify-self:end;justify-items:end;gap:4px;margin-right:50px;display:grid}.hud-score-n{font-family:var(--num);letter-spacing:.06em;white-space:pre;color:#fff;text-shadow:0 0 14px #a0b4ffb3,0 0 40px #786eff66;font-size:38px;font-weight:900;line-height:1}.hud-acc{font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000c;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.hud-grade{color:var(--gc,transparent);text-shadow:0 0 16px var(--gc,transparent);font-size:24px;font-style:italic;font-weight:800}.hud-listen{text-align:right;text-shadow:0 2px 10px #000c;justify-self:end;justify-items:end;gap:6px;margin-right:50px;display:grid}.hud-listen b{letter-spacing:.3em;text-transform:uppercase;color:#4dffc3;text-shadow:0 0 14px #4dffc3cc;font-size:13px}.hud-listen span{color:var(--text-2);font-size:13px}.hud-pause{position:absolute;top:18px;right:18px}.hud-combo{--tc:#5aa9ff;grid-template-rows:auto auto;grid-template-columns:96px auto;align-items:center;column-gap:14px;transition:opacity .3s;display:grid;position:absolute;top:92px;left:18px}.hud-combo svg{width:96px;height:96px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--tc) 70%, transparent));grid-area:1/1/3;rotate:-90deg}.hud-combo .track{fill:#05060b73;stroke:#ffffff1a;stroke-width:6px}.hud-combo .fill{fill:none;stroke:var(--tc);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .25s var(--ease), stroke .4s}.hud-mult{color:#fff;text-shadow:0 0 14px var(--tc);grid-area:1/1/3;justify-self:center;font-size:28px;font-style:italic;font-weight:800}.hud-combo-n{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 18px color-mix(in srgb, var(--tc) 80%, transparent), 0 4px 20px #0009;transform-origin:0 100%;grid-area:1/2;align-self:end;font-size:54px;font-style:italic;font-weight:800;line-height:.9}.hud-combo-l{letter-spacing:.32em;text-transform:uppercase;color:var(--text-2);grid-area:2/2;align-self:start;font-size:11px;font-weight:700}.hud-combo.zero .hud-combo-n{color:#ffffff59;text-shadow:none}.hud-combo.bump .hud-combo-n{animation:bump .22s var(--spring)}@keyframes bump{0%{scale:1.18}}.hud-meter{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:10.5px;font-weight:600;display:flex;position:absolute;top:46px;left:50%;translate:-50%}.hud-meter canvas{width:min(320px,50vw);height:38px}.hud:not(.side) .hud-combo{grid-template-columns:auto 96px;left:auto;right:18px}.hud:not(.side) .hud-combo svg,.hud:not(.side) .hud-mult{grid-column:2}.hud:not(.side) .hud-combo-n,.hud:not(.side) .hud-combo-l{grid-column:1;justify-self:end}.hud.side .hud-combo{left:auto;right:calc(100% - var(--wf-l) + 36px);top:calc(var(--line-y) * .48)}.hud.side .hud-meter{left:calc(var(--wf-r) + 26px);top:calc(var(--line-y) - 19px);gap:8px;translate:none}.hud.side .hud-meter canvas{width:clamp(110px, calc(100vw - var(--wf-r) - 170px), 260px)}.hud-count{color:#fff;text-shadow:0 0 40px #a0aaffd9,0 0 120px #a274ff8c;opacity:0;font-size:min(26vh,220px);font-style:italic;font-weight:800;line-height:1;position:absolute;top:40%;left:50%;translate:-50% -50%}.hud-count.go{animation:count .5s var(--ease) both}@keyframes count{0%{opacity:0;filter:blur(12px);scale:1.7}25%{opacity:1;filter:blur();scale:1}to{opacity:0;scale:.88}}.hud-pops{justify-items:center;display:grid;position:absolute;top:27%;left:50%;translate:-50% -50%}.pop{animation:pop 1.5s var(--ease) both;grid-area:1/1;justify-items:center;gap:2px;display:grid}.pop b{color:#fff;text-shadow:0 0 24px var(--pc), 0 0 70px var(--pc);font-size:66px;font-style:italic;font-weight:800;line-height:1}.pop span{letter-spacing:.4em;text-transform:uppercase;color:var(--pc);text-shadow:0 0 14px var(--pc);font-size:13px;font-weight:700}.pop-break b{color:#ffffffd9;font-size:40px}.pop-tempo b{font-size:48px}@keyframes pop{0%{opacity:0;filter:blur(10px);scale:.6}14%{opacity:1;filter:blur();scale:1.06}24%{scale:1}75%{opacity:1;translate:0 -10px}to{opacity:0;translate:0 -30px}}.hud-load{letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);justify-items:center;gap:10px;font-size:13px;display:grid;position:absolute;top:46%;left:50%;translate:-50% -50%}.hud-load i{background:#ffffff1a;border-radius:3px;width:220px;height:3px;display:block;overflow:hidden}.hud-load i span{background:var(--grad);width:8%;height:100%;transition:width .2s;display:block}.pause{pointer-events:auto;background:#03040966;place-items:center;animation:.25s both fade;display:grid;position:absolute;inset:0}.pause-card{width:min(360px,90vw);animation:card-in .4s var(--spring) both;gap:10px;padding:26px;display:grid}.pause-card h2{text-align:center;letter-spacing:.4em;text-transform:uppercase;margin:0 0 8px;font-size:15px;font-weight:700}.pause-card .btn{justify-content:flex-start}.pause-card .btn .kbd{margin-left:auto}.pause-hint{text-align:center;color:var(--muted);margin:6px 0 0;font-size:12px}@keyframes fade{0%{opacity:0}}@keyframes card-in{0%{opacity:0;translate:0 12px;scale:.92}}.res{background:radial-gradient(80% 70%,#05060b33,#05060bb3);place-items:center;padding:24px 16px;display:grid;position:absolute;inset:0;overflow-y:auto}.res-card{width:min(1000px,100%);animation:card-in .7s .15s var(--ease) both;gap:18px;padding:26px 28px 22px;display:grid}.res-head{gap:4px;display:grid}.res-kind{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.res-head h2{margin:0;font-size:26px;font-weight:700}.res-hero{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:26px;display:grid}.res-grade{place-items:center;height:180px;display:grid;position:relative}.res-grade b{color:var(--gc);text-shadow:0 0 30px color-mix(in srgb, var(--gc) 80%, transparent), 0 0 110px color-mix(in srgb, var(--gc) 55%, transparent);animation:stamp .75s .45s var(--spring) both;font-size:168px;font-style:italic;font-weight:900;line-height:1}.res-grade-ring{border:2px solid var(--gc);box-shadow:0 0 30px var(--gc), inset 0 0 30px var(--gc);opacity:0;animation:ring-out 1.1s .62s var(--ease) both;border-radius:50%;position:absolute;inset:8px 18px}.res-record{letter-spacing:.24em;text-transform:uppercase;color:#1a1204;animation:rise .6s 1.2s var(--spring) both;background:linear-gradient(90deg,#ffe58a,#ffb547);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;bottom:-2px;box-shadow:0 0 24px #ffc850cc}@keyframes stamp{0%{opacity:0;filter:blur(14px);scale:2.8}60%{opacity:1;filter:blur()}to{scale:1}}@keyframes ring-out{0%{opacity:.9;scale:.6}to{opacity:0;scale:1.5}}.res-nums{gap:14px;display:grid}.res-acc,.res-score{gap:2px;display:grid}.res-acc b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:58px;font-weight:700;line-height:1}.res-score b{font-family:var(--num);letter-spacing:.06em;color:#fff;text-shadow:0 0 14px #a0b4ff99;font-size:32px;font-weight:900}.res-acc span,.res-score span{color:var(--muted);font-size:13px}.res-acc em{font-style:normal}.res-bars{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.res-bar{box-shadow:inset 0 0 0 1px var(--line);background:#00000040;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;padding:12px;display:grid}.res-bar-l{letter-spacing:.14em;text-transform:uppercase;color:var(--vc);font-size:12px;font-weight:700}.res-bar b{font-variant-numeric:tabular-nums;justify-self:end;font-size:22px;font-weight:700}.res-bar-t{background:#ffffff14;border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.res-bar-t i{height:100%;width:var(--w);background:var(--vc);box-shadow:0 0 10px var(--vc);animation:bar-in .9s var(--d) var(--ease) both;transform-origin:0;display:block}@keyframes bar-in{0%{scale:0 1}}.res-grid{grid-template-columns:1.15fr 1fr .9fr;gap:14px;display:grid}.res-grid section{box-shadow:inset 0 0 0 1px var(--line);background:#00000040;border-radius:14px;padding:14px}.res-grid h3{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:11.5px;font-weight:700}.res-timing p{color:var(--muted);gap:2px;margin:10px 0 0;font-size:13px;display:grid}.res-timing b{color:var(--text);font-size:15px}.res-timing b.ok{color:var(--perfect)}.res-timing b.early,.res-drum em.early{color:var(--early)}.res-timing b.late,.res-drum em.late{color:var(--late)}.hist-bars{border-bottom:1px solid #ffffff1a;align-items:flex-end;gap:2px;height:84px;display:flex;position:relative}.hist-bars span{height:var(--h);background:var(--vc);box-shadow:0 0 8px color-mix(in srgb, var(--vc) 60%, transparent);transform-origin:bottom;animation:hist-in .7s var(--d) var(--ease) both;border-radius:2px 2px 0 0;flex:1}@keyframes hist-in{0%{scale:1 0}}.hist-mid{background:#fff9;width:1px;position:absolute;top:-4px;bottom:0;left:50%}.hist-axis{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.res-drum{height:22px;color:var(--text-2);grid-template-columns:82px 1fr 40px 34px;align-items:center;gap:8px;font-size:12.5px;display:grid}.res-drum i{background:#ffffff14;border-radius:5px;height:5px;overflow:hidden}.res-drum s{height:100%;width:var(--w);background:var(--lc);box-shadow:0 0 10px var(--lc);transform-origin:0;animation:bar-in .9s 1s var(--ease) both;display:block}.res-drum b{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.res-drum em{text-align:right;color:var(--muted);font-size:11px;font-style:normal}.res-pass-bars{align-items:flex-end;gap:4px;height:104px;display:flex}.res-pass-bars span{max-width:26px;height:var(--h);background:linear-gradient(180deg, var(--gc), color-mix(in srgb, var(--gc) 30%, transparent));box-shadow:0 0 10px color-mix(in srgb, var(--gc) 50%, transparent);transform-origin:bottom;animation:hist-in .7s 1.1s var(--ease) both;border-radius:4px 4px 1px 1px;flex:1}.res-advice{color:var(--text);background:linear-gradient(90deg,#5b7cff24,#ff5bd214);border-radius:12px;margin:0;padding:12px 16px;font-size:14.5px;line-height:1.45;box-shadow:inset 0 0 0 1px #a28cff4d}.res-go{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.res-go .btn.primary{min-width:170px}.modal{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0304098c;place-items:center;padding:20px;animation:.2s both fade;display:grid;position:absolute;inset:0}.modal-card{width:min(880px,100%);max-height:min(86vh,900px);animation:card-in .35s var(--spring) both;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:16px 16px 12px 22px;display:flex}.modal-head h2{margin:0;font-size:18px;font-weight:700}.modal-head .ib{margin-left:auto}.set-tabs{flex-wrap:wrap;gap:2px;display:flex}.set-tabs button{height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:13.5px}.set-tabs button.on{color:#fff;box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff1a}.modal-body{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;-webkit-user-select:text;user-select:text;padding:6px 22px 22px;overflow-y:auto}.modal-body h3{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:20px 0 8px;font-size:11.5px;font-weight:700}.s-row{border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:52px;padding:8px 0;display:flex}.s-txt{flex:1;gap:3px;min-width:0;display:grid}.s-txt b{font-size:14.5px;font-weight:600}.s-txt span{color:var(--muted);font-size:12.5px;line-height:1.4}.s-ctl{flex:none;align-items:center;gap:10px;display:flex}.s-note{color:var(--text-2);font-size:13px;line-height:1.5}.kits{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.kit{text-align:left;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff0a;border:0;border-radius:12px;gap:3px;padding:12px 14px;display:grid;position:relative;overflow:hidden}.kit b{font-size:14px;font-weight:600}.kit span{color:var(--muted);font-size:12px}.kit.on{background:linear-gradient(135deg,#5b7cff33,#ff5bd21a);box-shadow:inset 0 0 0 1px #aaa0ff80}.kit i{background:var(--grad);height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.midi-state{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.midi-state i{background:#ffb547;border-radius:50%;width:9px;height:9px}.midi-state.on i{background:var(--perfect);box-shadow:0 0 10px var(--perfect)}.midi-mon{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:#0000004d;border-radius:10px;gap:2px;margin:8px 0;padding:10px 12px 14px;font-size:12.5px;display:grid;position:relative}.midi-mon b{color:var(--text);font-size:14px}.midi-mon i{background:var(--grad);height:3px;position:absolute;bottom:0;left:0}.pads{gap:4px;display:grid}.pad-row{background:#ffffff06;border-radius:10px;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.pad-row.learning{box-shadow:inset 0 0 0 1px var(--lc);background:color-mix(in srgb, var(--lc) 10%, transparent)}.pad-name{align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.pad-name i{background:var(--lc);width:8px;height:8px;box-shadow:0 0 8px var(--lc);border-radius:50%}.pad-notes{flex-wrap:wrap;gap:4px;display:flex}.pad-notes button{cursor:pointer;background:#ffffff12;border:0;border-radius:6px;height:24px;padding:0 8px;font-size:12px}.pad-notes button:hover{background:#ff3d5e4d}.pad-notes em{color:var(--muted);font-size:12px}.keymap{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.km{color:var(--text-2);background:color-mix(in srgb, var(--lc) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lc) 26%, transparent);border-radius:9px;align-items:center;gap:9px;padding:6px 8px;font-size:13px;display:inline-flex}.cal{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 0;display:flex}.cal-dots{gap:4px;display:flex}.cal-dots i{background:#ffffff1f;border-radius:50%;width:9px;height:9px}.cal-dots i.lead{background:#ffffff0f}.cal-dots i.done{background:#a274ff99}.cal-dots i.now{background:#fff;box-shadow:0 0 10px #fff}.levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lvl{text-align:left;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff0a;border:0;border-radius:12px;align-content:start;gap:4px;padding:12px;display:grid}.lvl b{font-size:15px}.lvl span{color:var(--muted);font-size:12px;line-height:1.4}.lvl.on{background:linear-gradient(135deg,#5b7cff33,#ff5bd21a);box-shadow:inset 0 0 0 1px #aaa0ff80}.credits{color:var(--text-2);margin:0;padding-left:18px;font-size:12.5px;line-height:1.6}.help{width:min(760px,100%)}.help-body section{padding:4px 0}.help-body p{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.help-keys{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.help-keys span{background:color-mix(in srgb, var(--lc) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lc) 30%, transparent);border-radius:9px;align-items:center;gap:7px;padding:5px 8px;font-size:13px;display:inline-flex}.help-levels{border-collapse:collapse;color:var(--text-2);margin:10px 0;font-size:13px}.help-levels th{text-align:left;color:var(--text);padding:3px 16px 3px 0}.help-levels td{padding:3px 16px 3px 0}.help-grades{gap:14px;display:flex}.help-grades b{font-style:italic;font-weight:800}@media (width<=1100px){.sel{grid-template-columns:minmax(300px,1fr) minmax(340px,1.05fr)}.sel-detail{grid-column:2}.res-grid{grid-template-columns:1fr 1fr}.res-passes{grid-column:1/-1}}@media (width<=760px){.sel{background:#05060b59;flex-direction:column;padding:10px;display:flex;overflow-y:auto}.sel-top{flex:none;gap:12px}.sel-stats span:not(.hot){display:none}.sel-list{flex:none;height:54vh}.sel-detail{flex:none;overflow:visible}.dt-body{padding:16px 14px 12px;overflow:visible}.dt-facts{gap:5px}.dt-go{z-index:2;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0a0c1600,#0a0c16eb 30%);border-top:0;border-radius:0 0 18px 18px;position:sticky;bottom:-10px}.dt-head h2{font-size:23px}.hud-top{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px 0}.hud-prog{display:none}.hud-score,.hud-listen{margin-right:44px}.hud-score-n{font-size:26px}.hud-item b{font-size:15px}.hud:not(.side) .hud-combo{grid-template-columns:auto 62px;top:116px;right:12px}.hud-meter{gap:6px;font-size:9px;top:72px}.hud-meter canvas{width:min(200px,46vw);height:30px}.hud-combo svg{width:62px;height:62px}.hud-mult{font-size:19px}.hud-combo-n{font-size:34px}.res-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.res-bars{grid-template-columns:repeat(3,minmax(0,1fr))}.res-grid{grid-template-columns:1fr}.levels{grid-template-columns:1fr 1fr}.pad-row{grid-template-columns:1fr auto}.pad-notes{display:none}}@media (prefers-reduced-motion:reduce){.dt *,.dt :before,.dt :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.kits{grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.kit{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px}.kit-sw{filter:drop-shadow(0 3px 6px #00000073);flex:none}.kit-txt{gap:2px;min-width:0;display:grid}.kit b{align-items:baseline;gap:7px;display:flex}.kit b em,.kit-toast b em{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;font-weight:700}.kit .kit-fin{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:600}.s-lead{margin:0 0 10px}.tone-presets,.fx-picks{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:470px;display:flex}.tone-presets button,.fx-picks button{height:30px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;background:#0000004d;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.tone-presets button:hover,.fx-picks button:hover{color:#fff}.tone-presets button.on,.fx-picks button.on{color:#fff;background:linear-gradient(#8c96ff52,#786eff2e);box-shadow:inset 0 0 0 1px #aab4ff73,0 0 18px -4px #8c82ffb3}.fx-picks button i{background:#ffffff2e;border-radius:50%;width:8px;height:8px;transition:background .2s,box-shadow .2s}.fx-picks button.on i{background:#9fe8ff;box-shadow:0 0 8px 1px #78dcffd9}.fx-say,.bd-say{color:var(--muted);margin:8px 0 0;font-size:12.5px}.bd-say b{color:var(--text-2);font-weight:600}.bd-picks{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:480px;display:flex}.bd-picks button{width:86px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:color .2s, box-shadow .2s, translate .2s var(--spring);background:#0000004d;border:0;border-radius:12px;justify-items:center;gap:6px;padding:5px 5px 7px;font-size:12.5px;font-weight:600;display:grid}.bd-picks button:hover{color:#fff;translate:0 -1px}.bd-picks button.on{color:#fff;box-shadow:inset 0 0 0 1.5px #bec8ffb3,0 0 20px -6px #968cffcc}.bd-sw{aspect-ratio:64/40;border-radius:8px;width:100%;display:block}.sel-top{z-index:6;position:relative}.fxm{position:relative}.ib.fxm-key{gap:7px;width:auto;padding:0 14px 0 11px;font-size:13px;font-weight:600;display:inline-flex}.ib.fxm-key.on{color:#fff;background:linear-gradient(#8c96ff4d,#786eff29);box-shadow:inset 0 0 0 1px #aab4ff80,0 0 18px -4px #8c82ffb3}.fxm-pop{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;width:400px;box-shadow:var(--glass-hi), 0 24px 60px #0009;transform-origin:100% 0;animation:fxm-in .24s var(--spring) both;background:linear-gradient(#181928,#0e0f1a);border-radius:16px;gap:10px;padding:14px 14px 12px;display:grid;position:absolute;top:calc(100% + 10px);right:0}@keyframes fxm-in{0%{opacity:0;translate:0 -6px;scale:.97}}.fxm-head{gap:2px;display:grid}.fxm-head:not(:first-child){border-top:1px solid var(--line);margin-top:6px;padding-top:12px}.fxm-head b{letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:700}.fxm-head small{color:var(--muted);font-size:12px}.fxm-head small b{font-size:inherit;letter-spacing:0;text-transform:none;font-weight:600}.fxm-pop .bd-picks{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:none;display:grid}.fxm-pop .bd-picks button{width:auto;padding:4px 4px 6px;font-size:11.5px}.fxm-pop .pal-picks{justify-content:flex-start;max-width:none}.nc-picks{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:480px;display:flex}.nc-picks button{width:72px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);font:inherit;cursor:pointer;transition:box-shadow .2s, color .2s, scale .2s var(--spring);background:#ffffff08;border:0;border-radius:9px;flex-direction:column;align-items:stretch;gap:5px;padding:5px 5px 4px;font-size:11.5px;font-weight:600;display:inline-flex}.nc-picks button:hover{color:#fff;scale:1.04}.nc-picks button i{gap:1.5px;height:16px;display:flex}.nc-picks button i b{border-radius:2px;flex:1}.nc-picks button.on{color:#fff;box-shadow:inset 0 0 0 1.5px #fffffff2,0 0 12px -2px #ffffff73}.fxm-pop .nc-picks{justify-content:flex-start;max-width:none}.fxm-pop .nc-picks button{width:calc(33.3333% - 4px)}.pal-picks{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:480px;display:flex}.pal-picks button{width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .2s, scale .2s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.pal-picks button:hover{scale:1.1}.pal-picks button i{border-radius:50%;width:20px;height:20px}.pal-picks button.on{box-shadow:inset 0 0 0 1.5px #fffffff2,0 0 12px -2px #ffffff8c}.pal-picks .pal-song{width:auto;color:var(--text-2);border-radius:13px;gap:7px;padding:0 11px 0 3px;font-size:12px;font-weight:600;display:inline-flex}.pal-picks .pal-song:hover{color:#fff;scale:1}.pal-picks .pal-song.on{color:#fff}.fxm-pop .fx-picks{justify-content:flex-start;max-width:none}.fxm-song{color:var(--muted);align-items:center;gap:9px;margin:0;font-size:12px;display:flex}.fxm-song b{color:var(--text-2);font-weight:600}.fxm-dots{flex:none;padding-right:3px;display:inline-flex}.fxm-dots i{border-radius:50%;width:11px;height:11px;margin-right:-3px;box-shadow:0 0 0 1.5px #0a0c14e6,0 0 8px -1px}.fxm-more{justify-self:start;font-size:12.5px}.bd-toast .bd-sw{border-radius:7px;width:56px}@media (width<=760px){.ib.fxm-key{width:40px;padding:0}.ib.fxm-key span{display:none}.fxm{position:static}.fxm-pop{transform-origin:top;width:auto;position:fixed;top:66px;left:12px;right:12px}}.kit-toast{z-index:12;pointer-events:none;animation:toast-in .32s var(--spring) both;border-radius:14px;align-items:center;gap:12px;padding:9px 16px 9px 12px;display:flex;position:absolute;top:74px;left:50%;translate:-50%}.kit-toast span{gap:1px;display:grid}.kit-toast b{align-items:baseline;gap:8px;font-size:15px;font-weight:700;display:flex}.kit-toast small{letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:600}@keyframes toast-in{0%{opacity:0;translate:-50% -8px;scale:.96}}@media (width<=760px){.tone-presets,.fx-picks,.bd-picks,.pal-picks,.nc-picks{justify-content:flex-start}:is(.s-row:has(.tone-presets),.s-row:has(.fx-picks),.s-row:has(.bd-picks),.s-row:has(.pal-picks),.s-row:has(.nc-picks)){flex-direction:column;align-items:stretch}}.sel-grip{z-index:3;cursor:col-resize;touch-action:none;outline:0;grid-area:2/2;place-items:center;width:14px;display:grid;position:relative}.sel-grip.list{justify-self:start;margin-left:-14px}.sel-grip.detail{justify-self:end;margin-right:-14px}.sel-grip:before{content:"";opacity:0;background:linear-gradient(#0000,#7d8cff 18%,#ff5bd2 82%,#0000);border-radius:2px;width:2px;transition:opacity .2s;position:absolute;top:22px;bottom:22px;left:50%;translate:-50%}.sel-grip:hover:before,.sel-grip:active:before,.sel-grip:focus-visible:before{opacity:.85;box-shadow:0 0 12px #a274ffd9}.grip-fold{width:18px;height:46px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2), 0 6px 18px #00000080;cursor:pointer;opacity:.5;background:#0e101ee6;border:0;border-radius:9px;place-items:center;padding:0;transition:opacity .2s,color .2s,background .2s;display:grid;position:relative}.sel-grip:hover .grip-fold,.grip-fold:focus-visible{opacity:1}.grip-fold:hover{color:#fff;background:linear-gradient(#7882ff80,#ff5bd259)}.grip-fold:focus-visible{outline-offset:2px;outline:2px solid #a8b6ff}.sel-list.shut,.sel-detail.shut{padding:6px;display:flex}.sel-rail{flex-direction:column;flex:1;align-items:center;gap:8px;min-height:0;animation:.35s .1s both fade;display:flex}button.sel-rail,.rail-open{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:13px;padding:12px 0;transition:background .2s,color .2s}.rail-open{flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;min-height:0;display:flex}button.sel-rail:hover,.rail-open:hover{color:#fff;background:#ffffff0f}button.sel-rail:focus-visible,.rail-open:focus-visible{outline-offset:-2px;outline:2px solid #a8b6ff}.rail-label{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.08em;flex:1;min-height:0;font-size:13px;font-weight:700;overflow:hidden}.rail-label em{letter-spacing:.04em;color:var(--muted);margin-inline-start:12px;font-size:12px;font-style:normal;font-weight:500}.sel-rail .kbd{flex:none}.ib.rail-play{color:#fff;background:var(--grad);box-shadow:0 8px 24px -6px #a274ffb3,inset 0 1px #ffffff59}.dt-pattern{gap:10px;display:grid}.dt-card{box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#ffffff0a,#ffffff03);border-radius:15px;display:grid;position:relative}.dt-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.dt-tab{text-align:left;min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:3px 7px;padding:10px 14px 9px;transition:color .2s,background .2s;display:grid;position:relative}.dt-tab:first-child{border-radius:15px 0 0}.dt-tab:last-child{box-shadow:inset 1px 0 0 var(--line);border-radius:0 15px 0 0}.dt-tab:hover{color:var(--text-2);background:#ffffff08}.dt-tab.on{color:var(--text);background:linear-gradient(#968cff1f,#0000)}.dt-tab:after{content:"";background:var(--grad);opacity:0;height:2px;transition:opacity .2s, scale .3s var(--ease);border-radius:2px;position:absolute;bottom:-1px;left:14px;right:14px;scale:.4 1;box-shadow:0 0 12px #ff5bd2b3}.dt-tab.on:after{opacity:1;scale:1}.dt-tab:focus-visible{outline-offset:-2px;outline:2px solid #a8b6ff}.dt-tab i{font:800 12px/1 var(--num);letter-spacing:.04em;color:inherit;font-style:normal}.dt-tab.on i{color:#ff8ae0;text-shadow:0 0 10px #ff5bd2b3}.dt-tab b{letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;font-weight:700}.dt-tab small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);grid-column:1/-1;font-size:12px;overflow:hidden}.dt-pane{gap:10px;padding:12px 14px 14px;animation:.25s both fade;display:grid}.fx-l .link{letter-spacing:0;text-transform:none;margin-left:auto;font-size:12px;font-weight:500}.opt-pair{align-items:center;gap:10px;margin-left:6px;display:inline-flex}.opt-pair .opt-l{width:auto}.diff{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.diff button{min-width:0;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:background .2s, box-shadow .25s, color .2s, translate .2s var(--spring);background:#0000004d;border:0;border-radius:12px;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:4px 7px;padding:9px 4px 8px;display:grid;position:relative}.diff button:after{content:"";background:var(--dc);opacity:.55;height:2px;transition:left .25s var(--ease), right .25s var(--ease), opacity .2s;border-radius:0 0 2px 2px;position:absolute;top:0;left:32%;right:32%}.diff button:hover{color:#fff;background:color-mix(in srgb, var(--dc) 8%, #0000004d);translate:0 -1px}.diff button.on{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--dc) 24%, transparent), color-mix(in srgb, var(--dc) 6%, transparent));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--dc) 70%, transparent), 0 0 26px -8px var(--dc)}.diff button.on:after{opacity:1;box-shadow:0 0 10px var(--dc);left:12%;right:12%}.diff button:focus-visible{outline-offset:2px;outline:2px solid #a8b6ff}.diff-name{grid-column:1/-1;justify-self:center;font-size:14px;font-weight:700}.fx-l small{letter-spacing:0;text-transform:none;font-size:11.5px;font-weight:500}.diff .gb{border-radius:6px;width:20px;height:20px;font-size:12px}.diff button.on .diff-name{text-shadow:0 0 12px var(--dc)}.diff-ms{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10.5px}.fx-l{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:8px;margin-bottom:-4px;font-size:11px;font-weight:600;display:flex}.dt-pane .bd-picks{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;display:grid}.dt-pane .bd-picks button{border-radius:10px;gap:4px;width:auto;min-width:0;padding:4px 4px 5px;font-size:11.5px}.dt-pane .bd-picks .bd-sw{aspect-ratio:64/34;border-radius:7px}.dt-pane .fx-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:none;display:grid}.dt-pane .fx-picks button{white-space:nowrap;justify-content:flex-start;min-width:0;padding:0 9px;overflow:hidden}.dt-pane .opt .sl{flex:1;min-width:0}.dt-pane .opt .sl input{width:100%;min-width:80px}.ib[aria-pressed=true]{color:#fff;background:#8c96ff33;box-shadow:inset 0 0 0 1px #aab4ff73}.acct{position:relative}.ib.acct-avatar{color:#fff;background:var(--grad);padding:0;font-size:15px;font-weight:700;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.ib.acct-avatar img{object-fit:cover;width:100%;height:100%;display:block}.ib.acct-avatar.on{box-shadow:0 0 0 2px #aab4ffbf,0 0 18px -4px #8c82ffcc}.ib.acct-signin{gap:7px;width:auto;padding:0 14px 0 11px;font-size:13px;font-weight:600;display:inline-flex}.acct-pop{z-index:20;min-width:240px;box-shadow:var(--glass-hi), 0 24px 60px #0009;transform-origin:100% 0;animation:fxm-in .24s var(--spring) both;background:linear-gradient(#181928,#0e0f1a);border-radius:14px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.acct-who{border-bottom:1px solid var(--line);gap:2px;margin-bottom:2px;padding:4px 6px 10px;display:grid}.acct-who b{font-size:14px;font-weight:600}.acct-who span{color:var(--text-2);font-size:12.5px}.acct-who small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:10.5px;font-weight:600}.acct-pop button{text-align:left;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;display:flex}.acct-pop button:hover,.acct-pop button:focus-visible{color:#fff;background:#ffffff12;outline:0}.acct-err{color:#ffb3c0;margin:0;padding:4px 6px 6px;font-size:12.5px}@media (width<=760px){.sel-keys{gap:6px}.ib.acct-signin{width:40px;padding:0}.ib.acct-signin span{display:none}}.sel-top .app-link{height:30px;box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff0a;border-radius:999px;flex:none;align-items:center;gap:7px;margin-left:-8px;padding:0 12px 0 9px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex;color:var(--text-2)!important}.app-link span{font-style:italic}.app-link b{color:#5fb0ff;font-weight:700}.sel-top .app-link:hover,.sel-top .app-link:focus-visible{background:#3d9bff24;outline:0;box-shadow:inset 0 0 0 1px #5fb0ff8c,0 0 18px -6px #3d9bff;color:#fff!important}@media (width<=760px){.sel-top .app-link{justify-content:center;width:30px;margin-left:-4px;padding:0}.sel-top .app-link span{display:none}}.sel>.sel-stage{pointer-events:none;flex-direction:column;grid-area:2/2;justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:0;padding:14px 28px 0;display:flex}.sel-stage button{pointer-events:auto}.sel-stage .pick{isolation:isolate;text-align:center;width:100%;max-width:620px;animation:rise .7s .1s var(--ease) both;justify-items:center;gap:10px;display:grid;position:relative}.sel-stage .pick:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#04050c9e,#04050c4d 60%,#0000);position:absolute;inset:-40px -70px -30px}.sel-stage .dt-kind{color:var(--text-2);text-shadow:0 1px 12px #000000b3;padding:0}.sel-stage .pick h2{letter-spacing:-.015em;text-wrap:balance;text-shadow:0 2px 30px #0009;animation:pick-in .45s var(--ease) both;margin:0;padding:0;font-size:clamp(26px,2.5vw,40px);font-weight:800;line-height:1.08}@keyframes pick-in{0%{opacity:0;filter:blur(4px);translate:0 8px}}.sel-stage .dt-hear{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e1a8c;height:34px;margin-top:2px;position:static}.sel-stage .dt-hear.on{background:#143c328c}.pick .dt-facts{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;font-size:13px;display:flex}.sel-stage .pick .dt-facts{text-shadow:0 1px 12px #000c;justify-content:center}.pick .dt-facts>span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.pick .dt-facts>span+span:before{content:"·";color:var(--muted);margin:0 9px}.pick .dt-facts b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.sel-stage .dt-go{width:min(100%,460px);animation:rise .7s .2s var(--ease) both;background:0 0;border:0;grid-template-columns:1fr 1.6fr;padding:0}.sel-stage .btn.ghost{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e1a99}.go-sum{text-align:center;color:var(--text-2);text-shadow:0 1px 10px #000c;grid-column:1/-1;font-size:12.5px}@media (height<=760px){.sel-stage .pick h2{font-size:26px}.sel-stage .dt-go .btn{height:48px}}.sel-detail:not(.inline) .dt-body{gap:14px;padding-top:18px}.dt-pattern .fx-l{margin-bottom:-2px}.sel-levels{align-items:center}.dt-pane .opt{column-gap:10px}.dt-pane .opt-l{width:66px}.dt-pane .seg.sm button{padding:0 8px}.dt-pane .opt-v{white-space:nowrap}.sel-tabs button{align-items:center;min-width:0;padding:0 7px}.sel-tabs button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sel-tabs button.icon{align-items:center;padding:0 9px}.sel-tabs button.starred .ic{color:#ffd34d}.sel-tabs button.starred:not(.on) .ic{opacity:.75}@container list (width<=500px){.sel-tabs button small{display:none}.sel-tabs button{font-size:13.5px}}@container list (width<=330px){.sel-tabs button{padding:0 5px;font-size:12.5px}}.sel-fm-key{height:36px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#00000047;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 11px 0 10px;font-size:13.5px;transition:background .2s,box-shadow .2s;display:inline-flex}.sel-fm-key:hover,.sel-fm-key.open{color:var(--text);background:#ffffff0f}.sel-fm-key.on{color:#fff;box-shadow:inset 0 0 0 1px #ffb44680}.sel-fm-key b{color:#1a1206;background:#ffb547;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:inline-grid}@container list (width<=360px){.sel-fm-key span{display:none}}.sel-fm-pop{z-index:8;-webkit-backdrop-filter:none;backdrop-filter:none;max-height:min(70vh,560px);box-shadow:var(--glass-hi), 0 24px 60px #0009;transform-origin:top;animation:fxm-in .24s var(--spring) both;background:linear-gradient(#181928,#0e0f1a);border-radius:16px;gap:8px;padding:14px 14px 12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.sel-chips{flex-wrap:wrap;gap:5px;display:flex}.sel-chips button,.sel-active button,.sel-also button{height:28px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;background:#ffffff0a;border:0;border-radius:14px;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;transition:background .2s,color .2s;display:inline-flex}.sel-chips button:hover,.sel-active button:hover,.sel-also button:hover{color:var(--text);background:#ffffff14}.sel-chips button.on{color:#fff;background:#ffb44624;box-shadow:inset 0 0 0 1px #ffb44680}.sel-fm-pop .sel-levels{margin:0}.sel-fm-pop .sel-levels button{height:30px;color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.sel-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sel-progress button{text-align:left;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff08;border:0;border-radius:10px;gap:1px;padding:7px 10px;display:grid}.sel-progress button b{font-size:13px;font-weight:600}.sel-progress button small{color:var(--muted);font-size:11.5px}.sel-progress button.on{background:#ffb4461f;box-shadow:inset 0 0 0 1px #ffb44680}.sel-fm-clear{justify-self:start;margin-top:4px}.sel-active{flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;display:flex}.sel-active button{height:26px;color:var(--text);background:#ffb4461a;padding:0 8px 0 10px;box-shadow:inset 0 0 0 1px #ffb44659}.sel-active button .ic{opacity:.7}.sel-active .sel-clear{color:var(--text-2);box-shadow:none;background:0 0;margin-left:auto;padding:0 10px}.star-key{color:var(--muted);cursor:pointer;transition:color .2s, opacity .2s, scale .25s var(--spring);background:0 0;border:0;place-items:center;display:inline-grid}.star-key:hover{color:var(--text)}.star-key.on{color:#ffd34d}.star-key:active{scale:.85}.row-item .star-key{opacity:0;border-radius:8px;width:30px;height:30px;margin-top:-15px;position:absolute;top:50%;right:6px}.row-item:hover .star-key,.row-item .row.on+.star-key,.row-item .star-key.on,.row-item .star-key:focus-visible{opacity:1}.row-item .star-key.on{filter:drop-shadow(0 0 6px #ffd34d8c)}@media (hover:none){.row-item .star-key{opacity:.5}}.dt-keys{gap:6px;display:flex;position:absolute;top:0;right:0}.dt-keys .dt-hear{position:static}.star-key.labelled{height:32px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff0d;border-radius:10px;align-items:center;gap:7px;padding:0 8px 0 10px;font-size:13px;display:inline-flex}.star-key.labelled.on{color:#ffd34d;background:#ffd34d1a;box-shadow:inset 0 0 0 1px #ffd34d73}.sel-detail .star-key.labelled{padding:0 9px}.sel-detail .star-key.labelled span,.sel-detail .star-key.labelled .kbd{display:none}.sel-stage .dt-keys{justify-content:center;gap:8px;margin-top:2px;position:static}.sel-stage .dt-keys .dt-hear{margin-top:0}.sel-stage .star-key.labelled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e1a8c;height:34px}.sel-stage .star-key.labelled.on{background:#32280a8c}.res-head h2{align-items:center;gap:8px;display:flex}.res-star{border-radius:10px;width:34px;height:34px}.sel-also{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:6px 4px 4px;font-size:12.5px;display:flex}.sel-also button small{color:var(--muted)}.sel-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:8px 4px 0;font-size:12px;display:flex}.sel-random{height:28px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff0a;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 6px 0 9px;font-size:12.5px;display:inline-flex}.sel-random:hover{color:var(--text);background:#ffffff14}.bl{z-index:5;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s var(--ease), translate .34s var(--ease), visibility 0s linear .34s;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:18px;right:18px;translate:0 12px}.bl.on{opacity:1;visibility:visible;transition-delay:0s;translate:none}.bl-deck,.bl-mini,.bl-pop{pointer-events:auto}.bl-deck{opacity:.72;border-radius:16px;gap:4px;width:248px;padding:8px;transition:opacity .2s;display:grid}.bl:hover .bl-deck,.bl:focus-within .bl-deck,.bl.popped .bl-deck{opacity:1}.bl-head{justify-content:space-between;align-items:center;height:26px;padding:0 2px 2px 8px;display:flex}.bl-title{letter-spacing:.28em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:inline-flex}.bl-title i{background:#ff5bd2;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite bl-live;box-shadow:0 0 8px 1px #ff5bd2d9}@keyframes bl-live{50%{opacity:.35}}.bl-fold{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .2s,color .2s;display:grid}.bl-fold:hover{color:#fff;background:#ffffff14}.bl-row{height:44px;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff09;border-radius:12px;align-items:center;transition:background .2s,box-shadow .2s;display:flex}.bl-row:hover{background:#ffffff12}.bl-row.open{background:linear-gradient(#8c96ff42,#786eff1f);box-shadow:inset 0 0 0 1px #aab4ff80,0 0 18px -6px #8c82ffcc}.bl-val{min-width:0;height:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 6px 0 10px;display:flex}.bl-val:focus-visible,.bl-step:focus-visible,.bl-fold:focus-visible,.bl-mini:focus-visible{outline-offset:2px;outline:2px solid #a8b6ff}.bl-ico{width:22px;color:var(--text-2);flex:none;place-items:center;display:grid;position:relative}.bl-row.mod .bl-ico,.bl-row.open .bl-ico{color:#fff}.bl-row.mod .bl-ico svg{filter:drop-shadow(0 0 5px #a274ffe6)}.bl-row.mod .bl-ico:after{content:"";background:#9fe8ff;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 6px 1px #78dcffe6}.bl-text{gap:3px;min-width:0;display:grid}.bl-cap{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:9.5px;font-weight:700;line-height:1}.bl-v{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.1;overflow:hidden}.bl-v.num{font-variant-numeric:tabular-nums}.bl-v small{letter-spacing:.1em;color:var(--muted);margin-left:4px;font-size:9.5px;font-weight:600}.bl-steps{flex:none;gap:2px;padding-right:5px;display:flex}.bl-step{width:28px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.bl-step:hover:not(:disabled){color:#fff;background:#ffffff17}.bl-step:active:not(:disabled){color:#fff;background:linear-gradient(#8c96ff66,#786eff38)}.bl-step:disabled{opacity:.3;cursor:default}.bl-mini{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);height:40px;box-shadow:var(--glass-hi), 0 14px 40px #00000073;color:var(--text-2);letter-spacing:.22em;text-transform:uppercase;opacity:.8;cursor:pointer;border:0;border-radius:20px;align-items:center;gap:8px;padding:0 15px 0 12px;font-size:11px;font-weight:700;transition:opacity .2s,color .2s;display:inline-flex}.bl-mini:hover{opacity:1;color:#fff}.hud:not(.side) .bl-deck{width:auto;padding:6px}.hud:not(.side) .bl-head{justify-content:center;padding:0}.hud:not(.side) .bl-title,.hud:not(.side) .bl-text,.hud:not(.side) .bl-steps{display:none}.hud:not(.side) .bl-row{width:44px}.hud:not(.side) .bl-val{justify-content:center;padding:0}@media (height<=760px){.bl-row{height:38px}.bl-head{height:22px}}.bl-pop.fxm-pop{max-height:calc(100vh - 140px);overflow-y:auto}@media (width>=761px){.bl-pop.fxm-pop{transform-origin:100% 100%;animation:bl-in .24s var(--spring) both;top:auto;bottom:0;right:calc(100% + 12px)}}@keyframes bl-in{0%{opacity:0;translate:8px;scale:.97}}.bl-pop-kit{width:384px}.bl-pop-fx{width:430px}.bl-pop-speed,.bl-pop-tempo,.bl-pop-volume{width:340px}.bl-kits{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.bl-kits button{min-width:0;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);text-align:left;cursor:pointer;background:#0000004d;border:0;border-radius:11px;align-items:center;gap:9px;padding:5px 10px 5px 6px;font-size:13px;font-weight:600;transition:color .2s,box-shadow .2s,background .2s;display:flex}.bl-kits button:hover{color:#fff}.bl-kits button.on{color:#fff;background:linear-gradient(#8c96ff47,#786eff24);box-shadow:inset 0 0 0 1px #aab4ff80,0 0 18px -6px #8c82ffcc}.bl-kits button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bl-kits em{font-variant-numeric:tabular-nums;color:var(--muted);margin-right:7px;font-style:normal;font-weight:700}.bl-chips{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:6px;display:grid}.bl-chips button{font-variant-numeric:tabular-nums;height:40px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;background:#0000004d;border:0;border-radius:10px;align-content:center;place-items:center;gap:2px;padding:0;font-size:13px;font-weight:600;transition:color .2s,box-shadow .2s,background .2s;display:grid}.bl-chips button:hover{color:#fff}.bl-chips button small{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700;line-height:1}.bl-chips button.on{color:#fff;background:linear-gradient(#8c96ff52,#786eff2e);box-shadow:inset 0 0 0 1px #aab4ff80,0 0 18px -4px #8c82ffb3}.bl-sliders{box-shadow:inset 0 0 0 1px var(--line);background:#00000040;border-radius:12px;gap:6px;padding:8px 12px;display:grid}.bl-slider{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;display:grid}.bl-slider>span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.bl-slider .sl{display:flex}.bl-slider .sl input{flex:1;width:auto;min-width:0}.bl-slider .sl output{text-align:right;min-width:4.6em}@media (prefers-reduced-motion:reduce){.bl{transition:opacity .15s linear,visibility 0s linear .15s;translate:none}.bl-title i,.bl-pop.fxm-pop{animation:none}}