.GuidePip-module__ks4JOW__guide{border:1px solid var(--line,#d9d6d0);border-radius:12px;margin-block:1rem}.GuidePip-module__ks4JOW__guide summary{cursor:pointer;padding:14px 16px;font-weight:600}.GuidePip-module__ks4JOW__body{padding:0 16px 16px}.GuidePip-module__ks4JOW__body p{margin-block:10px;line-height:1.6}.GuidePip-module__ks4JOW__note{opacity:.85;font-size:.85rem}.GuidePip-module__ks4JOW__canvas,.GuidePip-module__ks4JOW__video{background:#171b26;border-radius:8px;width:100%;max-width:640px;height:auto;display:block}.GuidePip-module__ks4JOW__controls{border:0;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;margin:0;padding:12px 0;display:flex}.GuidePip-module__ks4JOW__controls legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.GuidePip-module__ks4JOW__controls label{align-items:center;gap:6px;font-size:.9rem;display:flex}.GuidePip-module__ks4JOW__controls select,.GuidePip-module__ks4JOW__body button,.GuidePip-module__ks4JOW__saved a{border:1px solid var(--line,#a9afb9);font:inherit;color:inherit;background:0 0;border-radius:7px;padding:7px 10px}.GuidePip-module__ks4JOW__body button,.GuidePip-module__ks4JOW__saved a{cursor:pointer}.GuidePip-module__ks4JOW__body button:disabled{opacity:.45;cursor:not-allowed}.GuidePip-module__ks4JOW__body :is(button,select,input,a):focus-visible,.GuidePip-module__ks4JOW__guide summary:focus-visible{outline-offset:3px;outline:3px solid #458b82}.GuidePip-module__ks4JOW__seek{flex:280px}.GuidePip-module__ks4JOW__seek input{flex:1;width:100%;min-width:70px}.GuidePip-module__ks4JOW__controls output,.GuidePip-module__ks4JOW__progress output{font-variant-numeric:tabular-nums;font-size:.85rem}.GuidePip-module__ks4JOW__export{border-top:1px solid var(--line,#d9d6d0);margin-top:6px;padding-top:10px}.GuidePip-module__ks4JOW__progress,.GuidePip-module__ks4JOW__saved{flex-wrap:wrap;align-items:center;gap:12px;margin-block:12px;display:flex}.GuidePip-module__ks4JOW__progress progress{max-width:100%}.GuidePip-module__ks4JOW__file{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.GuidePip-module__ks4JOW__file input{max-width:100%}.GuidePip-module__ks4JOW__hiddenVideo{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.GuidePip-module__ks4JOW__error{color:#b13e3e}
.site .playback-options{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.site .playback-options label{align-items:center;gap:6px;display:flex}.site .playback-options select{max-width:100%;font:inherit;border:1px solid var(--line,#d9d3ca);background:var(--paper,#fff);color:inherit;border-radius:8px;padding:8px}.site .playback-note{opacity:.8;margin:8px 0;font-size:12px;line-height:1.5}.site .playback-seek{width:100%;accent-color:var(--blue,#4577a8);min-height:32px}.site .playback-count{pointer-events:none;text-shadow:0 2px 8px #fff;z-index:4;place-items:center;font-size:64px;font-weight:800;display:grid;position:absolute;inset:0}.site .kstage .chord-cues{color:#eaf2ff;border-bottom:1px solid #ffffff30;grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.site .chord-cues>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.site .chord-cues small{width:100%}.site .chord-cues strong{overflow-wrap:anywhere;font-size:16px}.site .chord-cues .cg{flex-shrink:0}.site .display-sheet .klanes{display:none}.site .display-sheet .chord-cues{padding:18px}.site .kkeys .kk{touch-action:none;-webkit-user-select:none;user-select:none}.site .kkeys .kk.pressed{box-shadow:inset 0 0 0 3px}.site .kstage.hide-key-labels .kk>b{visibility:hidden}.site .kstage.view-only .kk:disabled{opacity:1;cursor:default}@media (max-width:600px){.site .playback-options{gap:8px}.site .chord-cues strong{font-size:14px}}@media (orientation:landscape) and (max-height:600px){.site .kstage .klanes{height:110px}.site .kstage .chord-cues{padding:6px 12px}}.site .board.keyed>.following-sheet{border:1px solid var(--line);background:linear-gradient(180deg,var(--sky-50),#fff);border-radius:12px;min-width:0;overflow:hidden}.site .following-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:62px;padding:10px 16px;display:flex}.site .following-toolbar>span{font-weight:700}.site .following-toolbar small{color:var(--sub)}.site .following-toolbar .btn{padding:8px 10px;font-size:12px}.site .following-viewport{overscroll-behavior:contain;overflow-anchor:none;touch-action:pan-y;scrollbar-gutter:stable;scroll-behavior:auto;height:396px;position:relative;overflow:auto}.site .following-viewport:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.site .following-content{position:relative}.site .following-line{opacity:.45;flex-direction:column;gap:6px;transition:opacity .2s;display:flex;position:absolute;left:16px;right:12px}.site .following-line.current{opacity:1}.site .following-line.previous{opacity:.3}.site .following-sheet[data-following=false] .following-line{opacity:1}.site .following-line-number{color:var(--sub);font-size:11px;line-height:16px}.site .following-chords{align-items:flex-start;gap:12px;display:flex}.site .following-chord{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:0}.site .following-chord.beat-start{margin-left:4px}.site .following-chord:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.site .following-chord .cg{grid-template-columns:repeat(var(--cols),14px);box-shadow:inset 0 0 0 1px var(--line);background:#fff;gap:4px;padding:5px;display:grid}.site .following-chord .cg i{background:var(--sky-100);width:14px;height:14px}.site .following-chord .cg i.on{background:var(--c);box-shadow:none}.site .following-chord .r0{--c:#bf8b00}.site .following-chord .r1{--c:#16825f}.site .following-chord .r2{--c:var(--blue)}.site .following-chord.current .cg{box-shadow:inset 0 0 0 2px var(--blue);background:var(--sky-50)}.site .following-key-names{overflow-wrap:anywhere;max-height:34px;margin-top:5px;font-size:13px;font-weight:700;line-height:17px;display:block;overflow:auto}.site .following-help{border-top:1px solid var(--line);color:var(--sub);margin:0;padding:10px 16px;font-size:12px;line-height:1.5}@media (min-width:1001px),(orientation:landscape) and (max-height:560px){.site .board.keyed>.following-sheet{grid-area:1/2}}@media (max-width:600px){.site .following-viewport{height:330px}}@media (orientation:landscape) and (max-height:600px){.site .following-viewport{height:264px}}@media (prefers-reduced-motion:reduce){.site .following-line{transition:none}}@media (max-width:1000px) and (orientation:portrait){.site .board.keyed:has(>.following-sheet)>.stagebox{position:static}}.site .board .stagebox{grid-template-columns:minmax(0,1fr)}.site .kstage.compact{width:100%;height:100%;min-height:0;box-shadow:none;--r0:#bf8b00;--r1:#16825f;--r2:var(--blue);background:0 0;border-radius:0;place-items:center;gap:0;padding:0;overflow:visible;container-type:size}.site .kstage.compact .kkeys{width:min(calc(100cqw - 8px),calc((100cqh - 20px) * var(--cols) / 3 + (var(--cols) - 1) * 4px));gap:4px;max-width:none}.site .kstage.compact .kk{min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 36%,transparent),0 1px 3px #0f254718;background:#ffffffe6;border-radius:7px;padding:0}.site .kstage.compact.g-genshin .kk{border-radius:50%}.site .kstage.compact .kk svg{opacity:.8}.site .kstage.compact .kk em{place-items:center;font-size:clamp(8px,4cqw,12px);display:grid;inset:0}.site .kstage.compact .kk.now{box-shadow:inset 0 0 0 2px var(--c),0 0 10px -3px var(--c);background:#fff}.site .kstage.compact .kk .ring{box-shadow:none;border-width:1.5px}.site .kstage.compact .kk.on{animation:.35s ease-out compact-key-on}@keyframes compact-key-on{0%{background:var(--sky-200)}to{background:#ffffffe6}}.site .lane.compact{--roll-rows:1;background:repeating-linear-gradient(0deg,transparent 0 calc(100% / var(--roll-rows) - 1px),#1f7ae013 calc(100% / var(--roll-rows) - 1px) calc(100% / var(--roll-rows))),linear-gradient(90deg,#f3f8feed,#f3f8fec9);border:0;border-radius:4px;height:100%}.site .lane.compact .hit{background:var(--blue-ink);opacity:.65;z-index:1;width:1px;height:auto;inset:0 auto 0 20%}.site .lane.compact .nt{min-width:2px;height:clamp(2px,calc(100% / var(--roll-rows) - 1px),8px);background:var(--blue-ink);box-shadow:none;opacity:.65;border-radius:2px;margin:0;transform:translateY(-50%)}.site .lane .nt.sounding{filter:brightness(1.12);box-shadow:0 0 0 1px var(--blue),0 0 8px #1f7ae044}.site .lane.compact .nt.sounding{opacity:1;background:var(--navy);filter:none;box-shadow:0 0 0 1px #ffffffb3}.site .mstrip.compact{background:linear-gradient(#ddceaa66,#0000 8% 92%,#ddceaa66),#fff9e9ed;border:0;border-radius:3px;height:100%;position:relative;box-shadow:inset 0 1px #fffcf5,inset 0 -1px #c0ad8466}.site .mstrip.compact .mscroll{overflow:hidden;container-type:size}.site .mstrip.compact svg{max-width:none;transform:translateX(calc(28cqw - var(--strip-time,0px) - 6px))}.site .mstrip.compact line{stroke:#ab96752b}.site .mstrip.compact circle{fill:#746247;stroke:#fffdf7;stroke-width:1px}.site .mstrip.compact circle.sounding{fill:var(--blue-ink);stroke:var(--sky-200);stroke-width:3px}.site .mreader{background:linear-gradient(90deg,#6e7780,#f7f7f4,#78818a);width:2px;position:absolute;top:0;bottom:0;left:28%;box-shadow:1px 0 2px #74624740}.site .mreader:before,.site .mreader:after{content:"";background:linear-gradient(#f8f7ef,#acb1b1);border:1px solid #92999c;border-radius:1px;width:10px;height:4px;position:absolute;left:-4px}.site .mreader:before{top:0}.site .mreader:after{bottom:0}@media (prefers-reduced-motion:reduce){.site .kstage.compact .kk,.site .kstage.compact .kk:before,.site .kstage.compact .kk .ring,.site .lane.compact .nt,.site .mstrip.compact svg{transition:none;animation:none}.site .kstage.compact .kk .ring.on{transform:none}.site .mstrip.compact circle.sounding{fill:#746247;stroke:#fffdf7;stroke-width:1px}}.site .seg.level-pick{background:var(--surface-2,#f3f1ec);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px;padding:4px;display:grid}.site .seg.level-pick button{border-radius:9px;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:10px 6px;display:flex}.site .seg.level-pick button small{white-space:nowrap;margin:0;font-size:12px}.site .seg.level-pick button b{opacity:.75;font-size:12px;font-weight:600}.site .seg.level-pick button[aria-pressed=true]{background:var(--navy);color:#fff}.site .seg.level-pick button[aria-pressed=true] small{color:#fffc}
.SongCardPreview-module__d_U5pq__card{position:relative}.SongCardPreview-module__d_U5pq__card>a{display:block}.SongCardPreview-module__d_U5pq__card .cover>.play{visibility:hidden}.SongCardPreview-module__d_U5pq__overlay{min-height:172px}.SongCardPreview-module__d_U5pq__card .cover{min-height:172px}.SongCardPreview-module__d_U5pq__card.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__listen{z-index:3;width:44px;height:44px;min-height:44px;color:var(--blue-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #fffc;border-radius:50%;padding:0;position:absolute;top:8px;right:8px;box-shadow:0 2px 10px #0f25472e,inset 0 0 0 1px #155fb314}.SongCardPreview-module__d_U5pq__card.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__listen:hover,.SongCardPreview-module__d_U5pq__card.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__listen[aria-pressed=true]{background:var(--blue-ink);color:#fff;border-color:#ffffffbf;box-shadow:0 3px 12px #155fb34d}.SongCardPreview-module__d_U5pq__listen .ico{display:flex}.SongCardPreview-module__d_U5pq__listen .ico svg{width:18px;height:18px;margin-left:2px}.SongCardPreview-module__d_U5pq__label{display:none}.SongCardPreview-module__d_U5pq__equalizer{justify-content:center;align-items:center;gap:3px;width:18px;height:18px;display:flex}.SongCardPreview-module__d_U5pq__equalizer i{background:currentColor;border-radius:3px;width:3px;height:14px;animation:.8s ease-in-out infinite alternate SongCardPreview-module__d_U5pq__sound-bar}.SongCardPreview-module__d_U5pq__equalizer i:nth-child(2){height:18px;animation-delay:-.5s}.SongCardPreview-module__d_U5pq__equalizer i:nth-child(3){height:10px;animation-delay:-.2s}@keyframes SongCardPreview-module__d_U5pq__sound-bar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.SongCardPreview-module__d_U5pq__overlay{aspect-ratio:16/10;width:100%;color:var(--ink);pointer-events:none;background:linear-gradient(#f6f9fd40,#f6f9fd14);grid-template-rows:minmax(0,1fr);padding:52px 10px 10px;display:grid;position:absolute;inset:0 0 auto}.SongCardPreview-module__d_U5pq__visual{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.SongCardPreview-module__d_U5pq__scene{width:100%;height:100%}.SongCardPreview-module__d_U5pq__status{max-height:36px;color:var(--navy);-webkit-line-clamp:2;overflow-wrap:anywhere;background:#ffffffeb;border-radius:6px;-webkit-box-orient:vertical;padding:3px 6px;font-size:11px;line-height:15px;display:-webkit-box;position:absolute;top:8px;left:10px;right:60px;overflow:hidden}.SongCardPreview-module__d_U5pq__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.SongCardPreview-module__d_U5pq__card.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__listen{transition:none}.SongCardPreview-module__d_U5pq__equalizer i{animation:none}.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__overlay .SongCardPreview-module__d_U5pq__scene,.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__overlay .SongCardPreview-module__d_U5pq__scene:before,.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__overlay .SongCardPreview-module__d_U5pq__scene:after,.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__overlay .SongCardPreview-module__d_U5pq__scene *,.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__overlay .SongCardPreview-module__d_U5pq__scene :before,.SongCardPreview-module__d_U5pq__card .SongCardPreview-module__d_U5pq__overlay .SongCardPreview-module__d_U5pq__scene :after{transition:none;animation:none}}
.AlbumJackets-module__u5Isuq__jackets.AlbumJackets-module__u5Isuq__jackets .jk{aspect-ratio:1}.AlbumJackets-module__u5Isuq__jackets.AlbumJackets-module__u5Isuq__jackets .jk img{object-position:center}.AlbumJackets-module__u5Isuq__jackets.AlbumJackets-module__u5Isuq__jackets .jk.c{width:270px}.AlbumJackets-module__u5Isuq__jackets.AlbumJackets-module__u5Isuq__jackets .jk .ttl{font-size:16px;line-height:1.35}@media (max-width:640px){.AlbumJackets-module__u5Isuq__jackets.AlbumJackets-module__u5Isuq__jackets .jk.c{width:200px}}