html,body{margin:0;padding:0;height:100%;overflow:hidden}#app{height:100%}.app-container[data-v-01a1a5f4]{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header[data-v-01a1a5f4]{display:flex;gap:12px;align-items:center;padding:12px 16px;flex-shrink:0;border-bottom:1px solid #eee}.app-main[data-v-01a1a5f4]{flex:1;min-height:0;overflow:hidden}.chat-box[data-v-a9db58d9]{border:1px solid #ddd;border-radius:10px;padding:12px;height:100%;max-height:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.chat-header[data-v-a9db58d9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.msg-count[data-v-a9db58d9]{font-size:12px;color:#666}.chat-messages[data-v-a9db58d9]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border:1px solid #eee;padding:8px;border-radius:8px;min-height:0;max-height:100%}.message[data-v-a9db58d9]{margin-bottom:8px}.time[data-v-a9db58d9]{color:#999;font-size:11px;margin-right:6px}.username[data-v-a9db58d9]{color:#444;font-weight:600}.deleted[data-v-a9db58d9]{color:#999;font-style:italic}.chat-input-row[data-v-a9db58d9]{display:flex;gap:8px;margin-top:10px;flex-shrink:0}.chat-input[data-v-a9db58d9]{flex:1}.error[data-v-a9db58d9]{color:#b00;margin-top:8px;flex-shrink:0}.chat-disabled[data-v-a9db58d9]{color:#999;font-style:italic;text-align:center;padding:10px;margin-top:10px;flex-shrink:0}.watch-container[data-v-2f607497]{height:100%;display:flex;flex-direction:column;padding:8px;box-sizing:border-box;overflow:hidden}.error[data-v-2f607497]{color:#b00}.loading[data-v-2f607497],.offline-container[data-v-2f607497]{display:flex;align-items:center;justify-content:center;flex:1}.offline-message[data-v-2f607497]{text-align:center;padding:40px;background:#f5f5f5;border-radius:12px;max-width:500px}.offline-message h2[data-v-2f607497]{margin:0 0 16px;color:#666}.offline-message p[data-v-2f607497]{margin:8px 0}.status-text[data-v-2f607497]{color:#888;font-size:14px}.back-link[data-v-2f607497]{display:inline-block;margin-top:20px;padding:10px 20px;background:#007bff;color:#fff;text-decoration:none;border-radius:6px}.back-link[data-v-2f607497]:hover{background:#0056b3}.watch-layout[data-v-2f607497]{display:flex;flex:1;gap:12px;min-height:0;max-height:100%;overflow:hidden}.player-section[data-v-2f607497]{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;max-height:100%}.stream-info[data-v-2f607497]{padding:8px 0;flex-shrink:0}.live-badge[data-v-2f607497]{margin-left:8px;color:#0a0}.offline-badge[data-v-2f607497]{margin-left:8px;color:#999}.video-wrapper[data-v-2f607497]{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;max-height:100%;overflow:hidden}.video-player[data-v-2f607497]{max-width:100%;max-height:100%;border-radius:12px;border:1px solid #ddd;background:#000;aspect-ratio:16 / 9;object-fit:contain}.hls-url[data-v-2f607497]{color:#666;font-size:12px;margin-top:8px;flex-shrink:0}.chat-section[data-v-2f607497]{width:350px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;max-height:100%}@media(max-width:768px)and (orientation:portrait){.watch-layout[data-v-2f607497]{flex-direction:column}.player-section[data-v-2f607497]{flex:0 0 auto;max-height:35%}.video-wrapper[data-v-2f607497]{flex:1;min-height:0}.video-player[data-v-2f607497]{width:100%;max-height:100%}.hls-url[data-v-2f607497]{display:none}.stream-info[data-v-2f607497]{padding:4px 0;font-size:14px}.chat-section[data-v-2f607497]{width:100%;flex:1;min-height:0;max-height:65%;overflow:hidden}}@media(max-width:768px)and (orientation:landscape){.watch-container[data-v-2f607497]{padding:4px}.stream-info[data-v-2f607497]{padding:4px 0;font-size:14px}.chat-section[data-v-2f607497]{width:280px}.hls-url[data-v-2f607497]{display:none}}