:root{--hp-bg:#e5e5e5;--hp-fg:#f5f7fa;--hp-accent:#0a74ff;--hp-banner-bg:#a0a0a0;--hp-banner-fg:#e9eef5}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--hp-bg);color:var(--hp-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;overflow:hidden}.hp-root{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column}.hp-stage{top:0;position:relative;width:100vw;height:100vh;display:grid;place-items:center;padding:0}.hp-player{width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden}.hp-media{width:100vw;height:100vh;object-fit:cover;display:block;border-radius:0;background:#000;box-shadow:none}.center{display:grid;place-items:center}.hp-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--hp-accent);border-radius:50%;animation:spin 1s linear infinite}.hp-error{color:#ff5d5d;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.wl-overlay{position:fixed;top:16px;left:16px;width:min(340px,42vw);max-height:calc(100vh - 88px);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#0b1a2b;border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 40px #0000002e;z-index:950}.wl-root{background:#fff;color:#1a1a1a;border-radius:14px;box-shadow:0 8px 24px #00000014;overflow:hidden;display:flex;flex-direction:column}.wl-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f5f7fad9;border-bottom:1px solid rgba(255,255,255,.35)}.wl-title{font-weight:700;font-size:16px}.wl-count{background:var(--hp-accent);color:#fff;font-weight:700;padding:2px 10px;border-radius:999px;font-size:12px}.wl-empty{padding:12px 14px;color:#334;font-style:italic}.wl-list{list-style:none;margin:0;padding:8px;flex:1 1 auto;overflow:hidden}.wl-item{padding:10px 12px 8px;margin:8px 4px;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:#ffffff8c;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.wl-item:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0000000f;background:#ffffffb3}.wl-line1{font-weight:700;margin-bottom:4px;color:#0b1a2b}.wl-line2{color:#355;font-size:13px}.call-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;pointer-events:none;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.call-card{pointer-events:auto;min-width:520px;max-width:80vw;background:#fffffffa;color:#0b1a2b;border-radius:18px;padding:28px 32px;text-align:center;box-shadow:0 20px 60px #00000040;animation:call-pop .25s ease-out,call-fadeout 8s linear forwards}.call-title{font-size:18px;color:#38536b;margin-bottom:8px;font-weight:600}.call-name{font-size:40px;font-weight:800;line-height:1.2;margin-bottom:6px}.call-room{font-size:18px;font-weight:700;color:var(--hp-accent);margin-bottom:6px}.call-sub{font-size:14px;color:#6b7c8a}@keyframes call-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes call-fadeout{0%,94%{opacity:1}to{opacity:0}}.call-body{display:flex;align-items:center;gap:16px}.call-avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;flex:0 0 88px;box-shadow:0 4px 14px #0000001f}.call-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.call-title,.call-sub{display:none}.theme-neutral{--hp-banner-grad-start: #3a3f47;--hp-banner-grad-end: #262a30;--hp-banner-fg: #f5f6f7}.theme-neutral-light{--hp-banner-grad-start: #f0f1f3;--hp-banner-grad-end: #e5e7ea;--hp-banner-fg: #222426;border-top-color:#00000014}.banner-root{position:fixed;left:0;right:0;bottom:0;--banner-height: 92px;--banner-font-size: 30px;--banner-gap: 80px;height:var(--banner-height);background:linear-gradient(90deg,var(--hp-banner-grad-start, #0a74ff),var(--hp-banner-grad-end, #197dff));color:var(--hp-banner-fg, #ffffff);overflow:hidden;border-top:1px solid rgba(255,255,255,.14);z-index:900;-webkit-backdrop-filter:saturate(120%) blur(4px);backdrop-filter:saturate(120%) blur(4px)}.banner-root:before,.banner-root:after{content:"";position:absolute;top:0;bottom:0;width:96px;pointer-events:none;z-index:1}.banner-root:before{left:0;background:linear-gradient(to right,#0000002e,#0000)}.banner-root:after{right:0;background:linear-gradient(to left,#0000002e,#0000)}.banner-track{position:absolute;white-space:nowrap;will-change:transform;padding-left:100%;animation:banner-marquee var(--marquee-duration, 52s) linear infinite;transform:translate(0)}.banner-text{font-size:var(--banner-font-size);line-height:var(--banner-height);padding-right:var(--banner-gap);font-weight:700;letter-spacing:.35px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.18)}@keyframes banner-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.banner-track{animation:none;transform:translate(0)}}