@charset "UTF-8";.watchtv-main{padding:30px 0}.module-header{text-align:center;margin-bottom:40px}.module-header h1{color:#333;margin-bottom:15px}.module-description{color:#666;font-size:18px}.module-actions{margin-bottom:50px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:768px){.module-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}}.action-card{text-align:center;padding:30px 20px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;height:100%}.action-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)}.action-icon{font-size:48px;margin-bottom:20px}.action-card h3{color:#333;margin-bottom:15px}.action-card p{color:#666;margin-bottom:20px;min-height:60px}.module-features{background:#f8f9fa;padding:40px;border-radius:10px}.module-features h2{text-align:center;margin-bottom:30px;color:#333}.feature-list{list-style:none;padding:0}.feature-list li{padding:8px 0;color:#555;font-size:16px}.btn-lg{padding:12px 30px;font-size:16px}.watchtv-room{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.warchtv-room__left{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.warchtv-room__right{-webkit-box-flex:0;-ms-flex:0 0 320px;flex:0 0 320px;max-width:320px;margin-left:7px}.video-container{background:#000;border-radius:10px;overflow:hidden;margin-bottom:20px}.video-player{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#1a1a1a,#2a2a2a);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.placeholder-content{text-align:center;padding:20px}.placeholder-content i{font-size:64px;color:#ffc107;margin-bottom:20px}.placeholder-content h3{margin-bottom:10px;color:#fff}.placeholder-content p{color:#ccc;font-size:16px;margin-bottom:8px}.placeholder-content .text-muted{color:#999;font-size:14px;font-style:italic}.video-controls{background:#2a2a2a;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.control-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.volume-slider{width:100px}.volume-label{color:#fff;font-size:14px;min-width:80px}.time-display{color:#fff;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;min-width:80px}.time-display i{color:#ffc107}.time-display span{font-family:"Courier New",monospace;font-weight:700}.time-separator{color:#666;margin:0 5px}.progress-group{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 15px}.progress-slider{width:100%;height:6px;border-radius:3px;background:#444;outline:0;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ffc107;cursor:pointer}.progress-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ffc107;cursor:pointer;border:none}.keyboard-hints{background:#1a1a1a;padding:8px 15px;text-align:center;border-top:1px solid #333}.keyboard-hints small{color:#999;font-size:12px}.keyboard-hints i{margin-right:5px;color:#ffc107}.hints-row{margin-bottom:5px}.connection-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:12px;padding:4px 8px;border-radius:4px;background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.status-indicator.connected{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.status-indicator.connecting{background-color:#fff3cd;color:#856404;border-color:#ffeaa7}.status-indicator.disconnected{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.status-indicator i{font-size:8px}.status-indicator.connected i{color:#28a745}.status-indicator.connecting i{color:#ffc107;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}.status-indicator.disconnected i{color:#dc3545}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.room-info-panel{background:#fff;border-radius:10px;padding:25px;margin-bottom:20px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.room-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.room-header h2{margin:0;color:#333}.room-meta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.room-status{padding:6px 12px;border-radius:15px;font-size:12px;font-weight:700}.room-status.private{background:#ffc107;color:#856404}.room-status.public{background:#28a745;color:#fff}.room-participants{color:#666;font-size:14px}.movie-info h4{color:#333;margin-bottom:15px}.movie-info p{margin:8px 0;color:#555}.sidebar-panel{background:#fff;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.sidebar-controls{margin-top:20px;padding:10px;background:#fff;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.sidebar-controls .btn{width:100%}.sidebar-controls .btn:not(:last-child){margin-bottom:10px}.chat-section,.participants-section{padding:10px;border-bottom:1px solid #e0e0e0}.chat-section:last-child,.participants-section:last-child{border-bottom:none}.chat-section h4,.participants-section h4{color:#333;margin-bottom:15px;font-size:18px}.participants-list{max-height:200px;overflow-y:auto}.participant-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0}.participant-item:last-child{border-bottom:none}.participant-avatar{width:40px;height:40px;background:#007bff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.participant-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.participant-name{display:block;color:#333;font-weight:500;font-size:14px}.participant-role{display:block;color:#666;font-size:12px}.participant-role.role-creator{color:#28a745;font-weight:600}.participant-role.role-member{color:#666}.participant-actions{margin-left:auto}.kick-participant-btn{background:#dc3545;border:1px solid #dc3545;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.kick-participant-btn:hover{background:#c82333;border-color:#bd2130}.participant-item{position:relative}.participant-item .participant-actions{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.participant-item:hover .participant-actions{opacity:1}.cooldown-active{opacity:.6;cursor:not-allowed!important;background-color:#6c757d!important;border-color:#6c757d!important;color:#fff!important}.cooldown-active:hover{background-color:#6c757d!important;border-color:#6c757d!important;-webkit-transform:none!important;transform:none!important}@-webkit-keyframes cooldown-pulse{0%{opacity:.6}50%{opacity:.4}100%{opacity:.6}}@keyframes cooldown-pulse{0%{opacity:.6}50%{opacity:.4}100%{opacity:.6}}.cooldown-active{-webkit-animation:cooldown-pulse 2s infinite;animation:cooldown-pulse 2s infinite}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}.notification-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;width:100%}.notification-icon{font-size:16px;-ms-flex-negative:0;flex-shrink:0}.notification-message{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.4}.notification-close{background:0 0;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;margin-left:10px;opacity:.8;-webkit-transition:opacity .2s;transition:opacity .2s}.notification-close:hover{opacity:1}.chat-messages{height:300px;overflow-y:auto;margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:5px}.chat-message{margin-bottom:10px;padding:8px 12px;border-radius:8px;background:#fff;border-left:3px solid #007bff}.chat-message.system{border-left-color:#28a745;background:#f8fff9}.chat-message.action{border-left-color:#ffc107;background:#fffdf5;font-style:italic}.chat-message.special{border-left-color:#2196f3;background:linear-gradient(135deg,#e3f2fd,#f3e5f5)}.chat-message.special .message-text{font-weight:500;color:#1565c0}.message-time{display:block;font-size:11px;color:#999;margin-bottom:3px}.message-text{color:#333;font-size:14px}.chat-input{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;position:relative}.chat-input input{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.chat-input button{padding:8px 12px}@media (max-width:991px){.watchtv-room{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.warchtv-room__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.room-info-panel{-webkit-box-ordinal-group:-98;-ms-flex-order:-99;order:-99;padding:10px;margin-bottom:10px}.warchtv-room__right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}}.watchtv-create{padding:30px 0}.page-header{text-align:center;margin-bottom:40px}.page-header h1{color:#333;margin-bottom:15px}.page-header p{color:#666;font-size:18px}.create-form-wrapper{background:#fff;border-radius:10px;padding:30px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:40px}.create-form .form-group{margin-bottom:25px}.create-form label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:16px}.create-form .form-control{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.create-form textarea.form-control{height:120px;max-height:200px}.create-form .form-control:focus{outline:0;border-color:#007bff;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.1);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.create-form .form-check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.create-form .form-check-input{width:20px;height:20px;margin:0}.create-form .form-check-label{margin:0;font-weight:500}.create-form .form-text{color:#666;font-size:14px;margin-top:5px}.movie-search-wrapper{position:relative}.movie-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:1000;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1)}.movie-suggestion-item{padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.movie-suggestion-item:hover{background-color:#f8f9fa}.movie-suggestion-item:last-child{border-bottom:none}.movie-suggestion-poster{width:82px;height:144px;border-radius:5px}.movie-suggestion-title{font-weight:500;color:#333;margin-bottom:4px}.movie-suggestion-year{font-size:14px;color:#666}.movie-suggestion-alt{font-size:12px;color:#999;font-style:italic}.form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-top:30px;padding-top:25px;border-top:1px solid #e0e0e0}.form-actions .btn{padding:12px 25px;font-size:16px}.create-info{background:#f8f9fa;border-radius:10px;padding:30px;border:2px solid #e9ecef}.create-info h4{text-align:center;color:#333;margin-bottom:25px;font-size:20px}.info-steps{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.step{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.step-number{width:50px;height:50px;background:#007bff;color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto 20px}.step-content h5{color:#333;margin-bottom:10px;font-size:16px}.step-content p{color:#666;font-size:14px;line-height:1.5}.watchtv-rooms{padding:30px 0}.rooms-stats{text-align:center;margin-bottom:30px}.stats-item{display:inline-block;padding:20px 40px;background:#f8f9fa;border-radius:10px;border:2px solid #e9ecef}.stats-number{display:block;font-size:36px;font-weight:700;color:#007bff}.stats-label{color:#666;font-size:16px}.rooms-actions{text-align:center;margin-bottom:30px}.rooms-actions .btn{margin:0 10px;padding:12px 25px}.rooms-list{margin-bottom:30px}.room-item{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:25px;margin-bottom:20px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.room-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)}.rooms-list .room-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.rooms-list .room-header h3{margin:0;color:#333;font-size:24px}.rooms-list .room-status{padding:8px 15px;border-radius:20px;font-size:14px;font-weight:700}.room-info{margin-bottom:20px}.room-info p{margin:8px 0;color:#555;font-size:16px}.room-info strong{color:#333}.movie-info a,.room-info a{color:#79c142}.room-actions{text-align:right}.room-actions .btn{margin-left:10px;padding:10px 20px}.no-rooms{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:10px;border:2px dashed #dee2e6}.no-rooms p{color:#666;font-size:18px;margin:0}.pagination-wrapper{text-align:center}.pagination{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:5px}.page-link{padding:10px 15px;border:1px solid #dee2e6;border-radius:5px;text-decoration:none;color:#007bff;-webkit-transition:all .3s ease;transition:all .3s ease}.page-link:hover{background:#007bff;color:#fff;border-color:#007bff}.page-link.active{background:#007bff;color:#fff;border-color:#007bff}.watchtv-myrooms{padding:30px 0}.user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;background:#fff;padding:25px;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:30px}.user-avatar{width:60px;height:60px;background:#007bff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:24px}.user-details h3{margin:0 0 5px 0;color:#333}.user-details p{margin:0;color:#666}.rooms-tabs{background:#fff;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.nav-tabs{border-bottom:1px solid #e0e0e0;padding:0 20px}.nav-tabs .nav-link{border:none;color:#666;font-weight:500;padding:15px 20px;border-radius:0}.nav-tabs .nav-link.active{color:#007bff;background:0 0;border-bottom:2px solid #007bff}.tab-content{padding:4px}.loading-placeholder{text-align:center;padding:60px 20px;color:#666}.loading-placeholder i{font-size:48px;color:#007bff;margin-bottom:20px}.myrooms .room-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:15px;-webkit-transition:all .3s ease;transition:all .3s ease}.myrooms .room-item:hover{-webkit-box-shadow:0 2px 15px rgba(0,0,0,.1);box-shadow:0 2px 15px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.myrooms .room-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.room-title{font-size:18px;font-weight:600;color:#333;margin:0}.myrooms .room-status{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:700}.myrooms .room-status.active{background:#28a745;color:#fff}.myrooms .room-status.archived{background:#6c757d;color:#fff}.myrooms .room-info{margin-bottom:15px}.myrooms .room-info p{margin:5px 0;color:#555;font-size:14px}.myrooms .room-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.myrooms .room-actions .btn{padding:8px 16px;font-size:14px}.myrooms .no-rooms{text-align:center;padding:60px 20px;color:#666}.myrooms .no-rooms i{font-size:48px;color:#ccc;margin-bottom:20px}.watchtv-error{padding:60px 0;background:#f8f9fa;min-height:calc(100vh - 100px)}.error-container{background:#fff;border-radius:15px;padding:40px;text-align:center;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1);border:2px solid #e9ecef}.error-icon{margin-bottom:30px}.error-icon i{font-size:80px;color:#dc3545;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.error-content h1{color:#333;margin-bottom:20px;font-size:28px}.error-message{color:#666;font-size:18px;margin-bottom:30px;line-height:1.6;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #dc3545}.error-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:40px;-ms-flex-wrap:wrap;flex-wrap:wrap}.error-actions .btn{padding:12px 25px;font-size:16px;min-width:150px}.error-help{text-align:left;background:#f8f9fa;padding:25px;border-radius:8px;border:1px solid #e9ecef}.error-help h4{color:#333;margin-bottom:15px;font-size:18px}.error-help p{color:#666;margin-bottom:15px;font-size:14px}.error-help ul{color:#666;font-size:14px;padding-left:20px;margin:0}.error-help li{margin-bottom:8px;line-height:1.4}@media (max-width:768px){.info-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.form-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-actions .btn{width:100%}.control-group{-ms-flex-wrap:wrap;flex-wrap:wrap}.room-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:15px}.room-meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.rooms-list .room-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:15px}.room-actions{text-align:center}.room-actions .btn{margin:5px;display:inline-block}.user-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.rooms-actions .btn{margin:5px;display:inline-block}.myrooms .room-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.myrooms .room-actions{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.error-container{padding:30px 20px}.error-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.error-actions .btn{width:100%;max-width:250px}.error-icon i{font-size:60px}.error-content h1{font-size:24px}.error-message{font-size:16px}.video-player{height:400px}}.quick-actions-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(3px)}.quick-actions-popup .popup-content{background:#fff;border-radius:12px;width:90%;max-width:450px;max-height:80vh;overflow-y:auto;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-animation:popupSlideIn .3s ease-out;animation:popupSlideIn .3s ease-out}@-webkit-keyframes popupSlideIn{from{opacity:0;-webkit-transform:scale(.9) translateY(-20px);transform:scale(.9) translateY(-20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes popupSlideIn{from{opacity:0;-webkit-transform:scale(.9) translateY(-20px);transform:scale(.9) translateY(-20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.quick-actions-popup .popup-header{padding:20px 25px 15px;border-bottom:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.quick-actions-popup .popup-header h5{margin:0;color:#333;font-weight:600;font-size:18px}.quick-actions-popup .btn-close{position:absolute;top:15px;right:20px;background:0 0;border:none;font-size:24px;color:#999;cursor:pointer;padding:5px;line-height:1;-webkit-transition:color .2s ease;transition:color .2s ease}.quick-actions-popup .btn-close:hover{color:#333}.quick-actions-popup .popup-body{padding:20px 25px 25px}.quick-actions-popup .action-group{margin-bottom:25px}.quick-actions-popup .action-group:last-child{margin-bottom:0}.quick-actions-popup .action-group h6{margin:0 0 15px 0;color:#333;font-weight:600;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.quick-actions-popup .action-group h6 i{color:#007bff}.voice-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.voice-option{padding:12px 15px;border:1px solid #ddd;border-radius:8px;background:#f8f9fa;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.voice-option:hover{background:#e9ecef;border-color:#007bff}.voice-option.active{background:#007bff;color:#fff;border-color:#007bff}.voice-option-name{font-weight:500}.voice-option-send{background:0 0;border:none;color:#007bff;cursor:pointer;padding:4px 8px;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.voice-option.active .voice-option-send{color:#fff}.voice-option-send:hover{background:rgba(0,123,255,.1)}.voice-option.active .voice-option-send:hover{background:rgba(255,255,255,.1)}.loading-text{text-align:center;color:#666;padding:20px;font-style:italic}.season-episode-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.season-episode-controls .form-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.season-episode-controls .form-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.season-episode-controls .form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.season-episode-controls .form-control{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.season-episode-controls .form-control:focus{outline:0;border-color:#007bff;-webkit-box-shadow:0 0 0 2px rgba(0,123,255,.1);box-shadow:0 0 0 2px rgba(0,123,255,.1)}.season-episode-controls .btn{-ms-flex-item-align:start;align-self:flex-start;padding:8px 16px;font-size:14px}@media (max-width:768px){.quick-actions-popup .popup-content{width:95%;margin:20px}.quick-actions-popup .popup-body,.quick-actions-popup .popup-header{padding:15px 20px}.season-episode-controls .form-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}.emoji-sticker-popup{position:absolute;width:320px;max-height:350px;background:#fff;border:1px solid #ddd;border-radius:12px;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.15);box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:100;display:none;-webkit-animation:emojiPopupSlideIn .2s ease-out;animation:emojiPopupSlideIn .2s ease-out}@-webkit-keyframes emojiPopupSlideIn{from{opacity:0;-webkit-transform:translateY(10px) scale(.95);transform:translateY(10px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes emojiPopupSlideIn{from{opacity:0;-webkit-transform:translateY(10px) scale(.95);transform:translateY(10px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.emoji-sticker-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.tabs-header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;background:#f8f9fa;border-radius:8px;padding:4px}.tab-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 12px;border:none;background:0 0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#666;-webkit-transition:all .2s ease;transition:all .2s ease}.tab-btn.active{background:#007bff;color:#fff}.tab-btn:hover:not(.active){background:#e9ecef;color:#333}.tab-content{display:none}.tab-content.active{display:block}.emoji-categories{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;margin-bottom:15px;background:#f8f9fa;border-radius:8px;padding:5px}.emoji-category-btn{padding:8px 10px;border:none;background:0 0;border-radius:6px;cursor:pointer;font-size:18px;-webkit-transition:all .2s ease;transition:all .2s ease}.emoji-category-btn.active{background:#007bff}.emoji-category-btn:hover:not(.active){background:#e9ecef}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-height:200px;overflow-y:auto;padding:3px;border:1px solid #eee;border-radius:8px;background:#fff}.emoji-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:20px;-webkit-transition:all .2s ease;transition:all .2s ease}.emoji-item:hover{background:#f0f0f0;-webkit-transform:scale(1.2);transform:scale(1.2)}.sticker-packs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;margin-bottom:15px;background:#f8f9fa;border-radius:8px;padding:5px}.sticker-pack-btn{padding:6px 12px;border:none;background:0 0;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#666;-webkit-transition:all .2s ease;transition:all .2s ease;white-space:nowrap}.sticker-pack-btn.active{background:#007bff;color:#fff}.sticker-pack-btn:hover:not(.active){background:#e9ecef;color:#333}.stickers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:200px;overflow-y:auto;padding:3px;border:1px solid #eee;border-radius:8px;background:#fff}.sticker-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;aspect-ratio:1;border-radius:8px;cursor:pointer;font-size:40px;-webkit-transition:all .2s ease;transition:all .2s ease;background:#f8f9fa}.sticker-item:hover{background:#e9ecef;-webkit-transform:scale(1.1);transform:scale(1.1)}.chat-message.emoji{background:linear-gradient(135deg,#fff9c4,#fff3cd);border-left-color:#ffc107}.chat-message.emoji .message-text{font-size:16px}.chat-message.sticker{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left-color:#dc3545}.chat-message.sticker .message-text{font-size:18px;text-align:center}@media (max-width:768px){.emoji-grid{grid-template-columns:repeat(6,1fr);gap:6px}.stickers-grid{grid-template-columns:repeat(3,1fr);gap:8px}.emoji-item{width:28px;height:28px;font-size:18px}.sticker-item{font-size:32px}.tab-btn{font-size:12px;padding:6px 8px}.sticker-pack-btn{font-size:11px;padding:4px 8px}.emoji-sticker-popup{width:280px}}