.vwWCVG_wave{grid-template-columns:repeat(var(--n), 1fr);align-items:center;display:grid;position:absolute}.vwWCVG_waveBar{width:calc((1 - var(--gap,.35)) * 100%);height:calc(var(--h) * 100%);min-height:var(--hair,1px);background:currentColor;border-radius:999px;justify-self:center}.vwWCVG_velocity{position:absolute}.vwWCVG_stem{bottom:0;left:calc(var(--x) * var(--beat,4cqw));width:var(--stem,.4cqw);height:calc(var(--v) * (100% - var(--dot,1.4cqw) / 2));transform-origin:50% 100%;background:currentColor;border-radius:999px;position:absolute}.vwWCVG_stem:before{content:"";top:calc(var(--dot,1.4cqw) / -2);width:var(--dot,1.4cqw);height:var(--dot,1.4cqw);margin-left:calc(var(--dot,1.4cqw) / -2);background:currentColor;border-radius:999px;position:absolute;left:50%}.vwWCVG_pedal{position:absolute}.vwWCVG_pedalSvg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vwWCVG_pedalFill{fill:currentColor;fill-opacity:.14}.vwWCVG_pedalLine{fill:none;stroke:currentColor;stroke-width:var(--pedal-w,1.5px);stroke-linejoin:round}.vwWCVG_pedalDot{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:var(--dot,1.4cqw);height:var(--dot,1.4cqw);margin:calc(var(--dot,1.4cqw) / -2) 0 0 calc(var(--dot,1.4cqw) / -2);background:currentColor;border-radius:999px;position:absolute}
.j0eOda_roll{--kw:color-mix(in oklab, var(--foreground) 3%, var(--art-panel,var(--background)));--kb:color-mix(in oklab, var(--foreground) 70%, var(--art-panel,var(--background)));--kl:color-mix(in oklab, var(--kb) 40%, transparent);--cell-line:color-mix(in oklab, var(--foreground) 6%, transparent);--bar-line:color-mix(in oklab, var(--foreground) 14%, transparent);--black-row:color-mix(in oklab, var(--foreground) 3.5%, transparent);position:absolute;overflow:hidden}.dark .j0eOda_roll{--kw:color-mix(in oklab, var(--foreground) 36%, var(--art-panel,var(--background)));--kb:var(--background)}.j0eOda_keys{width:var(--keys,7cqw);background:var(--kw);box-shadow:inset calc(var(--hair,1px) * -1) 0 var(--kl);position:absolute;top:0;bottom:0;left:0}.j0eOda_blackKey{left:0;top:calc(var(--r) * var(--row,3cqw));width:62%;height:var(--row,3cqw);background:var(--kb);border-radius:0 .5cqw .5cqw 0;position:absolute}.j0eOda_keyLine{right:0;top:calc(var(--y) * var(--row,3cqw) - var(--hair,1px) / 2);width:var(--lw,100%);height:var(--hair,1px);background:var(--kl);position:absolute}.j0eOda_grid{top:0;bottom:0;left:var(--keys,7cqw);background:repeating-linear-gradient(90deg, var(--bar-line) 0 var(--hair,1px), transparent 0 calc(var(--beat,4cqw) * 4)), repeating-linear-gradient(90deg, var(--cell-line) 0 var(--hair,1px), transparent 0 var(--beat,4cqw)), repeating-linear-gradient(180deg, transparent 0 calc(var(--row,3cqw) - var(--hair,1px)), var(--cell-line) 0 var(--row,3cqw));position:absolute;right:0}.j0eOda_band{left:0;right:0;top:calc(var(--r) * var(--row,3cqw));height:var(--row,3cqw);background:var(--black-row);position:absolute}.j0eOda_note{top:calc(var(--r) * var(--row,3cqw) + var(--row,3cqw) * .1);left:calc(var(--x) * var(--beat,4cqw));width:calc(var(--w) * var(--beat,4cqw));height:calc(var(--row,3cqw) * .8);border-radius:calc(var(--row,3cqw) * .3);background:currentColor;position:absolute}
._8GZYpG_root{--art-once:.8;--art-panel:var(--home-art-panel,var(--background));--art-shadow:0 1px 2px #0000000a, 0 8px 24px -12px #0000001f;--chip:color-mix(in oklab, var(--foreground) 6%, var(--art-panel));--chip-shadow:0 .4cqw 1.6cqw -.6cqw #0000002e;--soft:color-mix(in oklab, var(--foreground) 16%, transparent);--line:color-mix(in oklab, var(--foreground) 8%, transparent);--hair:max(1px, .2cqw);aspect-ratio:4/3;white-space:nowrap;width:100%;color:var(--foreground);-webkit-user-select:none;user-select:none;pointer-events:none;font-family:inherit;font-weight:500;line-height:1;position:relative;overflow:hidden;container-type:inline-size}.dark ._8GZYpG_root{--art-panel:color-mix(in oklab, var(--foreground) 7%, var(--background));--art-shadow:none;--chip:color-mix(in oklab, var(--foreground) 13%, var(--art-panel));--chip-shadow:none}._8GZYpG_panel{border-radius:var(--panel-r,3.6cqw);background:var(--art-panel);box-shadow:var(--art-shadow);position:absolute;overflow:hidden}._8GZYpG_chip{align-items:center;gap:var(--chip-gap,1.2cqw);height:var(--chip-h,4.2cqw);padding:0 var(--chip-px,1.8cqw);background:var(--chip);box-shadow:var(--chip-shadow);border-radius:999px;display:flex}._8GZYpG_muted{color:var(--muted-foreground)}._8GZYpG_txt:before{content:attr(data-text)}._8GZYpG_ok{background:currentColor;border-radius:50%;flex:none;width:2.6cqw;height:2.6cqw;position:relative}._8GZYpG_ok:after{content:"";box-sizing:border-box;border:solid var(--background);border-width:0 max(1px,.3cqw) max(1px,.3cqw) 0;width:26%;height:50%;position:absolute;top:18%;left:34%;transform:rotate(42deg)}@media (prefers-reduced-motion:reduce){._8GZYpG_root *{animation:none!important}}:is([data-inview=false] ._8GZYpG_root,[data-inview=false] ._8GZYpG_root *){animation-play-state:paused}
.wtUiAW_row{grid-template-columns:var(--chip-w,13cqw) minmax(0, 1fr);min-height:var(--row-h,6.4cqw);box-sizing:border-box;border-radius:1.4cqw;grid-auto-rows:auto;align-items:center;padding:0 1.4cqw 0 .8cqw;display:grid;position:relative}.wtUiAW_chip{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--chip-fs,2.3cqw);font-variant-numeric:tabular-nums;color:var(--muted-foreground);border-radius:.8cqw;justify-self:start;padding:.5cqw .9cqw}.wtUiAW_lyric{text-overflow:ellipsis;min-width:0;font-size:var(--lyric-fs,3.2cqw);line-height:var(--row-h,6.4cqw);color:color-mix(in oklab, var(--foreground) 85%, transparent);grid-column:2;font-weight:500;overflow:hidden}.wtUiAW_word{white-space:pre}.wtUiAW_translation{text-overflow:ellipsis;min-width:0;font-size:var(--tr-fs,2.5cqw);color:var(--muted-foreground);grid-column:2;margin-top:-1.2cqw;padding-bottom:1cqw;line-height:1.3;overflow:hidden}.wtUiAW_past .wtUiAW_lyric{color:color-mix(in oklab, var(--muted-foreground) 55%, transparent)}.wtUiAW_future{background:0 0}.wtUiAW_current{background:color-mix(in oklab, var(--brand) 5%, transparent)}.wtUiAW_current .wtUiAW_lyric{color:var(--foreground);font-weight:600}.wtUiAW_current .wtUiAW_chip{background:color-mix(in oklab, var(--brand) 10%, transparent);color:var(--brand)}.wtUiAW_sung{color:var(--brand)}.wtUiAW_unsung{color:var(--muted-foreground)}.wtUiAW_zone{height:var(--zone-h,24cqw);box-sizing:border-box;border:max(1.5px, .4cqw) dashed var(--border);background-color:#0000;border-radius:1.8cqw;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;padding:0 3cqw;display:flex;position:relative}.wtUiAW_zoneOver{border-color:var(--brand);background-color:color-mix(in oklab, var(--brand) 5%, transparent)}.wtUiAW_zoneIcon{width:4.6cqw;height:4.6cqw;color:var(--muted-foreground)}.wtUiAW_zoneIconOver{color:var(--brand)}.wtUiAW_zoneTitle{text-overflow:ellipsis;max-width:100%;color:var(--foreground);font-size:3cqw;font-weight:500;overflow:hidden}.wtUiAW_zoneHint{text-overflow:ellipsis;max-width:100%;color:var(--muted-foreground);font-size:2.3cqw;overflow:hidden}.wtUiAW_card{padding:var(--card-p,2cqw);box-sizing:border-box;border:var(--hair,1px) solid var(--border);background:color-mix(in oklab, var(--muted) 30%, var(--art-panel,var(--background)));border-radius:1.8cqw;position:relative}.wtUiAW_cardHead{align-items:center;gap:2cqw;display:flex}.wtUiAW_cover{width:var(--cover,9cqw);height:var(--cover,9cqw);background:var(--muted);border-radius:1.3cqw;flex:none;justify-content:center;align-items:center;display:flex}.wtUiAW_coverIcon{width:3.2cqw;height:3.2cqw;color:var(--muted-foreground)}.wtUiAW_cardMeta{flex-direction:column;flex:1 1 0;gap:1cqw;min-width:0;display:flex}.wtUiAW_cardName{text-overflow:ellipsis;color:var(--foreground);font-size:2.9cqw;font-weight:500;display:block;overflow:hidden}.wtUiAW_cardSize{color:var(--muted-foreground);font-size:2.3cqw;display:block}.wtUiAW_cardX{width:3cqw;height:3cqw;color:var(--muted-foreground);flex:none}.wtUiAW_cardWave{align-items:center;gap:2cqw;margin-top:2cqw;display:flex}.wtUiAW_playBtn{background:var(--brand);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:6cqw;height:6cqw;display:flex}.wtUiAW_playIcon{fill:currentColor;width:2.6cqw;height:2.6cqw;margin-left:.3cqw}.wtUiAW_cardBars{flex:1 1 0;align-items:center;gap:.45cqw;height:7cqw;display:flex}.wtUiAW_cardBar{min-width:0;height:calc(14% + var(--h) * 86%);background:color-mix(in oklab, var(--muted-foreground) 45%, transparent);border-radius:999px;flex:1 1 0}.wtUiAW_cardBarPlayed{background:var(--brand)}.wtUiAW_split{height:var(--btn-h,6cqw);align-items:stretch;display:inline-flex}.wtUiAW_splitMain{background:var(--primary);color:var(--primary-foreground);border-radius:1.3cqw 0 0 1.3cqw;align-items:center;gap:1cqw;padding:0 1.8cqw;display:flex}.wtUiAW_splitChevron{width:var(--btn-h,6cqw);border-left:var(--hair,1px) solid color-mix(in oklab, var(--primary-foreground) 20%, transparent);background:var(--primary);color:var(--primary-foreground);border-radius:0 1.3cqw 1.3cqw 0;justify-content:center;align-items:center;display:flex}.wtUiAW_splitIcon{width:2.6cqw;height:2.6cqw}.wtUiAW_splitLabel{font-size:var(--btn-fs,2.6cqw);font-weight:500}.wtUiAW_menu{box-sizing:border-box;border:var(--hair,1px) solid var(--border);background:var(--popover,var(--art-panel,var(--background)));box-shadow:var(--art-shadow,none);border-radius:1.6cqw;flex-direction:column;padding:.8cqw;display:flex}.wtUiAW_menuItem{text-overflow:ellipsis;font-size:var(--menu-fs,2.7cqw);color:var(--foreground);border-radius:1cqw;padding:1.3cqw 1.8cqw;display:block;overflow:hidden}.wtUiAW_menuActive{background:var(--accent,var(--muted))}.wtUiAW_tile{width:var(--tile-w,9cqw);flex-direction:column;align-items:center;gap:1cqw;display:inline-flex}.wtUiAW_tilePaper{aspect-ratio:5/6;box-sizing:border-box;border:var(--hair,1px) solid color-mix(in oklab, var(--foreground) 18%, transparent);background:var(--art-panel,var(--background));width:100%;box-shadow:var(--chip-shadow,none);border-radius:1cqw 2.6cqw 1cqw 1cqw;justify-content:center;align-items:flex-end;padding-bottom:1.4cqw;display:flex;position:relative}.wtUiAW_tileExt{letter-spacing:.02em;background:var(--chip,var(--muted));color:var(--foreground);border-radius:.6cqw;padding:.5cqw .9cqw;font-size:2.2cqw;font-weight:650}.wtUiAW_tileName{text-overflow:ellipsis;max-width:34cqw;color:var(--muted-foreground);font-size:2.3cqw;overflow:hidden}.wtUiAW_cursor{fill:var(--foreground);stroke:var(--background);stroke-width:1.1px;stroke-linejoin:round;filter:drop-shadow(0 .3cqw .6cqw #0003);display:block;overflow:visible}
.f5bRjq_avatar{width:var(--av,12cqw);height:var(--av,12cqw);border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}.f5bRjq_official{background:linear-gradient(160deg, color-mix(in oklab, currentColor 26%, var(--art-panel)), color-mix(in oklab, currentColor 62%, var(--art-panel)))}.f5bRjq_official:before{content:"";background:currentColor;border-radius:50%;width:36%;height:36%;position:absolute;top:20%;left:32%}.f5bRjq_official:after{content:"";background:currentColor;border-radius:50%;width:72%;height:64%;position:absolute;top:62%;left:14%}.f5bRjq_marble{background:radial-gradient(circle at 26% 24%, color-mix(in oklab, currentColor 30%, #fff) 0, transparent 46%), radial-gradient(circle at 78% 82%, color-mix(in oklab, currentColor 62%, #1c1917) 0, transparent 52%), radial-gradient(circle at 80% 18%, color-mix(in oklab, currentColor 55%, #fb923c) 0, transparent 40%), currentColor}.f5bRjq_tile{align-items:center;gap:calc(var(--av,12cqw) * .11);width:calc(var(--av,12cqw) * 1.36);flex-direction:column;display:flex}.f5bRjq_face{width:var(--av,12cqw);height:var(--av,12cqw);flex:none;display:block;position:relative}.f5bRjq_ring{inset:calc(var(--av,12cqw) * -.075);box-sizing:border-box;border:calc(var(--av,12cqw) * .04) solid var(--foreground);border-radius:50%;position:absolute}.f5bRjq_badge{right:calc(var(--av,12cqw) * -.02);top:calc(var(--av,12cqw) * -.02);width:calc(var(--av,12cqw) * .32);height:calc(var(--av,12cqw) * .32);background:var(--art-panel);color:var(--brand);border-radius:50%;place-items:center;display:grid;position:absolute}.f5bRjq_badgeIcon{width:calc(var(--av,12cqw) * .29);height:calc(var(--av,12cqw) * .29)}.f5bRjq_play{left:calc(var(--av,12cqw) * -.068);top:calc(var(--av,12cqw) * .639);width:calc(var(--av,12cqw) * .43);height:calc(var(--av,12cqw) * .43);box-sizing:border-box;border:var(--hair) solid var(--soft);background:var(--art-panel);box-shadow:var(--chip-shadow);border-radius:50%;place-items:center;display:grid;position:absolute}.f5bRjq_playIcon{width:calc(var(--av,12cqw) * .2);height:calc(var(--av,12cqw) * .2);grid-area:1/1}.f5bRjq_chip{right:calc(var(--av,12cqw) * -.22);bottom:calc(var(--av,12cqw) * -.1);align-items:center;gap:calc(var(--av,12cqw) * .06);max-width:calc(var(--av,12cqw) * 1.5);height:calc(var(--av,12cqw) * .34);box-sizing:border-box;padding:0 calc(var(--av,12cqw) * .11);border:var(--hair) solid var(--soft);background:var(--art-panel);box-shadow:var(--chip-shadow);color:var(--brand);border-radius:999px;display:flex;position:absolute}.f5bRjq_chipIcon{width:calc(var(--av,12cqw) * .2);height:calc(var(--av,12cqw) * .2);flex:none}.f5bRjq_chipTxt{text-overflow:ellipsis;min-width:0;font-size:calc(var(--av,12cqw) * .2);line-height:1.3;display:block;overflow:hidden}.f5bRjq_names{width:100%;display:grid}.f5bRjq_name{text-overflow:ellipsis;text-align:center;max-width:100%;font-size:calc(var(--av,12cqw) * .215);grid-area:1/1;line-height:1.3;display:block;overflow:hidden}.f5bRjq_nameBold{font-weight:600}.f5bRjq_add{width:var(--av,12cqw);height:var(--av,12cqw);background:color-mix(in oklab, var(--foreground) 6%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.f5bRjq_addIcon{width:calc(var(--av,12cqw) * .42);height:calc(var(--av,12cqw) * .42)}.f5bRjq_spin{animation:10s linear infinite both f5bRjq_vtp-spin}.f5bRjq_cover{width:var(--cover,10cqw);height:var(--cover,10cqw);border-radius:calc(var(--cover,10cqw) * .12);background:color-mix(in oklab, var(--foreground) 6%, var(--art-panel));flex:none;place-items:center;display:grid}.f5bRjq_coverIcon{width:calc(var(--cover,10cqw) * .4);height:calc(var(--cover,10cqw) * .4)}.f5bRjq_submit{justify-content:center;align-items:center;gap:calc(var(--submit,8cqw) * .2);height:var(--submit,8cqw);box-sizing:border-box;padding:0 calc(var(--submit,8cqw) * .5);background:var(--brand-solid,var(--brand));box-shadow:0 calc(var(--submit,8cqw) * .16) calc(var(--submit,8cqw) * .4) calc(var(--submit,8cqw) * -.14) color-mix(in oklab, var(--brand-solid,var(--brand)) 70%, transparent);color:#fff;border-radius:999px;display:flex}.f5bRjq_submitWave{width:calc(var(--submit,8cqw) * .4);height:calc(var(--submit,8cqw) * .4);flex:none}.f5bRjq_submitTxt{text-overflow:ellipsis;min-width:0;font-size:calc(var(--submit,8cqw) * .36);font-weight:600;line-height:1.3;display:block;overflow:hidden}.f5bRjq_cursor{width:var(--cursor,3.6cqw);height:calc(var(--cursor,3.6cqw) * 1.5);fill:var(--foreground);stroke:var(--background);stroke-width:1.1px;stroke-linejoin:round;overflow:visible}.f5bRjq_bars{display:block;overflow:visible}@keyframes f5bRjq_vtp-spin{0%{transform:rotate(0)}to{transform:rotate(3600deg)}}