.visualizer.svelte-1xexgqq{position:absolute;top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);box-sizing:border-box;border-radius:8px;display:block;z-index:0;pointer-events:none}.shortcutOverlay.svelte-1329qcu{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.shortcutPanel.svelte-1329qcu{background:#222;border:1px solid #555;border-radius:8px;padding:24px;max-width:600px;width:90%;color:#eee}.shortcutPanel.svelte-1329qcu h3:where(.svelte-1329qcu){margin:0 0 16px;font-size:16px}.shortcutGrid.svelte-1329qcu{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 560px){.shortcutGrid.svelte-1329qcu{grid-template-columns:1fr}}.shortcutSection.svelte-1329qcu h4:where(.svelte-1329qcu){margin:0 0 8px;font-size:13px;color:#8cf}.shortcutSection.svelte-1329qcu div:where(.svelte-1329qcu){font-size:12px;color:#bbb;padding:2px 0}.shortcutSection.svelte-1329qcu kbd:where(.svelte-1329qcu){display:inline-block;padding:1px 5px;margin-right:2px;font-family:inherit;font-size:.92em;color:#eee;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:4px}.shortcutCloseBtn.svelte-1329qcu{background:#333;color:#ddd;border:1px solid #555;border-radius:4px;padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}.shortcutCloseBtn.svelte-1329qcu:hover{background:#444}#overlay-control.svelte-1329qcu{margin:-11px -18px 9px;border-radius:12px 12px 0 0;overflow:hidden;flex-shrink:0}#game-overlay.svelte-1329qcu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#0000004d;display:flex;flex-direction:column;align-items:center}#game-overlay.hidden.svelte-1329qcu{display:none}#play-box.svelte-1329qcu{width:min(55%,calc(100% - 36px));min-width:min(660px,calc(100% - 36px));backdrop-filter:brightness(.3);-webkit-backdrop-filter:brightness(.4) blur(4px);border-radius:12px;padding:11px 18px;box-sizing:border-box;display:flex;flex-direction:column;margin:auto;isolation:isolate;position:relative;z-index:5}.stage.svelte-1329qcu{display:flex;flex-direction:column;min-width:0}#play-box.svelte-1329qcu>#overlay-control:where(.svelte-1329qcu),#play-box.svelte-1329qcu>.status-main:where(.svelte-1329qcu),#play-box.svelte-1329qcu>.stage:where(.svelte-1329qcu),#play-box.svelte-1329qcu>#progress-wrapper:where(.svelte-1329qcu){position:relative;z-index:1}.status-main.svelte-1329qcu{display:flex;justify-content:center;gap:46px;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.88rem}.status-cell.svelte-1329qcu{display:flex;flex-direction:column;align-items:center;min-width:9.35rem}.cell-main-row.svelte-1329qcu{display:flex;align-items:baseline;justify-content:center;position:relative;width:100%}.cell-label.svelte-1329qcu{color:#aaa;font-size:.715rem}.cell-value.svelte-1329qcu{display:inline-block;min-width:6.05rem;text-align:center;font-weight:700;font-size:1.21rem;color:#ddd;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.cell-unit.svelte-1329qcu{font-size:.715rem;color:#aaa;margin-left:2px;font-weight:400}#lyrics.svelte-1329qcu{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;pointer-events:none;margin-bottom:9px}.lyric-line.svelte-1329qcu{display:flex;align-items:baseline;color:#fff;white-space:nowrap;font-size:1.54rem;margin-bottom:4px;padding-left:11px;max-width:100%;text-shadow:0 1px 3px rgba(0,0,0,.8)}.lyric-line.empty.svelte-1329qcu{visibility:hidden}.lyric-line.svelte-1329qcu{min-height:2.97rem}.lyric-line.preview.svelte-1329qcu{opacity:.6}span.text-match.svelte-1329qcu{color:#4dd0e1;text-shadow:0 0 2px #00bcd4,0 0 2px #00bcd4}span.char-span.typeable-space.svelte-1329qcu{position:relative;display:inline-block;box-sizing:border-box;width:.5em;height:.16em;overflow:hidden;vertical-align:-.08em}span.char-span.typeable-space.svelte-1329qcu:before{content:"";position:absolute;left:.06em;right:.06em;top:0;bottom:0;border:1px solid currentColor;border-top:none}span.reading-match.svelte-1329qcu{color:#b2ebf2;opacity:.7}.phrase.svelte-1329qcu ruby:where(.svelte-1329qcu) rt:where(.svelte-1329qcu){font-size:.7rem}.phrase.svelte-1329qcu ruby:where(.svelte-1329qcu) rt.text-match:where(.svelte-1329qcu){color:#4dd0e1}.phrase.svelte-1329qcu ruby:where(.svelte-1329qcu) rt.reading-match:where(.svelte-1329qcu){color:#b2ebf2;opacity:.7}.phrase.svelte-1329qcu ruby:where(.svelte-1329qcu) rt.committed:where(.svelte-1329qcu){filter:blur(1px) grayscale(100%);opacity:.6}.committed.svelte-1329qcu{filter:blur(1px) grayscale(100%);opacity:.6}#input-area.svelte-1329qcu{width:100%;margin-bottom:7px}.input-wrapper.svelte-1329qcu{position:relative;width:100%}.delay-hint.svelte-1329qcu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;color:#ffffff8c;font-size:.9rem;letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums}.skip-hint.svelte-1329qcu{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1;display:flex;align-items:center;font-size:1.54rem;color:#ffffff8c;font-family:monospace;-webkit-user-select:none;user-select:none}.skip-text.svelte-1329qcu{padding-left:.33rem;padding-bottom:5px;color:#fff6;white-space:nowrap}@keyframes svelte-1329qcu-skip-arrow-a{0%,to{opacity:1}}@keyframes svelte-1329qcu-skip-arrow-b{0%,33%{opacity:.1}34%,to{opacity:1}}@keyframes svelte-1329qcu-skip-arrow-c{0%,66%{opacity:.1}67%,to{opacity:1}}.skip-arrow.svelte-1329qcu:nth-child(1){animation:svelte-1329qcu-skip-arrow-a 1.6s linear infinite}.skip-arrow.svelte-1329qcu:nth-child(2){animation:svelte-1329qcu-skip-arrow-b 1.6s linear infinite}.skip-arrow.svelte-1329qcu:nth-child(3){animation:svelte-1329qcu-skip-arrow-c 1.6s linear infinite}.next-line-info.svelte-1329qcu{display:flex;align-items:baseline;gap:9px;height:1.76rem;overflow:hidden;padding:0 11px}.next-line-countdown.svelte-1329qcu{font-size:1.1rem;color:#ffffff80;font-variant-numeric:tabular-nums}.next-line-text.svelte-1329qcu{font-size:1.32rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#text-input.svelte-1329qcu{width:100%;height:44px;font-size:1.54rem;color:#fff;background-color:#0000004d;outline:none;border:none;border-width:1px 0;border-style:solid;padding:0 11px;box-sizing:border-box}#input-area.replay.svelte-1329qcu #text-input.replay-key-stream:where(.svelte-1329qcu){display:flex;align-items:center;gap:4px;flex-direction:row;flex-wrap:nowrap;overflow:hidden;justify-content:flex-start;font-size:.95rem;font-family:Segoe UI,Tahoma,monospace;color:#ffffffd9;background-color:#1e1e1e73;border-top:1px solid rgba(160,160,160,.22);border-bottom:1px solid rgba(160,160,160,.22)}#input-area.replay.svelte-1329qcu .key-text:where(.svelte-1329qcu){font-family:monospace;font-size:1.1rem;letter-spacing:.03em;color:#eee;white-space:nowrap;flex-shrink:0}#input-area.replay.svelte-1329qcu .key-token:where(.svelte-1329qcu){display:inline-flex;align-items:center;justify-content:center;min-width:12px;padding:0 3px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:3px;font-size:.7rem;line-height:1.5;white-space:nowrap;flex-shrink:0;color:#aaa;align-self:center}#input-area.replay.svelte-1329qcu .key-token.repeat:where(.svelte-1329qcu){opacity:.55}#input-area.replay.svelte-1329qcu .key-count:where(.svelte-1329qcu){margin-left:2px;font-size:.65rem;color:#ccc}#input-area.replay.svelte-1329qcu .replay-key-stream.dimmed:where(.svelte-1329qcu) .key-text:where(.svelte-1329qcu),#input-area.replay.svelte-1329qcu .replay-key-stream.dimmed:where(.svelte-1329qcu) .key-token:where(.svelte-1329qcu){opacity:.35}.replay-final.svelte-1329qcu{color:#ffffff80;font-size:.85rem;font-weight:400;margin-left:2px}#progress-wrapper.svelte-1329qcu{display:flex;align-items:center;gap:9px;width:100%}#progress-container.svelte-1329qcu{flex:1;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden}#progress-container.replay-clickable.svelte-1329qcu{cursor:pointer;transition:background-color .15s ease}#progress-container.replay-clickable.svelte-1329qcu:hover{background-color:#ffffff2e}#time-display.svelte-1329qcu{color:#fff;white-space:nowrap;min-width:fit-content}#progress-bar.svelte-1329qcu{height:100%;background:linear-gradient(to right,#00c6ff,#0072ff);box-shadow:0 0 8px #0072ff99;width:0%}#progress-bar.grace.svelte-1329qcu{background:linear-gradient(to right,#ff9800,#ff5722);box-shadow:0 0 8px #ff572299}.waiting-progress.svelte-1329qcu{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:#666}.phrase-progress.svelte-1329qcu{position:absolute;bottom:0;left:0;height:2px;background-color:gold;border-radius:1px;box-shadow:0 0 6px gold,0 0 2px #fa0;z-index:2;will-change:width;contain:layout paint;transition:background-color .3s,box-shadow .3s,opacity .3s}.phrase-progress.svelte-1329qcu:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,gold,#ffd70080 40%,#ffd70000 72%);animation:svelte-1329qcu-sparkle .9s ease-in-out infinite alternate}@keyframes svelte-1329qcu-sparkle{0%{opacity:.5;transform:translate(50%,-50%) scale(.8)}to{opacity:.95;transform:translate(50%,-50%) scale(1.15)}}.phrase-progress.inactive.svelte-1329qcu{background-color:transparent;box-shadow:none}.phrase-progress.inactive.svelte-1329qcu:after{display:none}.phrase-progress.finished.svelte-1329qcu{background-color:#888;box-shadow:none;opacity:.5}.phrase-progress.finished.svelte-1329qcu:after{display:none}.spark{position:absolute;border-radius:50%;background:gold;box-shadow:0 0 3px gold,0 0 6px #ffa50080;pointer-events:none;z-index:3;will-change:transform,opacity}.lyric-wrapper.cleared.svelte-1329qcu{width:0;opacity:0;margin:0;padding:0;overflow:hidden}.lyric-wrapper.svelte-1329qcu{display:inline-flex;width:var(--phrase-width, auto);opacity:1;overflow:visible;transition:width .1s ease-out,opacity .1s ease-out,margin .1s ease-out,padding .1s ease-out;vertical-align:bottom}.phrase.svelte-1329qcu{display:inline-block;white-space:nowrap;margin-top:5px;background-clip:content-box;box-sizing:border-box;position:relative;transform-origin:right center;transition:transform .3s ease-out;vertical-align:bottom}.lyric-wrapper.cleared.svelte-1329qcu .phrase:where(.svelte-1329qcu){transform:scaleX(0)}.phrase.svelte-1329qcu ruby:where(.svelte-1329qcu) rt.hidden-rt:where(.svelte-1329qcu){visibility:hidden;pointer-events:none}.phrase.waiting.svelte-1329qcu{color:gray;opacity:.8}.hs.svelte-1329qcu{width:.33rem;display:inline-block;pointer-events:none}.zs.svelte-1329qcu{width:1rem;display:inline-block;pointer-events:none}.waiting-text.svelte-1329qcu{position:absolute;left:50%;bottom:30vh;transform:translate(-50%)}.waiting-scroll-btn.svelte-1329qcu{position:absolute;left:50%;bottom:10vh;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background-color:#0009;border:1px solid rgba(255,255,255,.2);color:#ffffffd9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.waiting-scroll-btn.svelte-1329qcu:hover{background-color:#000c;border-color:#ffffff73;color:#fff}.waiting-text.svelte-1329qcu{color:#fff;font-size:1.8rem;text-shadow:0 2px 8px rgba(0,0,0,.6);background-color:#000000b3;border-radius:12px;padding:32px 48px;text-align:center}.waiting-replay-info.svelte-1329qcu{display:block;margin-top:12px;color:#ccc;font-size:1rem;font-weight:500}.waiting-text.svelte-1329qcu kbd:where(.svelte-1329qcu){display:inline-block;padding:4px 12px;font-size:1.2rem;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);border-radius:6px;box-shadow:0 1px #ffffff26;margin:0 4px}#result-content.svelte-1329qcu{width:600px;max-height:55%;background-color:#0009;border-radius:20px;padding:18px 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;color:#fff;margin:auto;isolation:isolate}.result-menu.svelte-1329qcu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1}.result-stats.svelte-1329qcu{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.result-stat.svelte-1329qcu{display:flex;flex-direction:column;align-items:center;gap:2px}.result-stat-label.svelte-1329qcu{font-size:.65rem;color:#888;text-transform:uppercase}.result-stat-value.svelte-1329qcu{font-size:1.1rem;color:#fff;font-weight:600}.result-actions.svelte-1329qcu{display:flex;gap:12px}.result-btn{padding:6px 20px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background-color:#ffffff1a;color:#fff;font-size:.85rem;cursor:pointer;transition:background-color .15s;text-decoration:none}.result-btn:hover{background-color:#fff3}