.sk{--sk-ease:cubic-bezier(.2, .7, .2, 1);-webkit-user-select:none;user-select:none;touch-action:manipulation;gap:2px;height:132px;display:flex;position:relative}.sk[data-disabled=true]{opacity:.5}.sk-w{color:#3d3a35;color:lab(24.6257% .633106 3.81004);cursor:pointer;background:linear-gradient(#eae8e3,#fbfaf7 78%,#e0deda);background:linear-gradient(lab(91.9044% .165313 2.28355),lab(98.2765% .107378 1.52057) 78%,lab(88.4244% .165701 2.2838));border:0;border-radius:0 0 7px 7px;flex:1 1 0;min-width:0;height:100%;padding:0;transition:background .2s,transform 80ms,box-shadow 80ms;position:relative;box-shadow:inset 0 -5px #c6c4c0,0 2px #00000080;box-shadow:inset 0 -5px lab(79.1443% .166863 2.28454),0 2px lab(0% 0 0/.501961)}.sk-w:hover{background:linear-gradient(#e6ddcc,#fbf4e6 78%);background:linear-gradient(lab(88.4929% .843227 9.62324),lab(96.5967% .633419 7.66813) 78%)}.sk-w[data-lit=true]{background:linear-gradient(#f4ca84,#ffe4b3);background:linear-gradient(lab(83.882% 8.70833 40.7804),lab(92.0138% 6.33565 31.7131))}.sk-w[data-hit=true]{animation:sk-press-w .32s var(--sk-ease)}@keyframes sk-press-w{0%{background:#f0cb8d;background:lab(83.8853% 7.56824 36.2764);transform:translateY(3px);box-shadow:inset 0 -2px #c6c4c0;box-shadow:inset 0 -2px lab(79.1443% .166863 2.28454)}}.sk-w:focus-visible,.sk-b:focus-visible{outline:2px solid var(--accent-amber-line);outline-offset:-3px}.sk-b{z-index:2;cursor:pointer;background:linear-gradient(#121110,#282623 85%,#0a0907);background:linear-gradient(lab(5.27612% .186853 1.10278),lab(15.336% .368893 2.27792) 85%,lab(2.48335% .116527 .661376));border:0;border-radius:0 0 5px 5px;height:60%;padding:0;transition:background .2s,transform 80ms;position:absolute;top:0;box-shadow:inset 0 -4px #040302,0 3px 6px #0009;box-shadow:inset 0 -4px lab(.905529% .0626296 .332212),0 3px 6px lab(0% 0 0/.6)}.sk-b:hover{background:linear-gradient(#241e14,#403626 85%);background:linear-gradient(lab(11.8743% 1.56957 7.87443),lab(23.4892% 2.39351 11.9146) 85%)}.sk-b[data-lit=true]{background:linear-gradient(#815c0a,#ac7d1b);background:linear-gradient(lab(42.004% 10.718 46.7938),lab(55.9353% 12.6865 55.2442))}.sk-b[data-hit=true]{animation:sk-press-b .32s var(--sk-ease)}@keyframes sk-press-b{0%{background:#9f7100;background:lab(51.2737% 13.0467 57.2567);transform:translateY(2px)}}.sk-dot{background:#a97e2c;background:lab(55.9583% 11.221 48.9141);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:30px;left:50%}.sk-b .sk-dot{background:#f2ba53;background:lab(79.1911% 13.3651 58.6741);bottom:9px}.sk-tonic{background:#a75b00;background:lab(47.0805% 33.0548 76.3677);width:7px;height:7px;margin-left:-3.5px}.sk-nm{text-align:center;font:500 10px/1 var(--font-mono);pointer-events:none;position:absolute;bottom:11px;left:0;right:0}.sk-c{color:#24211c;color:lab(13.0239% .66565 3.83584);font-weight:600}@media (max-width:640px){.sk{height:112px}.sk-dot{bottom:24px}.sk-nm{font-size:9px}}.al{background:var(--bg-sunken);border-radius:14px;height:112px;position:relative;overflow:hidden}.al-wave{align-items:center;gap:1.5px;padding:0 6px;display:flex;position:absolute;inset:10px 0}.al-wave i{transform-origin:50%;min-width:1px;animation:al-grow .8s var(--sk-ease,ease) both;background:#69cee66b;background:lab(77.4547% -25.9725 -21.3308/.42);border-radius:1px;flex:1}@keyframes al-grow{0%{transform:scaleY(.04)}}.al-note{cursor:pointer;background:#f2ba53eb;background:lab(79.1911% 13.3651 58.6741/.92);border:0;border-radius:4px;height:9px;margin-top:-4.5px;padding:0;animation:.6s cubic-bezier(.34,1.56,.64,1) both al-drop;position:absolute;box-shadow:0 0 0 1px #f2ba5373,0 4px 14px -4px #f2ba53e6;box-shadow:0 0 0 1px lab(79.1911% 13.3651 58.6741/.45),0 4px 14px -4px lab(79.1911% 13.3651 58.6741/.9)}.al-note[data-doubt=true]{box-shadow:none;outline:1.5px dashed var(--warn);outline-offset:-1.5px;background:0 0}.al-note[data-sel=true]{background:var(--ink);outline:0;box-shadow:0 0 0 3px #f2ba5380;box-shadow:0 0 0 3px lab(79.1911% 13.3651 58.6741/.5)}.al-note:focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}@keyframes al-drop{0%{opacity:0;transform:translateY(-22px)scaleX(.3)}}.al-head{background:var(--accent-amber);pointer-events:none;width:2px;display:none;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #f2ba53b3;box-shadow:0 0 14px lab(79.1911% 13.3651 58.6741/.7)}.al-meta{font:500 10px/1.2 var(--font-mono);color:var(--ink-subtle);pointer-events:none;position:absolute;bottom:8px;left:10px}@media (prefers-reduced-motion:reduce){.sk-w[data-hit=true],.sk-b[data-hit=true],.al-wave i,.al-note{animation:none}}.ss-card{cursor:pointer;transform-box:fill-box;transform-origin:50% 100%;outline:none;animation:.55s cubic-bezier(.34,1.56,.64,1) both ss-pop}.ss-card[data-static=true]{cursor:default}.ss-card[data-f=T]{--c:#6bd272}@supports (color:lab(0% 0 0)){.ss-card[data-f=T]{--c:lab(76.4902% -46.2649 38.1455)}}.ss-card[data-f=S]{--c:#69cee6}@supports (color:lab(0% 0 0)){.ss-card[data-f=S]{--c:lab(77.4547% -25.9725 -21.3308)}}.ss-card[data-f=D]{--c:#f99549}@supports (color:lab(0% 0 0)){.ss-card[data-f=D]{--c:lab(71.4182% 34.3247 55.362)}}.ss-card-bg{fill:color-mix(in oklab, var(--c) 12%, var(--bg-elevated));stroke:color-mix(in oklab, var(--c) 45%, transparent);stroke-width:1px;transition:fill .2s,stroke .2s,stroke-width .2s}.ss-card-top{fill:var(--c)}.ss-card-label{fill:var(--ink);font-family:var(--font-display);pointer-events:none;font-style:italic}.ss-card-sub{fill:var(--ink-muted);font-family:var(--font-mono);pointer-events:none}.ss-card-fn{pointer-events:none}.ss-card-fn rect{fill:color-mix(in oklab, var(--c) 22%, transparent)}.ss-card-fn text{fill:var(--c);font-family:var(--font-mono);font-weight:600}.ss-card-lock rect{fill:var(--accent-amber)}.ss-card-lock path{stroke:var(--accent-amber)}.ss-card:hover .ss-card-bg{fill:color-mix(in oklab, var(--c) 20%, var(--bg-elevated))}.ss-card:focus-visible .ss-card-bg{stroke:var(--accent-amber);stroke-width:2px}.ss-card[data-sel=true] .ss-card-bg{stroke:var(--accent-amber);stroke-width:2.4px}.ss-card[data-active=true] .ss-card-bg{fill:color-mix(in oklab, var(--c) 30%, var(--bg-elevated));stroke:var(--c);stroke-width:2px}@keyframes ss-pop{0%{opacity:0;transform:translateY(-12px)scale(.86)}}.ss-rise{animation:.55s cubic-bezier(.16,1,.3,1) both ss-rise}@keyframes ss-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.ss-card,.ss-rise{animation:none}}.sk-wrap{align-items:stretch;gap:6px;display:flex}.sk-wrap>.sk{flex:1;min-width:0;overflow:hidden}.sk-oct{border:1px solid var(--line-strong);background:var(--bg-sunken);width:30px;color:var(--ink-muted);font:500 18px/1 var(--font-sans);cursor:pointer;border-radius:10px;flex:none}.sk-oct:hover:not(:disabled){color:var(--ink);border-color:var(--line-input)}.sk-oct:disabled{opacity:.35;cursor:not-allowed}.score-ai-text{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(120deg,#00e5ff 0%,#b14bff 50%,#ff2e8a 100%);-webkit-background-clip:text;background-clip:text}.score-ai-chip{color:#c58bff;background-color:#b14bff1a;border:1px solid #b14bff4d;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:5px 12px 5px 9px;display:inline-flex}.score-ai-chip>span{font:600 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(120deg,#00e5ff 0%,#b14bff 55%,#ff2e8a 100%);-webkit-background-clip:text;background-clip:text}.score-ai-chip-sm{gap:6px;padding:3px 9px 3px 7px}.score-ai-chip-sm>span{letter-spacing:.1em;font-size:9.5px}.score-ai-flow{animation:2.6s linear infinite score-ai-flow;background-image:linear-gradient(90deg,#00e5ff,#b14bff,#ff2e8a,#00e5ff)!important;background-size:300% 100%!important}@keyframes score-ai-flow{to{background-position:300% 0}}.score-ai-frame.score-ai-frame{background:linear-gradient(var(--score-ai-fill,#0e0d0a), var(--score-ai-fill,#0e0d0a)) padding-box, linear-gradient(135deg, #00e5ff8c, #b14bff99 50%, #ff2e8a73) border-box;box-shadow:0 30px 80px -40px #b14bff73,0 0 40px -20px #00e5ff59;border-color:#0000!important}@supports (color:lab(0% 0 0)){.score-ai-frame.score-ai-frame{background:linear-gradient(var(--score-ai-fill,lab(3.57024% .188194 1.04857)), var(--score-ai-fill,lab(3.57024% .188194 1.04857))) padding-box, linear-gradient(135deg, #00e5ff8c, #b14bff99 50%, #ff2e8a73) border-box}}.score-ai-glyph{flex:none}.al-note:not([data-doubt=true]):not([data-sel=true]){background-image:linear-gradient(90deg,#00e5ff,#b14bff);box-shadow:0 0 0 1px #b14bff73,0 4px 14px -4px #b14bffe6}@media (prefers-reduced-motion:reduce){.score-ai-flow{animation:none}}.score-ai-btn{--score-ai-in:#0c0c0f;white-space:nowrap;background:linear-gradient(var(--score-ai-in), var(--score-ai-in)) padding-box, linear-gradient(120deg, #00e5ff, #b14bff 55%, #ff2e8a) border-box;color:#e9d8ff;font:inherit;cursor:pointer;border:1.5px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-weight:600;transition:box-shadow .3s,transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;box-shadow:0 0 #b14bff00}@supports (color:lab(0% 0 0)){.score-ai-btn{--score-ai-in:lab(3.33062% .431195 -1.25719)}}.score-ai-btn>span{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(120deg,#6ff0ff 0%,#d29bff 55%,#ff7ab6 100%);-webkit-background-clip:text;background-clip:text}.score-ai-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 34px -12px #b14bffa6,0 0 22px -10px #00e5ff99}.score-ai-btn:disabled{opacity:.45;cursor:not-allowed}.score-ai-btn:focus-visible{outline-offset:3px;outline:2px solid #b14bff99}.score-ai-btn-sm{border-radius:12px;min-height:40px;padding:0 14px;font-size:13.5px}.score-ai-btn-md{min-height:48px;padding:0 18px;font-size:14.5px}.score-ai-btn-lg{border-radius:16px;min-height:54px;padding:0 24px;font-size:15.5px}.rl{scrollbar-width:thin;background:var(--bg-sunken);border-radius:12px;overflow-x:auto}.rl-in{position:relative}.rl-row{position:absolute;left:0;right:0}.rl-row.blk{background:color-mix(in oklab, var(--ink) 2.5%, transparent)}.rl-lab{font:500 9.5px/1 var(--font-mono);color:var(--ink-subtle);position:absolute;top:-1px;left:8px}.rl-barno{font:500 10.5px/1 var(--font-mono);color:var(--ink-subtle);position:absolute;top:6px}.rl-bar,.rl-beat{background:color-mix(in oklab, var(--ink) 16%, transparent);width:1px;position:absolute}.rl-beat{background:color-mix(in oklab, var(--ink) 5%, transparent)}.rl-note{cursor:pointer;transform-origin:0;background:#f2ba53e0;background:lab(79.1911% 13.3651 58.6741/.88);border:0;border-radius:3px;padding:0;animation:.45s cubic-bezier(.16,1,.3,1) both rl-grow;position:absolute;box-shadow:0 0 0 1px #f2ba5366,0 4px 12px -4px #f2ba53b3;box-shadow:0 0 0 1px lab(79.1911% 13.3651 58.6741/.4),0 4px 12px -4px lab(79.1911% 13.3651 58.6741/.7)}.rl-note[data-sel=true]{background:var(--ink);box-shadow:0 0 0 3px #f2ba5380;box-shadow:0 0 0 3px lab(79.1911% 13.3651 58.6741/.5)}.rl-note[data-glow=true]{background:#ffd685;background:lab(88.4747% 14.9224 65.4162);box-shadow:0 0 16px 2px #f2ba53b3;box-shadow:0 0 16px 2px lab(79.1911% 13.3651 58.6741/.7)}@keyframes rl-grow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.rl-note{animation:none}}.stb{border-bottom:1px solid var(--line);background:#0b0a08;background:lab(2.75889% .124417 .710419);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}.stb-g{background:var(--bg-sunken);border:1px solid var(--line);border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex}.stb-sp{flex:1}.stb-ic{min-width:40px;height:40px;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0 9px;font-size:13px;font-weight:500;transition:background .15s,color .15s,transform .15s;display:inline-flex;position:relative}.stb-ic.wide{padding:0 12px}.stb-ic:hover:not(:disabled){background:color-mix(in oklab, var(--ink) 6%, transparent);color:var(--ink)}.stb-ic:active:not(:disabled){transform:scale(.94)}.stb-ic.on{background:var(--accent-amber-soft);color:var(--accent-amber);box-shadow:inset 0 0 0 1px var(--accent-amber-line)}.stb-ic:disabled{opacity:.35;cursor:not-allowed}.stb-ic kbd{font:500 8.5px/1 var(--font-mono);color:var(--ink-subtle);position:absolute;bottom:2px;right:3px}.stb-mus{font:400 21px/1 "Noto Music", var(--font-sans)}@media (max-width:640px){.stb{scrollbar-width:none;flex-wrap:nowrap;padding:10px;overflow-x:auto}.stb>*{flex:none}.stb-sp{display:none}}.sr{scrollbar-width:thin;background:var(--bg-sunken);border-radius:14px;position:relative;overflow-x:auto}.sr-in{position:relative}.sr [data-f=T]{--c:#6bd272}@supports (color:lab(0% 0 0)){.sr [data-f=T]{--c:lab(76.4902% -46.2649 38.1455)}}.sr [data-f=S]{--c:#69cee6}@supports (color:lab(0% 0 0)){.sr [data-f=S]{--c:lab(77.4547% -25.9725 -21.3308)}}.sr [data-f=D]{--c:#f99549}@supports (color:lab(0% 0 0)){.sr [data-f=D]{--c:lab(71.4182% 34.3247 55.362)}}.sr-barno{font:500 10.5px/1 var(--font-mono);color:var(--ink-subtle);position:absolute;top:4px}.sr-card{border:1px solid color-mix(in oklab, var(--c) 42%, transparent);background:color-mix(in oklab, var(--c) 11%, var(--bg-elevated));color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:0 12px;transition:border-color .2s,box-shadow .25s,translate .4s cubic-bezier(.34,1.56,.64,1);animation:.55s cubic-bezier(.34,1.56,.64,1) both ss-pop;display:flex;position:absolute;overflow:hidden}.sr-card:before{content:"";background:var(--c);height:3px;position:absolute;top:0;left:0;right:0}.sr-card:hover:not(:disabled){translate:0 -2px}.sr-card:disabled{cursor:default}.sr-card b{font:italic 400 26px/1 var(--font-display);white-space:nowrap}.sr-card small{font:400 10.5px/1 var(--font-mono);color:var(--ink-muted);white-space:nowrap}.sr-card>i{background:color-mix(in oklab, var(--c) 22%, transparent);width:20px;height:20px;font:600 10.5px/1 var(--font-mono);color:var(--c);border-radius:6px;justify-content:center;align-items:center;font-style:normal;display:inline-flex;position:absolute;top:9px;right:9px}.sr-lock{color:var(--accent-amber);position:absolute;bottom:9px;right:10px}.sr-card[data-sel=true]{border-color:var(--accent-amber);box-shadow:0 0 0 2px var(--accent-amber), 0 16px 36px -18px #f2ba5399}@supports (color:lab(0% 0 0)){.sr-card[data-sel=true]{box-shadow:0 0 0 2px var(--accent-amber), 0 16px 36px -18px lab(79.1911% 13.3651 58.6741/.6)}}.sr-card[data-active=true]{box-shadow:0 0 0 1px var(--c), 0 14px 34px -12px var(--c);translate:0 -3px}.sr-band{pointer-events:none;background:#f2ba530f;background:lab(79.1911% 13.3651 58.6741/.06);border-left:1px solid #f2ba5366;border-left:1px solid lab(79.1911% 13.3651 58.6741/.4);border-right:1px solid #f2ba5366;border-right:1px solid lab(79.1911% 13.3651 58.6741/.4);position:absolute}.sr-row{position:absolute;left:0;right:0}.sr-row.blk{background:color-mix(in oklab, var(--ink) 2.5%, transparent)}.sr-lab{font:500 9px/1 var(--font-mono);color:var(--ink-subtle);position:absolute;top:-2px;left:8px}.sr-bar,.sr-beat{background:color-mix(in oklab, var(--ink) 16%, transparent);width:1px;position:absolute}.sr-beat{background:color-mix(in oklab, var(--ink) 5%, transparent)}.sr-acc{background:color-mix(in oklab, var(--c) 55%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 80%, transparent);transform-origin:0;border-radius:3px;animation:.5s cubic-bezier(.16,1,.3,1) both rl-grow;position:absolute}.sr-mel{background:#f2ba53f2;background:lab(79.1911% 13.3651 58.6741/.95);border-radius:3px;position:absolute;box-shadow:0 0 0 1px #f2ba5380,0 4px 14px -4px #f2ba53cc;box-shadow:0 0 0 1px lab(79.1911% 13.3651 58.6741/.5),0 4px 14px -4px lab(79.1911% 13.3651 58.6741/.8)}.sr-head{background:var(--accent-amber);pointer-events:none;z-index:3;width:2px;display:none;position:absolute;left:0;box-shadow:0 0 14px #f2ba53b3;box-shadow:0 0 14px lab(79.1911% 13.3651 58.6741/.7)}.sr-legend{color:var(--ink-muted);flex-wrap:wrap;gap:6px 18px;padding:6px 12px 10px;font-size:12px;display:flex;position:sticky;left:0}.sr-legend span{align-items:center;gap:6px;display:inline-flex}.sr-mel-key,.sr-acc-key{border-radius:2px;width:16px;height:7px;display:inline-block}.sr-mel-key{background:#f2ba53;background:lab(79.1911% 13.3651 58.6741)}.sr-acc-key{background:color-mix(in oklab, var(--c) 60%, transparent)}@media (prefers-reduced-motion:reduce){.sr-card,.sr-acc{animation:none}}.sr-card b,.sr-card small{text-overflow:ellipsis;max-width:calc(100% - 24px);overflow:hidden}
