:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-grow{flex-grow:1}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.object-cover{object-fit:cover}#root{background-color:var(--color-background);width:100%;height:100vh;margin:0;padding:0;overflow:hidden}body{background-color:var(--color-background);margin:0;padding:0;overflow:hidden}html{background-color:var(--color-background);height:100%;overflow:hidden}:root{--color-background:#f9f9f9;--color-accent:#f28c28;--color-highlight:#ffcb9e;--color-highlight-2:#c6690c;--border-radius:.3rem}.header-main{padding:.75rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-accent)}.logo-icon{width:3.5rem;height:3.5rem;margin-left:50px}.search-section{max-width:28rem;margin-left:1rem;margin-right:1rem}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:8px 40px 8px 12px;color:#252525;background-color:#f0f0f0;border:1px solid #ccc;border-radius:var(--border-radius);text-align:center;font-size:14px}.search-icon{position:absolute;right:12px;width:16px;height:16px;color:#666;pointer-events:none}.search-input:focus{outline:2px solid var(--color-highlight);outline-offset:2px}.search-input:focus::placeholder{color:transparent}.nav-link-container{display:flex;align-items:center;justify-content:right;padding:.5rem;gap:1rem;width:15%;background-color:var(--color-accent)}.nav-link{font-weight:600;text-transform:uppercase;color:#606060;transition:color .2s ease-in-out;cursor:pointer;justify-content:center;display:grid;align-items:center}.nav-icon{width:24px;height:24px;color:#606060}.profile-avatar{width:2.5rem;height:2.5rem;margin-left:1rem;background-color:var(--color-highlight);border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:ring-width .2s ease-in-out,ring-color .2s ease-in-out}.profile-avatar a{font-size:.875rem;font-weight:700;color:#fff}.inbox-icon-container{position:relative;display:inline-block}.unread-dot{position:absolute;top:-4px;left:-4px;width:12px;height:12px;background-color:#ef4444;border-radius:50%;border:2px solid var(--color-accent);z-index:10}.unread-message-bubble{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;padding:6px 12px;background-color:#1f2937;color:#fff;font-size:.75rem;font-weight:500;border-radius:6px;white-space:nowrap;z-index:20;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.unread-message-bubble:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2937}.video-container{display:grid;grid-template-columns:1fr 3fr;gap:1rem;height:100%;width:100%;padding:1rem;box-sizing:border-box;overflow:hidden;background-color:var(--color-background)}.video-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.video-box{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background-color:#000;border-radius:var(--border-radius);overflow:hidden}.video-element{width:100%;height:100%;object-fit:cover;border:#000;background-color:#000;border-radius:var(--border-radius);transform:scaleX(-1)}.live-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;background-color:#000000b3;padding:.5rem .75rem;border-radius:4px;z-index:10}.live-dot{width:8px;height:8px;background-color:red;border-radius:50%;animation:pulse 2s infinite}.live-text{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.stream-metadata{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 50%,transparent 100%);padding:3rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-end;color:#fff}.stream-info{flex:1;margin-right:1rem}.stream-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;line-height:1.2}.stream-stats{display:flex;gap:1rem;font-size:.875rem;color:#fffc}.viewer-count{display:flex;align-items:center;gap:.25rem}.viewer-count:before{content:"👁";font-size:.75rem}.tip-count{opacity:.7}.tip-count:before{content:"💰";font-size:.75rem}.stream-actions{display:flex;gap:.5rem;align-items:center}.follow-button{background-color:var(--color-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s ease}.follow-button:hover{background-color:var(--color-highlight-2)}.share-button,.mute-button{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem .75rem;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background-color .2s ease;font-weight:600;white-space:nowrap}.more-button{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;width:40px;height:40px}.share-button:hover,.mute-button:hover,.more-button:hover{background-color:#fff3}.share-button svg,.mute-button svg,.more-button svg{width:16px;height:16px}.stream-chat-box{border-radius:var(--border-radius);box-shadow:0 0 10px #0000001a;background-color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-comments{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none}.chat-comments::-webkit-scrollbar{display:none}.chat-comment{padding:.75rem;background-color:#fff}.chat-comment.highlight-next{background-color:#ffff8f;box-shadow:0 0 8px #ffd70033}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.username{font-weight:600;color:var(--color-highlight);font-size:.9rem}.timestamp{font-size:.75rem;color:#666}.comment-content{color:#555;line-height:1.4;word-wrap:break-word}.enlarged-emoji{display:inline-block;vertical-align:middle}.emoji-2x{font-size:2em;line-height:1}.emoji-4x{font-size:4em;line-height:1}.chat-input-form{padding:1rem;display:flex;gap:.5rem;align-items:stretch;min-width:0;background-color:#fff}.chat-input{flex:1;min-width:0;padding:.75rem;border:1px solid #e5e5e5;border-radius:var(--border-radius);background-color:var(--color-background);font-size:.9rem}.chat-input:focus{outline:none;border-color:var(--color-highlight);box-shadow:0 0 0 1px var(--color-highlight-2)}.chat-input::placeholder{color:#666}.send-button{padding:.75rem 1rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;min-width:70px;flex-shrink:0;flex-basis:auto}.send-button:hover{background-color:var(--color-highlight-2)}.emoji-picker-container{position:relative;flex-shrink:0}.emoji-button{background-color:transparent;border:1px solid #e5e5e5;color:#666;cursor:pointer;padding:.75rem;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:48px}.emoji-button:hover{background-color:#ffffff0d;border-color:#888;color:#888}.emoji-picker{position:absolute;bottom:100%;right:0;background-color:#2a2a2a;border:1px solid #e5e5e5;border-radius:var(--border-radius);padding:.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;box-shadow:0 4px 12px #0000004d;z-index:100;margin-bottom:.5rem;min-width:200px}.emoji-option{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.emoji-option:hover{background-color:#ffffff1a}.no-comments-message{text-align:center;padding:1rem;color:#666;font-style:italic}.inbox-container{display:flex;height:100%;max-height:100%;background-color:var(--color-background);font-size:18px;overflow:hidden}.inbox-sidebar{width:30%;background-color:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;max-height:100%;overflow:hidden}.inbox-sidebar>div:first-child{padding:1rem;border-bottom:1px solid #e5e5e5}.inbox-sidebar>div:first-child .tab-button{width:100%;background-color:var(--color-accent);color:#fff;font-size:16px;font-weight:700;padding:.75rem;border-radius:var(--border-radius);transition:background-color .2s ease}.inbox-sidebar>div:first-child .tab-button:hover{background-color:var(--color-highlight-2)}.tabs-container{display:flex;border-bottom:1px solid #e5e5e5;padding:0 1rem}.tab-button{flex:1;padding:.75rem 0;text-align:center;color:#666;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;background:none;border:none;font-size:.875rem}.tab-button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-button:hover:not(.active){color:#333}.conversation-list{flex-grow:1;overflow-y:auto;padding:.5rem 1rem}.conversation-item{display:flex;align-items:center;padding:.75rem;color:#333;cursor:pointer;transition:background-color .2s ease;border-radius:var(--border-radius);margin-bottom:.25rem;position:relative;min-width:0}.conversation-item:hover{background-color:#f5f5f5}.conversation-item.active{background-color:#f0f0f0}.conversation-unread-indicator{background-color:var(--color-accent);border-radius:50%;margin-right:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-unread-indicator svg{width:.6rem;height:.6rem;fill:var(--color-accent)}.conversation-avatar{width:2.5rem;height:2.5rem;background-color:#a9a9a9;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;margin-right:.75rem;flex-shrink:0;min-width:2.5rem}.conversation-details{flex-grow:1;min-width:0;overflow:hidden}.conversation-name{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;display:flex;align-items:center;gap:.25rem}.conversation-last-message{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.conversation-time{font-size:.75rem;color:#999;margin-left:.5rem;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;min-width:3rem}.conversation-actions{display:flex;align-items:center;margin-left:.5rem;flex-shrink:0;min-width:1.5rem}.conversation-action-icon{width:1rem;height:1rem;color:#999;cursor:pointer;margin-left:.25rem}.conversation-action-icon:hover{color:#666}.main-content{flex:1;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.main-content-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:#fff;border-bottom:1px solid #e5e5e5;color:#333}.main-content-title{font-size:1.2rem;font-weight:600}.header-title-container{display:flex;align-items:center;gap:.25rem}.dropdown-menu-container{position:relative;display:inline-block}.dropdown-toggle-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background-color:transparent;color:#000!important;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;font-size:1rem;font-weight:700;line-height:1}.dropdown-toggle-button:hover{background-color:#f5f5f5;color:#000!important}.dropdown-menu{position:absolute;top:0;left:100%;background-color:#fff;border:1px solid #e5e5e5;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:120px}.dropdown-item{display:block;width:100%;padding:.5rem 1rem;border:none;background-color:transparent;color:#333;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.no-conversation-selected{display:flex;align-items:center;justify-content:center;height:100%;color:#666;text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message-item{display:flex;gap:.75rem;align-items:flex-start}.message-avatar-small{width:2rem;height:2rem;border-radius:50%;flex-shrink:0}.message-content-wrapper{flex:1}.message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.message-username{font-weight:600;font-size:1rem;color:#333}.message-time{font-size:.75rem;color:#666}.message-text{font-size:.9rem;color:#333;word-wrap:break-word}.message-text .emoji{font-size:1.2em;margin-left:.25rem}.date-separator{text-align:center;color:#666;font-size:.8rem;margin:1rem 0;position:relative}.date-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e5e5e5;z-index:1}.date-separator span{background-color:#f9f9f9;padding:0 1rem;position:relative;z-index:2}.message-input-area{border-top:1px solid #e5e5e5;background-color:#fff;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.message-input-row{display:flex;align-items:flex-end;gap:.5rem}.message-input{flex:1;border:1px solid #e5e5e5;border-radius:var(--border-radius);padding:.75rem 1rem;font-size:.9rem;resize:none;outline:none;transition:border-color .2s ease;font-family:inherit;line-height:1.25;min-height:2.5rem;max-height:120px}.message-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.1)}.message-input-buttons{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.message-input-button{display:flex;align-items:center;justify-content:center;width:3rem;height:2.5rem;border:1px solid #e5e5e5;border-radius:var(--border-radius);background-color:transparent;color:#333;cursor:pointer;transition:all .2s ease}.message-input-button:hover{border-color:var(--color-accent)}.message-input-button.send-button{background-color:var(--color-accent);color:#fff;border:2px solid var(--color-accent)}.message-input-button.send-button:hover{background-color:var(--color-highlight-2);border-color:var(--color-highlight)}.message-input-icon{width:1.25rem;height:1.25rem;fill:currentColor;flex-shrink:0}.attachment-preview{background-color:#ffffff0d;border-radius:8px 8px 0 0}.attachment-preview button:hover{background-color:#ffffff1a}.message-input-button.recording{animation:pulse-recording 1.5s infinite}@keyframes pulse-recording{0%{background-color:#f44;transform:scale(1)}50%{background-color:#f66;transform:scale(1.05)}to{background-color:#f44;transform:scale(1)}}.message-photo-img{cursor:pointer;transition:transform .2s ease}.message-audio audio{background-color:transparent}.message-audio audio::-webkit-media-controls-panel{background-color:#ffffff1a;border-radius:15px}.message-input-button input[type=file]{position:absolute;opacity:0;width:0;height:0}.attachment-preview{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;background-color:#ffffff0d;border-radius:8px 8px 0 0}.attachment-preview-image{width:60px;height:60px;object-fit:cover;border-radius:8px}.attachment-preview-content{flex:1}.attachment-preview-title{font-size:.9rem;font-weight:500}.attachment-preview-subtitle{font-size:.8rem;opacity:.7}.attachment-preview-remove{background:none;border:none;color:currentColor;cursor:pointer;padding:4px;border-radius:4px}.attachment-preview-remove:hover{background-color:#ffffff1a}.voice-preview-icon{width:40px;height:40px;border-radius:50%;background-color:var(--color-accent);display:flex;align-items:center;justify-content:center}.voice-preview-controls{display:flex;align-items:center;gap:12px}.voice-preview-soundwave{flex:1;display:flex;justify-content:center;align-items:center;min-height:24px}.audio-player{display:flex;align-items:center;gap:12px;padding:12px;background-color:#ffffff1a;border-radius:20px;max-width:250px}.audio-play-button{width:32px;height:32px;border:none;background-color:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.audio-soundwave-container{flex:1;display:flex;align-items:center;min-height:24px}.audio-hidden{display:none}.message-photo-container{margin-top:8px}.message-photo-container.no-text{margin-top:0}.message-photo-img{max-width:300px;max-height:200px;border-radius:8px;cursor:pointer;transition:transform .2s ease}.message-photo-img:hover{transform:scale(1.02)}.message-audio-container{margin-top:8px}.message-audio-container.no-text{margin-top:0}@keyframes soundwave-0{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes soundwave-1{0%,to{transform:scaleY(.5)}50%{transform:scaleY(.8)}}@keyframes soundwave-2{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes soundwave-3{0%,to{transform:scaleY(.6)}50%{transform:scaleY(.9)}}@keyframes soundwave-4{0%,to{transform:scaleY(.3)}50%{transform:scaleY(.7)}}.soundwave-bar{transform-origin:center;transition:all .2s ease}.soundwave:not(.active) .soundwave-bar{transform:scaleY(.3)}.admin-cues-container{height:100%;width:100%;overflow:hidden;background:#00008b}.admin-cues-grid{height:90%;gap:2rem;padding:2rem;justify-content:center;box-sizing:border-box;min-height:0}.admin-cues-section{border-radius:var(--border-radius);overflow:hidden;box-shadow:0 1px 2px #10b98114;display:flex;flex-direction:column;min-height:0;height:100%}.admin-controls{padding:1rem;display:flex;justify-content:center;gap:5rem}.test-message-button{background-color:#fff;color:#00f;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000001a}.test-message-button:hover{background-color:#d3d3d3;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.test-message-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.arrow-right{color:#fff;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.scene-select-dropdown{width:100%;background-color:#fff;color:#00f;padding:.75rem 2.5rem .75rem 1.5rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%230000ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;margin-bottom:1rem}.video-feed-container{display:flex;flex-direction:column;height:100%;background-color:var(--color-background);overflow:hidden}.main-layout{display:flex;flex:1;overflow:hidden;min-height:0}.video-feed-main-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;padding:24px;background-color:var(--color-background);min-height:0}.content-section{margin-bottom:40px}.section-header{font-size:20px;font-weight:500;color:#030303;margin-bottom:16px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:32px}.video-card{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:transform .1s ease}.video-card:hover{transform:scale(1.01)}.video-thumbnail{width:100%;height:360px;background-color:#e5e5e5;position:relative}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.video-card:hover .video-play-overlay{opacity:1}.video-info{padding:12px;background-color:#fff}.video-title{font-size:14px;font-weight:500;color:#030303;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;flex-direction:column;gap:2px}.channel-name,.video-stats{font-size:12px;color:#606060}@media (max-width: 768px){.sidebar{width:200px}.nav-center{margin:0 20px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 480px){.sidebar{display:none}.nav-center{margin:0 10px}.video-grid{grid-template-columns:1fr}}.video-modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.video-modal-container{position:relative;width:100%;max-width:1400px;height:100%;max-height:800px;background-color:var(--color-background);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 10px 25px #00000080}.modal-close-button{position:absolute;top:1rem;right:1rem;z-index:1002;color:#fff;width:44px;height:44px;cursor:pointer}.modal-close-button:hover{color:#fff;background:#000000b3}.video-modal-content{display:grid;grid-template-columns:3fr 1fr;gap:0;height:100%;width:100%;background-color:var(--color-background)}.video-player-section{display:flex;flex-direction:column;height:100%;background-color:#000}.video-player-wrapper{flex:1;display:flex;flex-direction:column;height:100%}.video-player{position:relative;flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background-color:#000}.video-element{width:100%;height:100%;object-fit:contain;background-color:#000}.video-controls-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;opacity:0;transition:opacity .3s ease}.video-player:hover .video-controls-overlay{opacity:1}.loading-overlay{position:absolute;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:20}.loading-spinner{color:#fff;font-size:1.125rem;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.play-pause-button{background-color:#000000b3;color:#fff;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.play-pause-button:hover{background-color:#000000e6}.stream-metadata{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:2rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-end;color:#fff;z-index:10}.stream-info{flex:1}.stream-title-section{margin-bottom:.5rem}.stream-title{font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.stream-stats{display:flex;gap:1rem;font-size:.9rem;opacity:.9}.viewer-count,.upload-date{display:flex;align-items:center;gap:.25rem}.stream-actions{display:flex;gap:.75rem;align-items:center}.share-button{background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:15}.share-button:hover{background-color:#fff3;border-color:#fff6}.video-controls-bar{background-color:#000000e6;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.progress-section{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:6px;background-color:#ffffff4d;border-radius:3px;cursor:pointer;position:relative}.progress-fill{height:100%;background-color:var(--color-accent);border-radius:3px;transition:width .1s ease}.time-display{color:#fff;font-size:.875rem;font-weight:500;min-width:80px;text-align:right}.control-buttons{display:flex;align-items:center;gap:1rem}.control-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.control-button:hover{background-color:#ffffff1a}.volume-control{display:flex;align-items:center;gap:.5rem}.volume-slider{width:80px;height:4px;background-color:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background-color:var(--color-accent);border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background-color:var(--color-accent);border-radius:50%;border:none;cursor:pointer}.video-chat-section{background-color:var(--color-background);border-left:1px solid var(--color-border);height:100%;display:flex;flex-direction:column}@media (max-width: 1024px){.video-modal-content{grid-template-columns:1fr;grid-template-rows:1fr auto}.video-chat-section{border-left:none;border-top:1px solid var(--color-border);height:300px}.modal-close-button{width:36px;height:36px}}@media (max-width: 768px){.video-modal-overlay{padding:1rem}.stream-metadata{padding:1.5rem 1rem 1rem}.stream-title{font-size:1.25rem}.stream-actions{flex-direction:column;gap:.5rem}.control-buttons{flex-wrap:wrap;gap:.5rem}.volume-control{order:-1}}.sidebar{width:220px;background-color:#fff;overflow-y:auto;padding:12px 0;border-right:1px solid #e5e5e5;height:100%;flex-shrink:0}.sidebar-section{margin-bottom:24px}.section-title{font-size:14px;font-weight:500;color:#606060;padding:8px 24px;margin-bottom:8px}.sidebar-item{font-size:14px;color:#030303}.sidebar-item a{display:flex;align-items:center;gap:24px;padding:8px 24px;cursor:pointer;text-decoration:none;color:inherit;width:100%}.sidebar-item a:hover{background-color:#f2f2f2}.sidebar-item.active a{background-color:#e5e5e5;font-weight:500}.sidebar-icon.img{width:18px;height:18px;font-weight:700;border-radius:2px}.channel-avatar{width:24px;height:24px;background-color:#606060;border-radius:50%}