:root{--bg:#0b0a14;--surface:#16142a;--surface-2:#221f3d;--line:#2e2a4f;--text:#f4f2ff;--text-2:#a9a4c7;--text-3:#9a95bc;--muted:#6e6a8a;--neon-pink:#ff3d9a;--pink-soft:#ffb3d9;--neon-cyan:#3ee0f0;--gold:#ffd23f;--violet:#b98cff;--cd-gap:8px;--cd-size:clamp(44px, 14.4vw, 64px);--ctx:#8f8aae;--error:#ff6b6b;--font-ko:"Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-zh:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:max(16px, env(safe-area-inset-left,0px));--safe-r:max(16px, env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0}html.fs-lock,html.fs-lock body{overflow:hidden}body{font:400 16px/1.4 var(--font-zh);overscroll-behavior:none}button,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:var(--neon-cyan)}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px;border-radius:6px}#root{height:100%}.app{background:var(--bg);max-width:560px;height:100dvh;padding-top:var(--safe-t);padding-bottom:var(--safe-b);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.info{min-height:52px;padding:4px var(--safe-r) 4px var(--safe-l);background:var(--surface);flex:none;align-items:center;gap:10px;display:flex}.cover{object-fit:cover;background:var(--surface-2);border-radius:8px;flex:none;width:36px;height:36px}.meta{flex:1;min-width:0}.song-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.song-artist{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;line-height:1.2;overflow:hidden}.song-credits{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:11px;line-height:1.2;overflow:hidden}.credits-full{margin:0}.t-row{align-items:center;gap:6px;min-width:0;display:flex}.t-row .song-title{flex:0 auto;min-width:0}.t-row .tag-draft{white-space:nowrap;flex:none;margin-left:0}.tag-draft{background:var(--surface-2);color:var(--gold);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:12px;font-weight:700}.src-label{color:var(--text);background:var(--surface-2);white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:13px;font-weight:700}.seg{background:var(--surface-2);border-radius:999px;flex:none;padding:0;display:inline-flex}.seg-btn{min-width:64px;min-height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:14px;font-weight:700}.seg-btn[aria-pressed=true]{background:var(--neon-pink);color:var(--bg)}.btn-pick{cursor:pointer;min-width:52px;height:44px;color:var(--text);background:0 0;border:0;flex:none;padding:0;font-size:13px;font-weight:700}.btn-pick span{height:28px;box-shadow:inset 0 0 0 1px var(--text-3);border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.btn-pick span:after{content:"▾";margin-left:4px;font-size:11px}.song-list{margin:0;padding:0;list-style:none}.song-item{min-height:56px;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:6px 4px;text-decoration:none;display:flex}.song-item[aria-current=true]{background:var(--surface-2)}.song-item .meta{flex-direction:column;display:flex}.song-item .song-title{font-size:16px;font-weight:700}.song-item .now{color:var(--neon-cyan);padding:0 8px;font-size:13px;font-weight:700}.btn-info{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:22px}.player-wrap{background:#000;flex:none}.player-box{background:#000;width:100%;height:max(200px,56.25vw);position:relative;overflow:hidden}.player-wrap{width:100%}.player-box iframe{border:0;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.mock-video{color:#a0a0a0;font:600 14px var(--font-zh);background:#111;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.stage{background:radial-gradient(60% 50% at 50% 40%, #ff3d9a14, transparent), var(--bg);flex-direction:column;flex:auto;min-height:260px;display:flex;position:relative;overflow:hidden}.c1{height:32px;padding:0 var(--safe-r) 0 var(--safe-l);flex:none;justify-content:space-between;align-items:center;display:flex}.badge{background:var(--surface-2);height:24px;color:var(--text);border-radius:999px;align-items:center;padding:0 10px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.b-chant,.b-ready{box-shadow:inset 0 0 0 1px var(--pink-soft);color:var(--pink-soft);background:0 0}.b-shout{background:var(--neon-pink);color:var(--bg)}.b-name{background:var(--gold);color:var(--bg)}.b-unison{background:var(--violet);color:var(--bg)}.b-context{box-shadow:inset 0 0 0 1px var(--ctx);color:var(--ctx);background:0 0}.b-speech,.b-rest,.b-idle{background:var(--surface-2);color:var(--text-2)}.b-idle{color:var(--text)}.cd{color:var(--pink-soft);letter-spacing:.15em;font-size:14px;font-weight:700}.cd-text{letter-spacing:0;color:var(--text-2);font-variant-numeric:tabular-nums}.cdown{top:var(--cd-gap);height:var(--cd-size);pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.cdown[hidden]{display:none}.cd-mark{text-align:center;min-width:1.1em;font:900 var(--cd-size)/1 var(--font-zh);font-variant-numeric:tabular-nums;display:inline-block}.cd-n{color:#fff;text-shadow:0 0 18px #ff3d9acc,0 2px #0000008c}.cd-n1{color:var(--pink-soft)}.cd-go{background:var(--neon-pink);color:var(--bg);font-size:calc(var(--cd-size) * .7);border-radius:.4em;padding:0 .35em;line-height:1.15}.c2{min-height:0;margin:calc(var(--cd-size) - 16px) 8px 0;border-radius:12px;flex:auto;transition:background-color .3s linear;position:relative}.c2.shout{background-color:#ff3d9a1f;transition-duration:.12s}.c2.ready:after{content:"";background:var(--neon-pink);border-radius:1px;height:2px;position:absolute;bottom:4px;left:12%;right:12%}.c3{height:28px;padding:0 var(--safe-r) 0 var(--safe-l);flex:none;justify-content:center;align-items:center;gap:8px;display:flex}.chip{background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.chip-action{color:var(--gold)}.chip-hint{color:var(--text-2)}.debug-note{color:var(--text-2);text-align:center;max-height:28px;font:12px/1.2 monospace;overflow:hidden}.c4{border-top:1px dashed var(--line);height:clamp(88px,14dvh,112px);margin:0 var(--safe-r) 0 var(--safe-l);flex:none;position:relative}.pv-label{color:var(--text-3);z-index:2;font-size:13px;font-weight:700;position:absolute;top:4px;left:0}.pv-shout{color:var(--pink-soft)}.pv-end{text-align:center;color:var(--text-3);font-size:16px;top:24px;left:0;right:0}.slot{transform-origin:top;pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;top:0;left:0}.slot-inner{justify-content:center;align-items:center;width:100%;display:flex}.grp{box-sizing:content-box;border-radius:12px;flex-direction:column;align-items:center;padding:6px 8px;display:flex}.slot[data-badge=name] .grp{box-shadow:0 0 0 1px var(--gold)}.slot[data-badge=unison] .grp{box-shadow:0 0 0 1px var(--violet)}.row{justify-content:center;width:100%;line-height:1;display:flex}.rowbox{flex:none;display:block;position:relative}.row .base,.row .fill{white-space:pre;font:inherit;line-height:inherit}.row .base{display:block;position:absolute;top:0;left:0}.row .mask{will-change:transform;width:100%;position:absolute;left:0;overflow:hidden}.row .fill{will-change:transform;display:block;position:absolute;left:0}.row.ko{font-family:var(--font-ko)}.row.zh{font-family:var(--font-zh)}.row,.row .rowbox{line-height:1}.rowbox{line-height:inherit}.base .k0{color:var(--text)}.base .k1{color:var(--pink-soft);text-underline-offset:5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.base .k2{color:var(--ctx)}.base .k3{color:var(--muted)}.fill .k0{color:var(--neon-cyan)}.fill .k1{color:var(--neon-pink);text-shadow:0 0 12px #ff3d9a8c;text-underline-offset:5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.fill .k2{color:var(--ctx)}.fill .k3{color:var(--muted)}.is-preview .mask{display:none}.is-preview .base .k0{color:var(--text-3)}.is-preview .base .k1{color:var(--pink-soft);text-decoration:none}.is-preview .base .k2,.is-preview .base .k3{color:var(--text-3)}.slot.fading{opacity:.3;transition:opacity .5s linear}.speech-text{text-align:center;max-width:92%;font:500 17px/1.45 var(--font-ko);color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 auto;display:-webkit-box;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.interlude{color:var(--ctx);place-items:center;font-size:48px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.idle-box{text-align:center;color:var(--text-2);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.idle-box p{margin:0}.btn-replay{background:var(--neon-pink);min-height:56px;color:var(--bg);cursor:pointer;border:0;border-radius:999px;padding:0 28px;font-size:18px;font-weight:800}.stage-error{z-index:5;background:var(--surface-2);color:var(--text);border:1px solid var(--error);border-radius:10px;padding:10px 12px;font-size:15px;position:absolute;top:40px;left:12px;right:12px}.stage-error a{color:var(--gold);font-weight:700}.toast{background:var(--surface-2);color:var(--text);text-align:center;z-index:6;border-radius:999px;max-width:92%;margin:0;padding:6px 14px;font-size:14px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.toast:empty{display:none}.controls{background:var(--surface);padding:0 var(--safe-r) 0 var(--safe-l);flex:none}.controls .row{width:auto}.seekrow{align-items:center;gap:10px;height:44px;display:flex}.btnrow{justify-content:space-between;align-items:center;height:60px;display:flex}.seek{cursor:pointer;touch-action:none;--sp:0;flex:1;height:44px;display:block;position:relative}.seek-track{background:var(--surface-2);border-radius:2px;height:4px;position:absolute;top:20px;left:0;right:0}.markers{position:absolute;top:0;bottom:0;left:0;right:0}.mk{border-radius:1px;position:absolute;top:-3px;bottom:-3px}.mk-chant{background:var(--neon-pink);opacity:.85}.seek-fill{transform-origin:0;transform:scaleX(var(--sp));background:#ffffff59;border-radius:2px;position:absolute;top:0;bottom:0;left:0;right:0}.seek-thumb{top:14px;left:calc(var(--sp) * 100%);background:#fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;box-shadow:0 1px 4px #0009}.seek.dragging .seek-thumb{transform:scale(1.3)}.time{font-variant-numeric:tabular-nums;color:var(--text-2);text-align:right;min-width:5.4em;font-size:13px}.btn{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:transform .1s ease-out;display:grid;position:relative}.btn:active{transform:scale(.94)}.btn svg{fill:currentColor;width:26px;height:26px}.btn-play{background:var(--neon-pink);width:56px;height:56px;color:var(--bg)}.btn-play svg{width:30px;height:30px}.btn-skip{justify-content:center;align-items:center;gap:0;width:48px;height:48px;display:flex}.btn-skip svg{width:28px;height:28px}.skip-n{font-size:11px;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-38%)}.btn-rate{background:var(--surface-2);border-radius:999px;width:64px;font-size:15px;font-weight:700}.btn-fs{width:48px;height:48px}.disclaimer{width:100%;min-height:44px;color:var(--text-2);cursor:pointer;text-align:center;background:0 0;border:0;margin:0;padding:0;font-size:12px;line-height:1.2;display:block}.sheet-backdrop{z-index:40;background:#0000008c;position:fixed;bottom:0;left:0;right:0}.sheet{z-index:41;background:var(--surface);border-radius:16px 16px 0 0;flex-direction:column;max-width:560px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.sheet-head{justify-content:space-between;align-items:center;padding:6px 8px 0 16px;display:flex}.sheet-head h2{margin:0;font-size:18px}.btn-close{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;font-size:20px}.sheet-body{padding:0 16px calc(16px + var(--safe-b));color:var(--text-2);font-size:14px;overflow:auto}.sheet h3{color:var(--text);margin:12px 0 6px;font-size:14px}.sheet p{margin:0 0 8px}.sheet mark{background:var(--gold);color:var(--bg);border-radius:4px;padding:0 4px}.sheet summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.check{min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:10px;display:flex}.check input{width:22px;height:22px;accent-color:var(--neon-pink);flex:none}.btn-text{border:1px solid var(--text-2);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:0 18px}.page-msg,.page-loading{text-align:center;max-width:560px;margin:20vh auto 0;padding:0 16px}.fs-bar{display:none}.app.pseudo-fs{z-index:1000;width:100%;max-width:none;position:fixed;top:0;bottom:0;left:0;right:0}.app.is-fs{max-width:none}.app.is-fs .info,.app.is-fs .disclaimer{display:none}.app.pseudo-fs-on .fs-bar{height:44px;padding:0 var(--safe-r);background:var(--bg);flex:none;justify-content:flex-end;display:flex}.btn-exit{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;font-size:15px;font-weight:700}.app.is-fs .player-box{height:max(200px,min(56.25vw,38dvh))}.app.is-fs .player-wrap{justify-content:center;display:flex}.app.is-fs .player-box{width:max(356px,min(100%,67.5556dvh))}@media (orientation:landscape) and (min-width:640px){:root{--cd-size:clamp(40px, 11vh, 60px)}.app{max-width:none;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);grid-template:"info stage""player stage""controls stage"minmax(0,1fr)/clamp(356px,46%,560px) minmax(0,1fr);display:grid}.info{grid-area:info}.player-wrap{grid-area:player}.stage{grid-area:stage;min-height:0}.controls{grid-area:controls;align-self:start}.player-box{width:100%!important;height:max(200px,clamp(356px,46vw,560px)/1.77778)!important}.app.pseudo-fs-on{grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"bar stage""info stage""player stage""controls stage"}.app .fs-bar{grid-area:bar}.app.is-fs .player-box{width:100%!important}}@media (min-width:700px) and (orientation:portrait){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}.btn:active{transform:none}}@media (prefers-contrast:more){:root{--text-3:#d0c8e0;--muted:#a9a4c7}}@media (forced-colors:active){.fill .k0,.fill .k1,.fill .k2{color:highlight;text-shadow:none}.base .k0,.base .k1,.base .k2{color:canvastext}.btn-play{forced-color-adjust:none}}@media (max-width:400px){.info{gap:6px;padding-left:12px;padding-right:8px}.cover{width:32px;height:32px}.btn-pick{min-width:48px}.btn-pick span{padding:0 8px}.src-label{padding:4px 8px}.tag-draft{padding:1px 6px;font-size:12px}}