.karaoke-launch{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;padding:7px 14px;border:1px solid rgba(61,224,202,.45);border-radius:999px;background:rgba(12,112,109,.2);color:#a6fff0;font-family:inherit;font-size:12px;font-weight:600;line-height:1.25;cursor:pointer;white-space:normal;overflow-wrap:anywhere;text-align:center;box-sizing:border-box}
.karaoke-launch:hover{background:rgba(18,147,135,.3);border-color:#57e2cb}.karaoke-launch:disabled{cursor:wait;opacity:.65}.karaoke-launch[hidden],.karaoke-dialog [hidden],.karaoke-toast[hidden]{display:none!important}
.karaoke-launch-global{align-self:flex-start;min-height:24px;padding:3px 9px;font-size:10px;margin-block-start:4px}.karaoke-launch-detail{margin-block-start:10px}.karaoke-launch-mobile{margin:10px 0 2px;width:100%}
.karaoke-dialog{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;height:100dvh;min-width:0;margin:0;padding:max(22px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(ellipse at 50% 25%,rgba(16,106,103,.34),transparent 65%),#071619;color:#effffb;font-family:inherit;isolation:isolate}
.karaoke-dialog:fullscreen{height:100%;background-color:#071619}.karaoke-dialog *{box-sizing:border-box}.karaoke-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex:none}.karaoke-meta{min-width:0}.karaoke-kicker{margin:0 0 8px;color:#65e5ce;font-size:11px;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.16em}.karaoke-title{margin:0;color:#f1fff9;font-size:clamp(19px,3vw,30px);font-weight:650;line-height:1.25;overflow-wrap:anywhere}.karaoke-artist{margin:7px 0 0;color:#9eb7b5;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.karaoke-dialog button{font-family:inherit;cursor:pointer;touch-action:manipulation}.karaoke-dialog button:disabled{cursor:wait;opacity:.5}.karaoke-dialog button:focus-visible,.karaoke-dialog input:focus-visible,.karaoke-launch:focus-visible{outline:2px solid #9dffe7;outline-offset:4px}.karaoke-close{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #31504e;border-radius:50%;background:#102b2c;color:#d7fff1;font-size:30px;line-height:1}.karaoke-close:hover{background:#1c4846}
.karaoke-stage{display:flex;flex:1 1 250px;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:0;width:min(1100px,100%);margin:auto;padding:30px 0;text-align:center;overflow:auto;scrollbar-width:thin}.karaoke-status{flex:none;min-height:20px;margin:0 0 20px;color:#8ec3b9;font-size:13px;line-height:1.5}.karaoke-current{flex:none;width:100%;margin:0;color:#a1ffe5;font-size:clamp(28px,5vw,68px);font-weight:700;line-height:1.25;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 0 35px rgba(72,224,191,.14)}.karaoke-current.is-break{color:#789f97;font-size:clamp(24px,4vw,48px);font-weight:500}.karaoke-upcoming-label{flex:none;margin:32px 0 10px;color:#70a79a;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.karaoke-dialog .karaoke-upcoming{flex:none;max-width:100%;margin:0;color:#bbd5cb;font-size:clamp(17px,2.6vw,30px);font-weight:500;line-height:1.5;overflow-wrap:anywhere;text-wrap:balance}
.karaoke-bottom{flex:none;width:min(840px,100%);margin:0 auto}.karaoke-timeline{display:flex;align-items:center;gap:14px;margin-block-end:22px;direction:ltr;color:#a3c1b6;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.5}.karaoke-seek{flex:1;min-width:0;height:26px;margin:0;accent-color:#64e9c6;cursor:pointer}.karaoke-dialog .karaoke-controls{display:grid;grid-template-columns:1fr minmax(100px,160px) 1fr;align-items:center;gap:18px}.karaoke-dialog .karaoke-controls button{min-height:44px;padding:10px 16px;border:1px solid #31504e;border-radius:999px;background:transparent;color:#b5d8c9;font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.karaoke-dialog .karaoke-controls button:hover{background:#153c36}.karaoke-dialog .karaoke-controls .karaoke-play{min-height:52px;background:#6ee5c2;border-color:#6ee5c2;color:#052820;font-size:15px}.karaoke-dialog .karaoke-controls .karaoke-play:hover{background:#a4ffdf}.karaoke-lyrics-toggle{justify-self:start}.karaoke-fullscreen{justify-self:end}.karaoke-lyrics{flex:1 1 220px;min-height:0;width:min(840px,100%);margin:0 auto 24px;padding:14px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#38665a transparent;border-block:1px solid #203e36}.karaoke-dialog .karaoke-lyric{display:block;width:100%;min-height:42px;padding:11px 14px;border:0;border-radius:8px;background:transparent;color:#94b7a8;font-size:17px;line-height:1.5;text-align:start;overflow-wrap:anywhere}.karaoke-dialog .karaoke-lyric:hover{background:#12392e}.karaoke-dialog .karaoke-lyric.is-current{background:#154d3b;color:#a5ffe0;font-weight:700}.karaoke-dialog .karaoke-lyric.is-next{color:#deeee6}.karaoke-dialog.has-lyrics .karaoke-stage{flex:1 1 200px;padding:16px 0}.karaoke-dialog.has-lyrics .karaoke-current{font-size:clamp(24px,3.8vw,45px)}.karaoke-dialog.has-lyrics .karaoke-upcoming-label{margin-block-start:14px}.karaoke-dialog.has-lyrics .karaoke-status{margin-block-end:10px}
.karaoke-toast{position:fixed;z-index:2147483001;inset:auto 20px 105px;margin-inline:auto;width:max-content;max-width:calc(100vw - 40px);padding:12px 18px;border:1px solid #467365;border-radius:12px;background:#153d32;color:#d5ffeb;font-family:inherit;font-size:13px;line-height:1.5;box-shadow:0 8px 28px #0006;overflow-wrap:anywhere;text-align:center}
@media(max-width:600px){.karaoke-dialog{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.karaoke-header{gap:12px}.karaoke-close{width:40px;height:40px}.karaoke-stage{padding:24px 0}.karaoke-current{font-size:clamp(27px,8vw,42px)}.karaoke-dialog .karaoke-upcoming{font-size:19px}.karaoke-upcoming-label{margin-block-start:26px}.karaoke-dialog .karaoke-controls{grid-template-columns:1fr 1.15fr 1fr;gap:8px}.karaoke-dialog .karaoke-controls button{width:100%;padding:10px 7px;font-size:11px}.karaoke-dialog .karaoke-controls .karaoke-play{min-width:0;font-size:14px}.karaoke-timeline{gap:9px;margin-block-end:16px}.karaoke-lyrics{margin-block-end:16px;padding-inline:0}.karaoke-dialog .karaoke-lyric{font-size:16px}.karaoke-dialog.has-lyrics .karaoke-stage{flex-basis:160px}.karaoke-dialog.has-lyrics .karaoke-current{font-size:26px}.karaoke-dialog.has-lyrics .karaoke-upcoming{font-size:16px}.karaoke-dialog.has-lyrics .karaoke-status{min-height:16px;font-size:11px}}
@media(max-height:520px){.karaoke-dialog{padding-block:12px}.karaoke-artist{display:none}.karaoke-stage{padding:8px 0;flex-basis:120px}.karaoke-status{margin-block-end:5px;min-height:15px}.karaoke-current{font-size:30px}.karaoke-upcoming-label{margin-block-start:10px}.karaoke-dialog .karaoke-upcoming{font-size:18px}.karaoke-timeline{margin-block-end:7px}.karaoke-dialog .karaoke-controls button,.karaoke-dialog .karaoke-controls .karaoke-play{min-height:38px;padding-block:7px}.karaoke-dialog.has-lyrics .karaoke-stage{flex-basis:80px}.karaoke-dialog.has-lyrics .karaoke-upcoming,.karaoke-dialog.has-lyrics .karaoke-upcoming-label{display:none}}
@media(prefers-reduced-motion:reduce){.karaoke-dialog *{scroll-behavior:auto!important}}
@media(max-width:600px){.karaoke-dialog .karaoke-controls .karaoke-play{font-size:clamp(10px,3.2vw,14px)}}