:root{--bg:#0f0f0f;--bg-elevated:#212121;--bg-panel:#212121eb;--bg-panel-solid:#212121;--bg-stage:#000;--bg-input:#121212;--border:#ffffff14;--border-strong:#ffffff24;--border-accent:#c850ff73;--text:#f1f1f1;--text-muted:#aaa;--text-dim:#717171;--text-inverse:#0f0f0f;--accent:#c850ff;--accent-2:#8b5cf6;--accent-hot:#ff3d9a;--accent-soft:#c850ff26;--accent-glow:#c850ff59;--live:#f03;--success:#3ddc97;--warning:#fbbf24;--danger:#ff4d4f;--danger-bg:#ff4d4f1f;--coin:#fbbf24;--chat-name:#c4b5fd;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 28px #00000073;--shadow-glow:0 0 24px var(--accent-glow);--glass-blur:14px;--glass-border:1px solid var(--border);--topbar-h:52px;--chat-w:340px;--page-max:1200px;--stage-max:960px;--gap:12px;--gap-lg:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.4rem;font:15px/1.45 var(--font);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(720px 360px at 12% -8%, #c850ff1a, transparent 55%), var(--bg);min-height:100svh;font-family:var(--font);color:var(--text)}#app{text-align:left;border:0;max-width:none;min-height:100svh;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}a:hover{color:#e0b3ff}h1{font-size:inherit;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.muted{color:var(--text-muted)}.err{color:var(--danger)}.hint{color:var(--success);font-size:var(--fs-sm)}.mono{font-family:var(--mono);font-size:var(--fs-xs);word-break:break-all}.chip{font-size:var(--fs-sm);border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--border-accent);color:var(--text);padding:.2rem .6rem}@keyframes skeleton-pulse{0%,to{opacity:.45}50%{opacity:.85}}.skeleton-block{border-radius:var(--radius-md);background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a) 0 0/200% 100%;animation:1.2s ease-in-out infinite skeleton-pulse}.player-skeleton{aspect-ratio:16/9;width:100%;max-width:var(--stage-max);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-sm);background:#141414;place-items:center;margin:0 auto;animation:1.2s ease-in-out infinite skeleton-pulse;display:grid}.share-toast{z-index:40;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text);font-size:var(--fs-sm);box-shadow:var(--shadow-md);pointer-events:none;background:#212121f2;padding:.55rem 1rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.page[data-v-b62684f2]{max-width:var(--page-max);color:var(--text);background:0 0;margin:0 auto;padding:0 1rem 3.5rem}.top[data-v-b62684f2],.topbar[data-v-b62684f2]{z-index:20;justify-content:space-between;gap:var(--gap);min-height:var(--topbar-h);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);background:#0f0f0feb;align-items:center;margin:0 -1rem .5rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.brand h1[data-v-b62684f2],.brand[data-v-b62684f2]{letter-spacing:.01em;flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;margin:0;font-size:1rem;font-weight:650;display:flex}.brand-btn[data-v-b62684f2]{color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;font-weight:650;display:inline-flex}.brand-btn:hover .brand-name[data-v-b62684f2]{color:#e0b3ff}.brand-name[data-v-b62684f2]{font-size:1rem;font-weight:650}.top-nav[data-v-b62684f2]{align-items:center;gap:.35rem;margin-left:.35rem;display:inline-flex}.nav-link[data-v-b62684f2]{border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;padding:.25rem .55rem;font-weight:600}.nav-link.active[data-v-b62684f2],.nav-link[data-v-b62684f2]:hover{color:var(--text);background:#ffffff0f}.nav-sep[data-v-b62684f2]{color:var(--text-dim);font-size:var(--fs-sm)}.nav-watch-label[data-v-b62684f2]{font-size:var(--fs-sm);font-weight:500}.logo-mark[data-v-b62684f2]{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:22px;height:22px;box-shadow:0 0 12px var(--accent-glow);border-radius:7px;flex-shrink:0;display:inline-block}.home-view[data-v-b62684f2]{margin-top:.25rem}.home-hero[data-v-b62684f2]{margin:.5rem 0 1rem}.home-title[data-v-b62684f2]{font-size:var(--fs-xl);letter-spacing:.01em;margin:0 0 .25rem;font-weight:700}.home-sub[data-v-b62684f2]{font-size:var(--fs-sm);margin:0}.home-search[data-v-b62684f2]{margin:0 0 .75rem}.home-search-hits[data-v-b62684f2]{max-height:160px;margin-bottom:1rem}.home-grid[data-v-b62684f2]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.home-card[data-v-b62684f2]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;color:var(--text);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;overflow:hidden}.home-card[data-v-b62684f2]:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.home-card-thumb[data-v-b62684f2]{aspect-ratio:16/9;background:linear-gradient(135deg,#c850ff2e,#0000 55%),linear-gradient(#1a1a1a,#0a0a0a);justify-content:flex-start;align-items:flex-start;padding:.55rem;display:flex;position:relative}.home-card-body[data-v-b62684f2]{flex-direction:column;gap:.25rem;padding:.65rem .75rem .75rem;display:flex}.home-card-title[data-v-b62684f2]{font-weight:650;font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.home-card-id[data-v-b62684f2]{font-size:var(--fs-xs)}.home-skeleton[data-v-b62684f2]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.home-skel-card[data-v-b62684f2]{aspect-ratio:16/10;border-radius:var(--radius-md)}.home-empty[data-v-b62684f2]{text-align:center;padding:1.5rem .5rem}.home-tools[data-v-b62684f2]{margin-top:.5rem}.watch-toolbar[data-v-b62684f2]{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 .5rem;display:flex}.back-home[data-v-b62684f2]{flex-shrink:0}.watch-tools[data-v-b62684f2]{flex:1;min-width:min(100%,240px);margin:0}.live-chip[data-v-b62684f2]{border-radius:var(--radius-pill);color:var(--live);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;background:#ff003324;border:1px solid #ff003373;align-items:center;gap:.3rem;margin-left:.15rem;padding:.12rem .55rem;font-weight:700;display:inline-flex}.live-chip-solid[data-v-b62684f2]{background:var(--live);border-color:var(--live);color:#fff;margin-left:0}.live-chip-solid .live-dot[data-v-b62684f2]{box-shadow:none;background:#fff;animation:none}.live-dot[data-v-b62684f2]{background:var(--live);border-radius:50%;width:6px;height:6px;animation:1.4s ease-out infinite live-pulse-b62684f2;box-shadow:0 0 #ff00338c}@keyframes live-pulse-b62684f2{0%{box-shadow:0 0 #ff00338c}70%{box-shadow:0 0 0 6px #f030}to{box-shadow:0 0 #f030}}.api-line[data-v-b62684f2]{font-size:var(--fs-xs);margin:.35rem 0 0}.auth-chip[data-v-b62684f2]{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.auth-chip .chip[data-v-b62684f2]{border-color:var(--border-accent);background:var(--accent-soft)}.util-details[data-v-b62684f2]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);margin:0 0 .75rem;padding:0 .75rem .25rem}.util-summary[data-v-b62684f2]{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-sm);padding:.55rem 0;font-weight:500;list-style:none}.util-summary[data-v-b62684f2]::-webkit-details-marker{display:none}.util-strip[data-v-b62684f2]{margin:.25rem 0 .5rem}.hot-feed[data-v-b62684f2]{margin:.5rem 0 .75rem;padding:.75rem}.hot-list[data-v-b62684f2]{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.hot-card[data-v-b62684f2]{text-align:left;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#ffffff08;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.65rem .75rem;display:flex}.hot-card[data-v-b62684f2]:hover{border-color:var(--border-accent);background:var(--accent-soft)}.hot-card-title[data-v-b62684f2]{font-weight:600;font-size:var(--fs-sm);line-height:1.3}.hot-card-meta[data-v-b62684f2]{font-size:var(--fs-xs);align-items:center;gap:.5rem;display:flex}.status-chip[data-v-b62684f2]{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);border:1px solid var(--border);padding:.1rem .45rem}.row[data-v-b62684f2]{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}input[data-v-b62684f2]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-input);min-width:8rem;color:var(--text);flex:1;padding:.55rem .75rem}input[data-v-b62684f2]:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}button[data-v-b62684f2]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);cursor:pointer;padding:.55rem 1rem;font-weight:500;transition:border-color .15s,box-shadow .15s,transform .12s}button[data-v-b62684f2]:disabled{opacity:.5;cursor:not-allowed}button.btn.primary[data-v-b62684f2],button.primary[data-v-b62684f2]{background:var(--accent);color:#fff;border:0;font-weight:600;box-shadow:0 4px 14px #c850ff40}button.btn.primary[data-v-b62684f2]:hover:not(:disabled),button.primary[data-v-b62684f2]:hover:not(:disabled){box-shadow:var(--shadow-glow);filter:brightness(1.06)}button.ghost[data-v-b62684f2]{border:1px solid var(--border-strong);background:0 0}button.ghost[data-v-b62684f2]:hover:not(:disabled){border-color:var(--border-accent);background:var(--accent-soft)}button.link[data-v-b62684f2]{color:var(--accent);background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}button.danger[data-v-b62684f2]{background:var(--danger-bg);color:var(--danger);border-color:#ff4d4f66}.muted[data-v-b62684f2]{color:var(--text-muted)}.err[data-v-b62684f2]{color:var(--danger)}.hint[data-v-b62684f2]{color:var(--success);font-size:var(--fs-sm)}.mono[data-v-b62684f2]{font-family:var(--mono);font-size:var(--fs-xs);word-break:break-all}.dim[data-v-b62684f2]{opacity:.55;color:var(--text-dim)}.chip[data-v-b62684f2]{font-size:var(--fs-sm);border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--border-accent);color:var(--text);padding:.2rem .6rem}.balance-chip[data-v-b62684f2]{color:var(--coin);background:#fbbf241a;border-color:#fbbf2459}.panel[data-v-b62684f2]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-sm);margin:.75rem 0;padding:1rem}.panel.login[data-v-b62684f2],.panel.privacy[data-v-b62684f2]{max-width:420px}.panel h2[data-v-b62684f2]{font-size:var(--fs-md);margin:0;font-weight:650}.panel-head[data-v-b62684f2]{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.watch-layout[data-v-b62684f2]{gap:var(--gap);flex-direction:column;margin-top:.25rem;display:flex}.primary-col[data-v-b62684f2],.side-col[data-v-b62684f2]{min-width:0}.player-stage[data-v-b62684f2]{width:100%;position:relative}.stage[data-v-b62684f2]{position:relative}.player[data-v-b62684f2]{aspect-ratio:16/9;background:var(--bg-stage);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:var(--stage-max);position:relative;overflow:hidden}.player-placeholder[data-v-b62684f2]{border:1px dashed var(--border-strong);justify-content:center;align-items:center;display:flex}.player-video[data-v-b62684f2]{object-fit:contain;background:var(--bg-stage);width:100%;max-width:none;height:100%;display:block}.meta-row[data-v-b62684f2]{max-width:var(--stage-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;padding:.35rem 0 .15rem;display:flex}.meta-title[data-v-b62684f2]{align-items:center;gap:.5rem;min-width:0;display:flex}.room-title[data-v-b62684f2]{font-size:var(--fs-lg);color:var(--text);margin:0;font-weight:650;line-height:1.3}.room-stats[data-v-b62684f2],.meta-stats[data-v-b62684f2]{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat-pill[data-v-b62684f2],.ws-pill[data-v-b62684f2]{font-size:var(--fs-xs);color:var(--text-muted)}.like-btn[data-v-b62684f2]{border-radius:var(--radius-pill);border:1px solid var(--border);font-size:var(--fs-sm);background:#ffffff0f;padding:.25rem .65rem}.like-btn[data-v-b62684f2]:not(:disabled):hover{border-color:var(--accent-hot);color:var(--accent-hot)}.channel-row[data-v-b62684f2]{max-width:var(--stage-max);justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem 0 .25rem;display:flex}.channel-chip[data-v-b62684f2]{align-items:center;gap:.65rem;min-width:0;display:flex}.channel-avatar[data-v-b62684f2]{background:linear-gradient(135deg, var(--accent-soft), var(--bg-elevated));border:1px solid var(--border-accent);border-radius:50%;flex-shrink:0;width:36px;height:36px}.channel-meta[data-v-b62684f2]{flex-direction:column;min-width:0;display:flex}.channel-name[data-v-b62684f2]{font-size:var(--fs-sm);color:var(--text);font-weight:600}.channel-id[data-v-b62684f2]{font-size:var(--fs-xs)}.channel-actions[data-v-b62684f2]{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.channel-more[data-v-b62684f2]{position:relative}.channel-more-btn[data-v-b62684f2]{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;min-width:2.25rem;padding:.35rem .55rem;font-size:1.15rem;line-height:1;list-style:none}.channel-more-btn[data-v-b62684f2]::-webkit-details-marker{display:none}.channel-more[open]>.creator[data-v-b62684f2]{z-index:12;min-width:min(280px,80vw);box-shadow:var(--shadow-md);margin:0;position:absolute;top:calc(100% + 6px);right:0}.gift-overlay[data-v-b62684f2]{z-index:3;border-radius:var(--radius-pill);color:#f0d4ff;font-weight:650;font-size:var(--fs-sm);pointer-events:none;background:#c850ff38;border:1px solid #c850ff80;padding:.4rem .85rem;animation:1.6s ease-out forwards gift-pop-b62684f2;position:absolute;top:12px;right:12px;box-shadow:0 0 20px #c850ff66}@keyframes gift-pop-b62684f2{0%{opacity:0;transform:scale(.85)translateY(6px)}18%{opacity:1;transform:scale(1.06)translateY(0)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)translateY(-4px)}}.hls-details[data-v-b62684f2]{max-width:var(--stage-max);margin-top:.25rem}.hls-details summary[data-v-b62684f2]{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-xs);list-style:none}.hls-details summary[data-v-b62684f2]::-webkit-details-marker{display:none}.msg-list[data-v-b62684f2]{min-height:120px;max-height:220px;margin:0 0 .75rem;padding:0;list-style:none;overflow-y:auto}.msg-list li[data-v-b62684f2]{font-size:var(--fs-sm);background:#ffffff0a;border:none;border-radius:10px 10px 10px 4px;margin:4px 0;padding:6px 10px}.msg-list li.empty-msg[data-v-b62684f2]{text-align:center;color:var(--text-dim);background:0 0;padding:1.25rem .5rem}.msg-list strong[data-v-b62684f2]{color:var(--chat-name);margin-right:.45rem;font-weight:600}.composer[data-v-b62684f2]{margin-bottom:0}.gift-dock[data-v-b62684f2]{z-index:10;border-color:var(--border-strong);-webkit-backdrop-filter:blur(var(--glass-blur));background:#212121f5;margin-bottom:0;position:sticky;bottom:0}.gift-bar[data-v-b62684f2]{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:.5rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.gift-btn[data-v-b62684f2]{border-radius:var(--radius-md);border:1px solid var(--border-accent);min-width:4.5rem;color:var(--text);background:linear-gradient(#c850ff1f,#0000);flex-direction:column;flex-shrink:0;align-items:center;padding:.55rem .75rem;display:inline-flex}.gift-btn[data-v-b62684f2]:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.gift-btn .price[data-v-b62684f2]{font-size:var(--fs-xs);color:var(--coin);margin-top:.15rem;font-weight:600}.pay-packs[data-v-b62684f2]{margin-bottom:.75rem}.pay-packs .gift-btn[data-v-b62684f2]{justify-content:center;min-height:3.4rem}.ended[data-v-b62684f2]{aspect-ratio:16/9;text-align:center;background:var(--bg-stage);border-radius:var(--radius-md);border:1px solid var(--border);min-height:min(48vw,220px);box-shadow:var(--shadow-sm);max-width:var(--stage-max);flex-direction:column;justify-content:center;align-items:center;margin:0;padding:2rem 1.25rem;display:flex}.ended.offline[data-v-b62684f2]{background:linear-gradient(180deg, #fbbf240f, var(--bg-stage));border-color:#fbbf2440}.ended-title[data-v-b62684f2]{font-size:var(--fs-xl);color:var(--text);margin:0 0 .35rem;font-weight:650}.ended-sub[data-v-b62684f2]{color:var(--text-muted);font-size:var(--fs-sm);margin:0 0 .75rem}.pk[data-v-b62684f2]{background:linear-gradient(180deg, #fbbf240d, var(--bg-elevated));border-color:#fbbf2438}.pk-deemph[data-v-b62684f2]{opacity:.85;font-size:var(--fs-sm)}.pk-score[data-v-b62684f2]{font-size:var(--fs-lg);color:var(--coin);margin:.25rem 0 0;font-weight:650}.check[data-v-b62684f2]{font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.check input[data-v-b62684f2]{width:auto;min-width:0;accent-color:var(--accent);flex:none}.check input[data-v-b62684f2]:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);border-radius:3px;outline:none}.legal-links a[data-v-b62684f2]{color:var(--accent)}.export-box[data-v-b62684f2]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-muted);font-family:var(--mono);font-size:var(--fs-xs);resize:vertical;margin-top:.75rem;padding:.55rem .75rem}@media (width>=900px){.watch-layout[data-v-b62684f2]{grid-template-columns:minmax(0, 1fr) var(--chat-w);gap:var(--gap-lg);align-items:start;display:grid}.primary-col[data-v-b62684f2]{flex-direction:column;grid-column:1;gap:.35rem;display:flex}.side-col[data-v-b62684f2]{gap:var(--gap);top:calc(var(--topbar-h) + 12px);max-height:calc(100svh - var(--topbar-h) - 24px);flex-direction:column;grid-column:2;display:flex;position:sticky}.side-col .chat-panel[data-v-b62684f2]{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.side-col .msg-list[data-v-b62684f2]{flex:1;min-height:280px;max-height:none}.side-col .gift-dock[data-v-b62684f2]{flex-shrink:0;margin:0;position:static}.ended[data-v-b62684f2]{max-width:none;min-height:min(42vw,360px)}.player[data-v-b62684f2],.meta-row[data-v-b62684f2],.channel-row[data-v-b62684f2]{max-width:none}}