*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}html,body,#app{min-height:100%}#app{height:100dvh}body{overflow:hidden;background:#000;color:#f7f7f7;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#player,#player iframe{display:block;width:100%;height:100%;border:0;background:#000}#player{position:relative;z-index:1}#player-notice{position:fixed;z-index:9;top:64px;left:50%;width:min(760px,calc(100vw - 32px));margin:0;padding:10px 14px;transform:translate(-50%);border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#0c0c0feb;color:#f3f3f5;font-size:13px;line-height:1.45;text-align:center;pointer-events:none}#player-notice.error{border-color:#ff8e7d8c;color:#ffb4a8}#player-notice[hidden]{display:none!important}#open-library,#open-chat{position:fixed;z-index:8;top:12px;min-width:42px;height:42px;padding:0 12px;border:0;border-radius:10px;background:#141414c7;color:#fff;font:inherit;cursor:pointer;opacity:.9;transition:opacity .14s ease}#open-library{left:12px;width:42px;padding:0;font-size:22px}#open-chat{left:64px}#open-library:hover,#open-library:focus-visible,#open-chat:hover,#open-chat:focus-visible{opacity:.95}#open-library:disabled{cursor:wait}#library{position:fixed;z-index:10;top:16px;left:16px;display:flex;flex-direction:column;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:16px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#121214f7;box-shadow:0 16px 60px #0009}#chat-panel{position:fixed;z-index:10;top:64px;left:12px;display:flex;flex-direction:column;width:min(360px,calc(100vw - 24px));height:min(640px,calc(100vh - 84px));height:min(640px,calc(100dvh - 84px));padding:14px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#121214f7;box-shadow:0 16px 60px #0009}#chat-panel[hidden]{display:none}#chat-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#chat-panel button{min-height:36px;border:0;border-radius:8px;background:#5865f2;color:#fff;font:inherit;cursor:pointer}#chat-panel header button{width:36px;background:transparent;font-size:24px}#chat-panel label{margin:5px 0;color:#e4e4e7;font-size:13px}#display-name,#chat-input{min-height:38px;padding:8px 10px;border:1px solid #45454c;border-radius:8px;background:#101014;color:#fff;font:inherit}#chat-form{display:flex;gap:6px}#chat-input{flex:1;min-width:0}#chat-form button{padding:0 12px}#danmaku-admin{min-height:0;margin-top:12px;padding-top:10px;overflow:hidden;border-top:1px solid #45454c}#danmaku-admin summary{min-height:40px;padding:9px 2px;color:#e4e4e7;cursor:pointer;touch-action:manipulation}#danmaku-admin>p{margin:4px 0 8px}#danmaku-admin-form{display:flex;gap:6px}#danmaku-admin-token{flex:1;min-width:0;min-height:42px;padding:8px 10px;border:1px solid #45454c;border-radius:8px;background:#101014;color:#fff;font:inherit}#danmaku-admin-form button,#danmaku-admin-more{padding:0 12px}#danmaku-admin-status{margin:7px 0;color:#c9c9cc;font-size:12px}#danmaku-admin-status.error{color:#ffb4a8}#danmaku-admin-list{display:grid;gap:7px;max-height:180px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.admin-danmaku-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid #45454c;border-radius:8px;background:#101014}.admin-danmaku-row>div{min-width:0}.admin-danmaku-row strong{display:block;overflow:hidden;color:#d9dcff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.admin-danmaku-row p{margin:3px 0 0!important;overflow-wrap:anywhere;color:#f3f3f5!important;font-size:13px!important}.admin-danmaku-row .admin-danmaku-delete{flex:0 0 auto;min-width:48px;min-height:40px;padding:0 8px;background:#9b3434}#danmaku-admin-more{width:100%;margin-top:6px}#danmaku-admin-more[hidden]{display:none!important}#chat-floats{position:fixed;z-index:6;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.floating-message{position:absolute;left:0;max-width:85vw;color:#fff;font-size:clamp(16px,2.3vw,28px);font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000,0 2px 5px #000;animation:float-message linear forwards}.floating-message strong{color:#cbd0ff}@keyframes float-message{0%{opacity:0;transform:translate3d(100vw,0,0)}5%,88%{opacity:1}to{opacity:0;transform:translate3d(calc(-100% - 100vw),0,0)}}#chat-panel p{margin:4px 0 8px;color:#c9c9cc;font-size:13px;line-height:1.45}#library[hidden],#chat-panel[hidden]{display:none}#library header{display:flex;align-items:center;justify-content:space-between;gap:8px}#library header{margin-bottom:8px;font-size:17px}#library button{min-height:38px;padding:8px 12px;border:0;border-radius:8px;background:#5865f2;color:#fff;font:inherit;cursor:pointer}#library header button{min-width:36px;min-height:36px;padding:0;background:transparent;font-size:24px}#library button:disabled{opacity:.55;cursor:wait}#library p{margin:6px 0 10px;color:#c9c9cc;font-size:13px;line-height:1.45}#library p.error{color:#ffb4a8}#library label{margin:7px 0 5px;color:#e4e4e7;font-size:13px}#video-search,#video-list{width:100%;border:1px solid #45454c;border-radius:8px;background:#101014;color:#fff;font:inherit}#video-search{min-height:40px;padding:8px 10px}#video-list{min-height:220px;padding:4px}#video-list-touch[hidden]{display:none!important}#video-list-touch{display:none}.video-choice{width:100%;min-height:48px;border:0!important;border-bottom:1px solid #303037!important;border-radius:0!important;background:transparent!important;color:#f3f3f5!important;text-align:left;overflow-wrap:anywhere;touch-action:manipulation}.video-choice[aria-pressed=true]{background:#30345e!important;color:#fff!important}#video-list option{padding:6px}#video-list option:checked{background:#5865f2 linear-gradient(#5865f2,#5865f2)}.category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 4px}.category-tabs button{min-width:0;min-height:36px;padding:6px 4px;border:1px solid #45454c;border-radius:8px;background:#101014;color:#e4e4e7;font-size:13px;cursor:pointer}.category-tabs button[aria-pressed=true]{border-color:#8490ff;background:#5865f2;color:#fff}#library small{margin-top:8px;color:#a8a8ae;line-height:1.45}@media(max-width:520px){#open-library,#open-chat{top:max(8px,env(safe-area-inset-top));min-height:44px;height:44px}#library{top:max(8px,env(safe-area-inset-top));left:8px;width:calc(100vw - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:12px}#chat-panel{top:calc(max(8px,env(safe-area-inset-top)) + 54px);left:8px;width:calc(100vw - 16px);height:auto;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px - env(safe-area-inset-bottom));padding:12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#danmaku-admin{overflow:visible}#chat-panel button,#library button{min-height:42px;touch-action:manipulation}#danmaku-admin-list{max-height:min(28dvh,220px)}#chat-form{align-items:stretch}#chat-form button{padding:0 9px;white-space:nowrap}}@media(min-width:521px)and (max-width:900px){#library,#chat-panel{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}#chat-panel{height:min(680px,calc(100dvh - 84px));overflow-y:auto;overscroll-behavior:contain}}@media(max-width:900px){#video-list{display:none}#video-list-touch{display:block;flex:1 1 auto;min-height:160px;max-height:min(42dvh,460px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid #45454c;border-radius:8px;background:#101014}}