:root{--primary-color:#ff2e63;--secondary-color:#08d9d6;--dark-bg:#0f0f23;--card-bg:#ffffff14;--text-color:#fff;--text-secondary:#b8b8b8;--border-radius:var(--radius-md);--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);min-height:100vh;padding:15px}.container{max-width:100%}.header{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:15px}.header h1{color:var(--secondary-color);justify-content:center;align-items:center;gap:10px;font-size:1.5rem;display:flex}.chat-container{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid #ffffff1a;flex-direction:column;flex:1;min-height:0;margin-bottom:15px;padding:15px;display:flex}.messages{border-radius:var(--radius-lg);background:#0003;flex:1;min-height:0;margin-bottom:10px;padding:10px;overflow-y:auto}.chat-input-container{gap:8px;display:flex}#chat-message-input{border-radius:var(--radius-md);color:var(--text-color);background:#ffffff0d;border:1px solid #ffffff1a;flex:1;padding:8px;font-size:.8rem}#chat-send-btn{background:var(--secondary-color);color:#000;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:8px 12px;font-size:.8rem;font-weight:700}#chat-send-btn:hover{background:var(--accent-2)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;display:grid}.stat-card{background:var(--card-bg);border-radius:var(--border-radius);text-align:center;border:1px solid #ffffff1a;padding:15px}.stat-value{color:var(--secondary-color);margin-bottom:5px;font-size:1.8rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.8rem}.control-panel{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid #ffffff1a;margin-bottom:20px;padding:20px}.control-buttons{flex-direction:column;gap:10px;display:flex}.control-btn{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:1rem;font-weight:700;display:flex}#stop-stream-btn{color:var(--danger);background:#ff475733;border:1px solid #ff47574d}#stop-stream-btn:hover{background:#ff47574d}.copy-btn{color:var(--secondary-color);background:#08d9d633;border:1px solid #08d9d64d}.copy-btn:hover{background:#08d9d64d}.stream-info{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid #ffffff1a;margin-bottom:20px;padding:15px}.info-item{margin-bottom:10px}.info-label{color:var(--text-secondary);margin-bottom:5px;font-size:.9rem}.info-value{word-break:break-all;font-size:.9rem}.chat-container{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid #ffffff1a;flex-direction:column;height:400px;padding:15px;display:flex}.chat-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.messages{border-radius:var(--radius-lg);background:#0003;flex:1;margin-bottom:10px;padding:10px;overflow-y:auto}.message{border-radius:var(--radius-md);border-left:3px solid var(--secondary-color);background:#ffffff0d;margin-bottom:8px;padding:8px 12px;font-size:.8rem}.message-header{align-items:center;margin-bottom:3px;display:flex}.message-avatar{background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:6px;font-size:.7rem;font-weight:700;display:flex}.message .user{color:var(--secondary-color);margin-right:6px;font-size:.7rem;font-weight:700}.message .time{color:var(--text-secondary);margin-left:auto;font-size:.6rem}.message-content{font-size:.8rem}.hidden{display:none}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#ffffff0d}.messages::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:var(--radius-sm)}