:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--surface:#151922;--surface-2:#1e2331;--border:#2a3042;--text:#f2f4f8;--muted:#9aa3b5;--accent:#ff4f73;--accent-press:#e63d61;--success:#3ecf8e;--warn:#ffb74d;--danger:#ff6b6b;--radius:16px;--tap:52px;--tabbar-h:72px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);min-height:100dvh;color:var(--text);overscroll-behavior-y:contain;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4}button,input{font:inherit;color:inherit}img{display:block}[hidden]{display:none!important}.h1{margin:0;font-size:1.6rem;line-height:1.2}.h2{margin:0;font-size:1.25rem}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.hint{text-align:center;padding:24px 8px}.error{color:var(--danger);margin:0;font-weight:600}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:700}.break{word-break:break-all}.center-text{text-align:center;align-items:center}.stack{flex-direction:column;gap:14px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;padding:20px}.center{place-items:center;min-height:100dvh;padding:16px;display:grid}.btn{min-height:var(--tap);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:650;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:active:not(:disabled){background:var(--accent-press)}.btn--danger{color:var(--danger)}.btn--done,.btn--done:disabled{border-color:var(--success);color:var(--success);opacity:1;background:0 0}.btn--lg{width:100%;min-height:60px;font-size:1.1rem}.btn--icon{width:48px;min-height:48px;padding:0}.btn--icon-lg{flex-shrink:0;width:60px;min-height:60px;padding:0}.input{border:1px solid var(--border);background:var(--bg);border-radius:14px;outline:none;width:100%;min-height:60px;padding:0 18px;font-size:1.1rem}.input:focus{border-color:var(--accent)}.input--code{text-align:center;letter-spacing:.3em;text-transform:uppercase;font-size:2rem;font-weight:800}.banner{color:var(--warn);background:#ffb74d1f;border:1px solid #ffb74d66;border-radius:12px;margin:0;padding:12px 14px;font-size:.95rem}.banner--warn{margin:8px 12px 0}.home{padding:max(32px, env(safe-area-inset-top)) 16px 32px;flex-direction:column;align-items:center;gap:18px;display:flex}.home__brand{text-align:center;color:var(--accent);flex-direction:column;align-items:center;gap:8px;margin-bottom:8px;display:flex}.home__brand .h1{color:var(--text);font-size:2rem}.app{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}.topbar{z-index:10;padding:max(8px, env(safe-area-inset-top)) 12px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0d12eb;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar__code{letter-spacing:.15em;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;display:flex}.topbar__actions{align-items:center;gap:8px;min-width:0;display:flex}.topbar__me{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:30vw;font-weight:600;overflow:hidden}.dot{background:var(--danger);border-radius:50%;width:10px;height:10px}.dot--on{background:var(--success)}.now{border-radius:var(--radius);background:linear-gradient(135deg, #ff4f732e, #4fc3f714), var(--surface);border:1px solid var(--border);align-items:center;gap:14px;margin:12px;padding:12px;display:flex}.now--empty{color:var(--muted)}.now__thumb{object-fit:cover;background:var(--surface-2);border-radius:10px;flex-shrink:0;width:88px;height:66px}.now__body{flex:1;min-width:0}.now__label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.now--empty .now__label{color:var(--text);text-transform:none;letter-spacing:0;font-size:1.05rem}.now__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;display:-webkit-box;overflow:hidden}.now__sub{color:var(--muted);margin-top:2px;font-size:.9rem}.now__eq{flex-shrink:0;align-items:flex-end;gap:3px;height:22px;display:flex}.now__eq span{background:var(--accent);border-radius:2px;width:4px;animation:.9s ease-in-out infinite alternate eq}.now__eq span:nth-child(2){animation-delay:-.3s}.now__eq span:nth-child(3){animation-delay:-.6s}.now__eq--paused span{height:4px;animation:none}@keyframes eq{0%{height:4px}to{height:22px}}.panels{padding:4px 12px 16px}.searchbar{z-index:5;background:var(--bg);gap:10px;padding:6px 0;display:flex;position:sticky;top:62px}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.track{background:var(--surface);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px;display:flex}.track--mine{border-color:#ff4f7380}.track__rank{text-align:center;width:22px;color:var(--muted);flex-shrink:0;font-weight:700}.track__thumb{object-fit:cover;background:var(--surface-2);border-radius:8px;flex-shrink:0;width:80px;height:60px}.track__body{flex:1;min-width:0}.track__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.track__meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.85rem;overflow:hidden}.track__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.track__updown{flex-direction:column;gap:4px;display:flex}.track__updown .btn--icon{height:40px;min-height:40px}@media (max-width:420px){.track__thumb{width:64px;height:48px}.track__actions>.btn--icon{width:44px;min-height:44px}}.chip{color:var(--chip);background:color-mix(in srgb, var(--chip) 16%, transparent);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:700;display:inline-block}.chip--strong{color:#0b0d12;background:var(--chip)}.chips{flex-wrap:wrap;gap:10px;display:flex}.chips__item{align-items:center;gap:4px;display:inline-flex}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 16px;display:flex}.empty p{margin:0}.tabbar{z-index:20;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);background:#151922f5;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__tab{color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.85rem;font-weight:650;display:flex;position:relative}.tabbar__tab--active{color:var(--accent)}.tabbar__badge{background:var(--accent);color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;line-height:20px;position:absolute;top:8px;left:calc(50% + 10px)}.toasts{left:12px;right:12px;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);z-index:30;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--surface-2);text-align:left;border:0;border-radius:12px;padding:12px 14px;font-size:.95rem;font-weight:600;animation:.2s ease-out toast-in;box-shadow:0 8px 24px #00000073}.toast--success{border-left:4px solid var(--success)}.toast--error{border-left:4px solid var(--danger)}.toast--info{border-left:4px solid var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.overlay{z-index:40;background:#000000bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.qr{aspect-ratio:1;background:#fff;border-radius:12px;width:min(280px,70vw)}.code-big{letter-spacing:.25em;padding-left:.25em;font-size:2.6rem;font-weight:900}@media (min-width:720px){.panels,.now{max-width:720px;margin-left:auto;margin-right:auto}.now{margin-top:12px;margin-bottom:12px}}.host{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex}.player{aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;max-width:480px;min-height:200px;position:relative;overflow:hidden}.player__mount,.player__mount>div,.player__mount iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player__idle,.player__gate{color:var(--muted);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.player__gate{color:#fff;background:var(--accent);cursor:pointer;border:0;font-size:1.15rem;font-weight:700}.host__now{text-align:center;width:100%;max-width:480px}.controls{justify-content:center;gap:24px;display:flex}.btn--round{border-radius:50%;width:80px;height:80px;min-height:80px;padding:0}.quota{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:.85rem;display:flex}.quota--out{color:var(--warn)}.person{background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.person .chip{padding:4px 12px;font-size:1rem}.person__info{flex:1}.invite-inline{margin:8px auto}@media (min-width:720px){.host{max-width:720px;margin:0 auto}}.banner a{color:inherit;font-weight:700}.install{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin:8px 12px 0;padding:10px 8px 10px 14px;font-size:.95rem;display:flex}.install>span{flex:1}.install .btn{min-height:44px;padding:0 14px}.install__close{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.6rem}.resume{width:100%;max-width:440px}.section-title{margin:8px 0 12px}.show-all{margin-top:12px}.now__skip{background:var(--surface-2)}.btn--compact{gap:6px;min-height:48px;padding:0 14px;font-size:.95rem}.end-session{color:var(--danger);border-color:#ff6b6b66;margin-top:24px}.player--parked{opacity:0;pointer-events:none;width:356px;height:200px;min-height:0;position:fixed;top:0;left:-9999px}.tv-card{border-radius:var(--radius);background:linear-gradient(135deg, #4fc3f729, #ff4f731a), var(--surface);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;padding:20px;display:flex}.tv-card__title{font-size:1.2rem;font-weight:800}.tv-card__status{color:var(--muted);font-size:.95rem}.tv-card__status--off{color:var(--warn);font-weight:700}.tv-card__option{color:var(--muted);cursor:pointer;align-items:center;gap:10px;font-size:.95rem;display:flex}.tv-card__option input{width:22px;height:22px;accent-color:var(--accent)}.tv{color:var(--text);cursor:none;background:#000;font-size:clamp(16px,1.6vw,40px);position:fixed;inset:0;overflow:hidden}.tv__stage{grid-template-columns:minmax(0,1fr) 28vw;gap:2.5vw;padding:4vh 4vw;display:grid;position:absolute;inset:0}.tv__stage--hidden{opacity:0;pointer-events:none;left:-200vw}.tv__video{aspect-ratio:16/9;background:#0b0d12;border-radius:1.2vw;align-self:center;width:100%;position:relative;overflow:hidden}.tv__mount,.tv__mount>div,.tv__mount iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.tv__idle-video,.tv__paused,.tv__gate{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2vh;font-size:1.6em;display:flex;position:absolute;inset:0}.tv__paused{color:#fff;background:#00000073}.tv__gate{background:var(--accent);color:#fff;font:inherit;cursor:none;border:0;font-size:1.8em;font-weight:800}.tv__side{flex-direction:column;gap:2vh;min-height:0;padding-bottom:20vh;display:flex}.tv__label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.8em;font-weight:800}.tv__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.4vh;font-size:1.5em;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.tv__by{color:var(--muted);margin-top:1vh}.tv__by .chip,.tv__next-meta .chip{font-size:.85em}.tv__muted{color:var(--muted)}.tv__next{flex-direction:column;gap:1.4vh;margin:0;padding:0;list-style:none;display:flex}.tv__next-item{align-items:center;gap:1vw;display:flex}.tv__next-item img{aspect-ratio:16/9;object-fit:cover;border-radius:.5vw;flex-shrink:0;width:7vw}.tv__next-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9em;font-weight:700;display:-webkit-box;overflow:hidden}.tv__next-meta{color:var(--muted);margin-top:.3vh;font-size:.8em}.tv__buttons{flex-direction:column;gap:1.2vh;margin-top:auto;display:flex}.tv__btn{background:var(--surface-2);min-height:7vh;color:var(--text);font:inherit;cursor:none;border:.25vw solid #0000;border-radius:1vw;outline:none;justify-content:center;align-items:center;gap:1vw;padding:0 1.5vw;font-weight:800;transition:transform .12s,background .12s,border-color .12s;display:flex}.tv__btn--quiet{color:var(--muted);background:0 0}.tv__btn:focus,.tv__btn:focus-visible,.tv__gate:focus{background:var(--accent);color:#fff;border-color:#fff;transform:scale(1.04)}.tv__btn:disabled{opacity:.35}.tv__join{background:#151922e6;border-radius:1vw;align-items:center;gap:1vw;padding:.8vw;display:flex;position:absolute;bottom:4vh;right:4vw}.tv__join img{background:#fff;border-radius:.5vw;width:8vw;height:8vw}.tv__join-title{color:var(--muted);font-size:.75em}.tv__join-code{letter-spacing:.15em;font-size:1.4em;font-weight:900}.tv__pair{background:radial-gradient(ellipse at top, #ff4f732e, transparent 60%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:6vh;padding:5vh 5vw;display:flex;position:absolute;inset:0}.tv__brand{color:var(--accent);align-items:center;gap:1.2vw;font-size:2.4em;font-weight:900;display:flex}.tv__brand span{color:var(--text)}.tv__pair-body{align-items:center;gap:6vw;display:flex}.tv__pair-text{flex-direction:column;align-items:center;gap:1.2vh;display:flex}.tv__hint{color:var(--muted);text-align:center;margin:0;font-size:1.3em}.tv__hint--strong{color:var(--text);font-weight:800}.tv__code{letter-spacing:.08em;font-variant-numeric:tabular-nums;margin:2vh 0;font-size:10vw;font-weight:900;line-height:1}.tv__pair-qr{color:var(--muted);flex-direction:column;align-items:center;gap:1.5vh;display:flex}.tv__pair-qr img{background:#fff;border-radius:1vw;width:22vw;height:22vw}.tv__pair-qr p{margin:0}.tv__notice{background:var(--surface-2);border-left:.4vw solid var(--warn);border-radius:1vw;max-width:70vw;padding:1.5vh 2vw;font-weight:700;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;padding:4px;display:grid}.segmented__item{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 6px;font-size:.9rem;font-weight:700}.segmented__item--on{background:var(--accent);color:#fff}.lyrics{flex-direction:column;min-height:0;display:flex;position:relative}.lyrics--page{height:calc(100dvh - 300px);min-height:380px}.app--lyrics-full .lyrics--page{z-index:60;height:auto;padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));background:var(--bg);position:fixed;inset:0}.app--lyrics-full .lyrics__line{font-size:1.6rem}.lyrics__head{align-items:center;gap:10px;padding-bottom:8px;display:flex}.lyrics__track{flex:1;min-width:0}.lyrics__title{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.lyrics__source,.lyrics__notice{color:var(--muted);margin:0;font-size:.8rem}.lyrics__notice{color:var(--warn);padding:4px 0}.lyrics__scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.lyrics__scroll::-webkit-scrollbar{display:none}.lyrics__spacer{height:35%;min-height:120px}.lyrics__line{color:var(--muted);opacity:.5;transform-origin:0;margin:0;padding:.35em 0;font-size:1.35rem;font-weight:800;line-height:1.25;transition:color .25s,opacity .25s,transform .25s}.lyrics__line--past{opacity:.3}.lyrics__line--current{color:var(--text);opacity:1;transform:scale(1.06)}.lyrics__plain{white-space:pre-line;padding:12px 0 40px;font-size:1.1rem;line-height:1.6}.lyrics__status{text-align:center;color:var(--muted);margin:0;padding:60px 12px;font-size:1.1rem}.lyrics__back{background:var(--surface-2);z-index:2;min-height:44px;position:absolute;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}.lyrics__offset{justify-content:center;align-items:center;gap:12px;padding-top:10px;display:flex}.lyrics__offset .btn--icon-lg{font-size:1rem;font-weight:800}.lyrics__offset-value{min-width:120px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;display:flex}.lyrics__offset-value span{color:var(--muted);font-size:.75rem}.tv--lyrics .tv__stage,.tv--both .tv__stage{display:block}.tv--lyrics .tv__video{z-index:3;width:max(356px,19vw);position:absolute;bottom:4vh;left:3vw;box-shadow:0 1vw 3vw #0009}.tv--both .tv__video{aspect-ratio:auto;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.tv--lyrics .tv__side,.tv--both .tv__side{z-index:5;background:#0b0d12e6;border-radius:1.2vw;width:28vw;padding:2vw;transition:opacity .25s;position:absolute;top:4vh;bottom:4vh;right:3vw}.tv__side--hidden{opacity:0;visibility:hidden;pointer-events:none}.tv__join{z-index:6}.tv__lyrics-full{z-index:1;background:#0b0d12;position:absolute;inset:0;overflow:hidden}.tv__lyrics-bg{filter:blur(4vw)brightness(.35)saturate(1.3);background-position:50%;background-size:cover;position:absolute;inset:-5vw}.lyrics--tv{padding:0 22vw;position:absolute;inset:0}.lyrics--tv .lyrics__scroll{overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.lyrics--tv .lyrics__spacer{height:50vh}.lyrics--tv .lyrics__line{text-align:center;transform-origin:50%;color:#ffffff8c;text-shadow:0 .2vw 1vw #0009;padding:.3em 0;font-size:3.2vw}.lyrics--tv .lyrics__line--current{color:#fff;transform:scale(1.12)}.lyrics--tv .lyrics__plain,.lyrics--tv .lyrics__status,.lyrics--tv .lyrics__notice{text-align:center;color:#fffc;padding-top:30vh;font-size:2.2vw;position:relative}.lyrics--tv .lyrics__plain{padding-top:8vh;font-size:2vw}.lyrics-overlay{z-index:2;text-align:center;pointer-events:none;background:linear-gradient(#0000,#000000d9 45%);padding:14vh 10vw 7vh;position:absolute;bottom:0;left:0;right:0}.lyrics-overlay__now{color:#fff;text-shadow:0 .2vw 1vw #000c;font-size:3.4vw;font-weight:900;line-height:1.2}.lyrics-overlay__next{color:#fff9;min-height:1.3em;margin-top:1.2vh;font-size:2vw;font-weight:700}.tv__paused{z-index:4}