@charset "UTF-8";:root{--chat-message-font-size: 12px}.chatPageContainer{display:flex;flex-direction:column;height:100vh;height:100svh;height:100dvh;overflow:hidden}.chatWrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.chatNavigation{flex:0 0 auto}.chatContent{flex:1;flex-direction:column;min-height:0;display:flex}.chatContainer{background-color:#0f1611;display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden;background-color:var(--bg-primary);overscroll-behavior:none;-ms-overflow-style:none;scroll-behavior:auto}@media(min-width:1024px){.chatContainer{flex-direction:row;align-items:flex-start}.chatContainer>iframe{order:1;flex:0 0 auto;max-height:100%;width:calc(100vw - 400px)}.chatBody{order:2;flex:1 0 570px;width:auto;min-width:570px;max-width:none;height:100%;overflow:hidden}}.chatVirtuoso{margin-bottom:4px}.chatStreamerInfo{display:flex;align-items:center;min-height:30px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.075);background:#ffffff13;cursor:default}.chatStreamerInfo .chatStreamerInfoContent{flex:1 1 25%;display:flex;align-items:center;gap:6px}.chatStreamerInfo .chatStreamerInfoContent .streamerName{font-size:16px;font-weight:600;color:#ffffffb3}.chatStreamerInfo .chatStreamerInfoContent .liveBadgeDot{display:inline-block;vertical-align:middle;min-width:6px;min-height:6px;border-radius:50%;background-color:#ff0000b3}.chatStreamerInfo .chatStreamerLiveStatus{display:flex;align-items:center;justify-content:center;flex:0 1 100%;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.chatStreamerInfo .chatStreamerLiveStatus span{color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7em}.chatStreamerInfo .chatStreamerCard{position:absolute;top:40px;left:0;right:0;width:75%;max-width:350px;height:max-content;overflow:hidden;background:var(--bg-overlay);border:1px solid var(--border-primary);box-shadow:var(--shadow-dialog);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:6px;padding:16px;z-index:9999;margin:0 auto}.chatStreamerInfo .chatStreamerCard .chatStreamerCardContent{display:flex;flex-direction:column;gap:16px}.chatStreamerInfo .chatStreamerCard .chatStreamerCardContent .chatStreamerCardHeader{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.chatStreamerInfo .chatStreamerCard .chatStreamerCardContent .chatStreamerCardHeader img{border-radius:6px;border:1px solid var(--border-primary);width:90%;max-width:250px;height:auto;object-fit:cover}.chatStreamerInfo .chatStreamerCard .chatStreamerCardBody{display:flex;flex-direction:column;gap:8px}.chatStreamerInfo .chatStreamerCard .chatStreamerCardBody .chatStreamerCardTitle{font-size:16px;line-height:1.5;font-weight:600;color:var(--text-secondary);white-space:wrap}.chatStreamerInfo .chatStreamerCard .chatStreamerCardBody p{font-size:15px;color:var(--text-tertiary);white-space:wrap}.chatStreamerInfo .chatStreamerInfoActions{flex:1 1 25%;display:flex;justify-content:end}.chatStreamerInfo .chatStreamerInfoActions button{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.chatStreamerInfo .chatStreamerInfoActions .chattersBtn{opacity:.5;transition:opacity .2s ease}.chatStreamerInfo .chatStreamerInfoActions .chattersBtn:hover{opacity:1}.chatStreamerInfo .chatStreamerInfoActions .chatStreamerInfoModeratorBtn{opacity:1;cursor:pointer;transition:opacity .2s ease}.chatStreamerInfo .chatStreamerInfoActions .chatStreamerInfoModeratorBtn.disabled{opacity:.5}.pinnedMessageBtn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:none}.pinnedMessageBtn:disabled{opacity:.5;pointer-events:none}.pinnedMessageBtn.show{display:flex}.pinnedMessageBtn.open:hover img,.pinnedMessageBtn.open img{opacity:1}.pinnedMessageBtn:hover img{opacity:.8}.pinnedMessageBtn img{opacity:.4;transition:opacity .2s ease}.pollMessageBtn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px}.pollMessageBtn img{opacity:.4;transition:opacity .2s ease}.pollMessageBtn.open img{opacity:1}.poll{background:linear-gradient(to bottom,#1d2621,#1f2d25);border:1px solid rgba(255,255,255,.1019607843);position:absolute;margin:0 auto;left:0;right:0;width:calc(100% - 16px);box-shadow:0 4px 12px #030a04;top:56px;border-radius:6px;display:none;gap:16px;flex-direction:column;overflow:hidden;padding:16px;z-index:9;max-height:80px;transition:max-height .2s cubic-bezier(.4,0,.2,1)}.poll.expanded{max-height:100%;transition:max-height .2s cubic-bezier(.4,0,.2,1)}.poll.expanded .pollOptions,.poll.expanded .pollFooter{opacity:1}.poll.expanded .pollHeader>.pollHeaderInfo>span{white-space:wrap}.poll.open{display:flex;flex-direction:column;animation:fadeIn .15s ease-in-out;animation-fill-mode:forwards}.poll .pollHeader{display:flex;justify-content:space-between}.poll .pollHeader>.pollHeaderInfo{display:flex;gap:8px;flex-direction:column;flex-grow:0;flex-basis:auto;min-width:0}.poll .pollHeader>.pollHeaderInfo h4{color:var(--text-secondary)}.poll .pollHeader>.pollHeaderInfo span{color:#ccedda;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:max-width .15s ease-in-out}.poll .pollHeader>.pollActions{display:flex;gap:4px}.poll .pollHeader>.pollActions button{background:none;border:1px solid #39463f;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:20px;transition:border-color .2s ease}.poll .pollHeader>.pollActions button:hover{border-color:#8fa99a}.poll .pollHeader>.pollActions button:hover>img{opacity:1}.poll .pollHeader>.pollActions button>img{opacity:.4;transition:opacity .2s ease}.poll .pollOptions{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .15s ease-in-out}.poll .pollOptions.pollOptionsVoted button{cursor:default}.poll .pollOption{display:flex;align-items:center;justify-content:space-between;background-color:#2e3933;border-radius:6px;border:1px solid transparent;padding:12px;position:relative;gap:12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.poll .pollOption:hover{background-color:#39453f}.poll .pollOption:hover .pollOptionBtn{border-color:#7d9186}.poll .pollOption.pollOptionVoted{background-color:#ffe45d29;border-color:#ffe45d;cursor:default}.poll .pollOption.pollOptionVoted .pollOptionBar>.pollOptionBarFill{background-color:#ae930c}.poll .pollOption.pollOptionWon{background-color:#1a96452a;border-color:#1a9645;overflow:hidden}.poll .pollOption.pollOptionWon:hover{background-color:#1a96452a}.poll .pollOption.pollOptionWon .pollOptionBar>.pollOptionBarFill{background-color:#088d46}.poll .pollOption.pollOptionWon .pollOptionVotedLabel span{font-weight:700;border:1px solid rgba(255,255,255,.163);background:#ffffff2a;color:#fffc;padding:2px 4px;font-size:11px;border-radius:6px}.poll .pollOption.pollOptionWon .pollOptionLabel span{color:#fff}.poll .pollOption .pollOptionLabel.pollOptionLabelVoted>span,.poll .pollOption .pollOptionLabel.pollOptionLabelWon>span{color:#fff}.poll .pollOption .pollOptionLabel .pollOptionLabelContent{display:flex;align-items:center;gap:6px}.poll .pollOption .pollOptionLabel .pollOptionLabelContent>p{color:#fff}.poll .pollOption .pollOptionLabel .pollOptionLabelContent .pollOptionLabelStatus{display:flex;align-items:center;gap:2px;border-radius:4px;font-size:11px;font-weight:700;color:#fff}.poll .pollOption .pollOptionLabel .pollOptionLabelContent .pollOptionLabelStatus #pollOptionWonLabel,.poll .pollOption .pollOptionLabel .pollOptionLabelContent .pollOptionLabelStatus #pollOptionVotedLabel{background-color:#ffffff38;border:1px solid rgba(255,255,255,.2);font-weight:800;display:flex;align-items:center;width:fit-content;gap:8px;color:#ffffffe6;padding:2px 4px;font-size:12px;border-radius:4px}.poll .pollOption .pollOptionLabel .pollOptionLabelContent .pollOptionLabelStatus #pollOptionWonLabel{background-color:#15e73438;border:1px solid rgba(21,231,52,.2196078431);font-weight:800;color:#ffffffe6;padding:2px 4px}.poll .pollOption.pollOptionSelected{background-color:#61746a;border-color:#95b6a4}.poll .pollOption.pollOptionSelected .pollOptionBar>.pollOptionBarFill{background-color:#088d4661}.poll .pollOption.pollOptionSelected .pollOptionLabel>p{color:#ccedda}.poll .pollOption.pollOptionSelected .pollOptionLabel>span{color:#ccedda}.poll .pollOption .pollOptionBar{position:absolute;height:100%;left:0;right:0;z-index:1;overflow:hidden}.poll .pollOption .pollOptionBar .pollOptionBarFill{background-color:#ffffff0f;border-radius:6px;height:100%;width:0;left:0;right:0;transition:background-color .2s ease-in-out}.poll .pollOption .pollOptionBtn{background:none;border:1.5px solid #516058;cursor:pointer;padding:4px;width:20px;height:20px;z-index:2;border-radius:4px;display:flex;align-items:center;transition:border-color .2s ease}.poll .pollOption .pollOptionBtn.selected{background-color:#1a96452a;border-color:#1a9645}.poll .pollOption .pollOptionLabel{z-index:2;display:flex;justify-content:space-between;flex:1;align-items:center;font-weight:500;color:#8ba496;transition:color .2s ease}.poll .pollOption .pollOptionLabel>p{font-weight:600}.poll .pollFooter{display:flex;flex-direction:column;opacity:0;gap:16px;transition:opacity .15s ease-in-out}.poll .pollFooter .pollVoteButton{width:104px;height:40px;background-color:#d0f8d8;border-radius:4px;color:#18221a;font-size:13px;font-weight:700;cursor:pointer}.poll .pollFooter .pollTimer{background-color:#2e3933;border-radius:4px;width:100%;position:relative;height:12px}.poll .pollFooter .pollTimer span{background-color:#b6e7cb;height:100%;width:40px;border-radius:4px}iframe,.player-container{max-height:600px;width:100%}.pinnedMessage{margin:5px;left:0;right:0;background:var(--pin-poll-message-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:var(--pin-poll-message-border);box-shadow:var(--shadow-secondary);width:calc(100% - 16px);top:56px;border-radius:6px;display:none;gap:4px;flex-direction:column;overflow:hidden;padding:16px;z-index:1}.pinnedMessage.open{display:flex}.pinnedMessage.expanded .pinnedMessageContent{white-space:normal;margin-bottom:8px}.pinnedMessage.expanded .pinnedMessageContent>span{white-space:normal;text-overflow:unset}.pinnedMessage .pinnedMessageTop{gap:8px;display:flex;flex-direction:column}.pinnedMessageFooterContent{display:flex;gap:4px;color:var(--pin-poll-text);font-size:16px;font-weight:600;align-items:center}.pinnedMessageFooterContent>.chatroomBadge{width:18px;height:18px}.pinnedMessageFooterContent>.chatroomBadge>img{width:inherit;height:inherit}.pinnedMessageFooter{display:none;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.0980392157);padding-top:16px}.pinnedMessageFooter.open{display:flex}.pinnedMessageHeader{display:flex;justify-content:space-between;align-items:center}.pinnedMessageHeader .pinnedMessageHeaderInfo{display:flex;flex-direction:row;gap:4px;color:var(--pin-poll-text);flex-grow:0;flex-basis:auto;min-width:0}.pinnedMessageHeader .pinnedMessageHeaderInfo .chatroomBadge{width:18px;height:18px}.pinnedMessageHeader .pinnedMessageHeaderInfo .chatroomBadge>img{width:inherit;height:inherit}.pinnedMessageHeader .pinnedMessageHeaderInfo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:max-width .15s ease-in-out;color:var(--pin-poll-text);font-weight:600}.pinnedMessageActions{display:flex;gap:4px}.pinnedMessageActions button{background-color:transparent;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:20px;transition:border-color .2s ease,background-color .2s ease}.pinnedMessageActions button:hover{border-color:var(--border-hover);background-color:var(--border-bg-hover)}.pinnedMessageActions button:hover>img{opacity:.7}.pinnedMessageActions button>img{opacity:.4;transition:opacity .2s ease}.pinnedMessageContent{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.pinnedMessageContent>a{color:var(--text-secondary)!important;font-size:20px;text-decoration:underline;transition:color .15s ease;font-size:12px}.pinnedMessageContent>a:hover{color:var(--text-secondary)!important}.pinnedMessageContent>span{color:var(--text-secondary);font-size:20px;line-height:1.5;font-size:12px}.chatroomsEmptyState{height:100%;align-items:center;display:flex;justify-content:center;text-align:center;flex-direction:column;gap:16px}.chatroomsEmptyState p{opacity:.5}.chatBody{flex:1 1 auto;min-height:0;margin-right:0;display:flex;max-width:100%;word-wrap:break-word;flex-direction:column}.chatEmbed{width:100%;aspect-ratio:16/9;height:auto;border:0;display:block}.scrollToBottomBtn{position:absolute;bottom:24px;left:0;right:0;width:196px;margin:0 auto;height:40px;padding:0 6px 0 8px;font-size:16px;color:#000;cursor:pointer;border-radius:4px;border:1px solid var(--border-primary);background-color:var(--btn-primary-bg);box-shadow:0 8px 5px var(--shadow-primary);font-weight:700;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.scrollToBottomBtn:hover{background-color:var(--btn-primary-hover);box-shadow:0 8px 10px var(--shadow-primary)}.scrollToBottomBtn>img{filter:invert(1)}@keyframes scrollToBottomBtn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kick-preview-popup{opacity:0;transform:scale(.95) translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;display:flex;flex-direction:column}.kick-preview-info{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:60px;box-sizing:border-box;overflow:hidden;flex-shrink:0;background:#0f1611}.kick-preview-popup.visible{opacity:1;transform:scale(1) translateY(0)}.kick-preview-popup.hidden{opacity:0;transform:scale(.95) translateY(10px)}.kick-preview-popup.pinned{position:fixed!important;opacity:1;transform:none;pointer-events:auto;box-shadow:0 8px 32px #0009,0 0 0 1px #53fc1880,0 0 20px #53fc1826;border-radius:12px;overflow:visible;transition:box-shadow .2s ease}.kick-preview-popup.pinned:hover{box-shadow:0 12px 40px #000000b3,0 0 0 1px #53fc18e6,0 0 30px #53fc184d}.kick-preview-popup.pinned.dragging,.kick-preview-popup.pinned.resizing{opacity:.9;box-shadow:0 20px 60px #000c,0 0 0 2px #53fc18,0 0 50px #53fc184d}.kick-preview-popup.pinned .kick-preview-video-container{width:100%!important;border-radius:0}.kick-preview-popup.pinned .kick-preview-pin-btn{color:#53fc18;background:#53fc1833}.kick-preview-popup.pinned .kick-preview-info{padding:10px 12px}.kick-preview-popup.pinned .kick-preview-header{cursor:default}.kick-preview-drag-handle{padding:4px 8px;color:#ffffff4d;cursor:default;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.kick-preview-popup.pinned .kick-preview-drag-handle{cursor:grab}.kick-preview-popup.pinned .kick-preview-drag-handle:hover{color:#fffc;background:#ffffff1a}.kick-preview-popup.pinned .kick-preview-drag-handle:active{cursor:grabbing}.kick-preview-drag-handle svg{width:16px;height:16px;fill:currentColor}.kick-preview-resize-handle{position:absolute;bottom:0;width:20px;height:20px;opacity:0;transition:opacity .2s ease;z-index:10}.kick-preview-resize-handle.resize-right{right:0;cursor:nwse-resize}.kick-preview-resize-handle.resize-right:before{content:"";position:absolute;bottom:4px;right:4px;width:10px;height:10px;border-right:2px solid rgba(83,252,24,.6);border-bottom:2px solid rgba(83,252,24,.6);border-radius:0 0 3px}.kick-preview-resize-handle.resize-left{left:0;cursor:nesw-resize}.kick-preview-resize-handle.resize-left:before{content:"";position:absolute;bottom:4px;left:4px;width:10px;height:10px;border-left:2px solid rgba(83,252,24,.6);border-bottom:2px solid rgba(83,252,24,.6);border-radius:0 0 0 3px}.kick-preview-popup.pinned:hover .kick-preview-resize-handle{opacity:1}.kick-preview-popup.pinned .kick-preview-resize-handle:hover:before{border-color:#53fc18}.kick-preview-popup.fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:9999999!important;border-radius:0!important;background:#000!important;display:flex;flex-direction:column;transform:none!important;opacity:1!important;pointer-events:auto!important}.kick-preview-popup.fullscreen .kick-preview-video-container{width:100%!important;height:100%!important;max-height:100vh!important;flex:1}.kick-preview-popup.fullscreen .kick-preview-video-container video{object-fit:contain}.kick-preview-popup.fullscreen .kick-preview-info,.kick-preview-popup.fullscreen .kick-preview-resize-handle{display:none!important}.kick-preview-popup.fullscreen .kick-preview-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.8),transparent);border:none;opacity:0;transition:opacity .3s ease;z-index:10}.kick-preview-popup.fullscreen:hover .kick-preview-header{opacity:1}.kick-preview-popup.fullscreen .kick-preview-controls{opacity:0}.kick-preview-popup.fullscreen:hover .kick-preview-controls{opacity:1}.kick-preview-popup.fullscreen .icon-expand{display:none}.kick-preview-popup.fullscreen .icon-compress{display:block!important}.kick-preview-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0009;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.kick-preview-header-title{flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kick-preview-header-buttons{display:flex;align-items:center;gap:4px;position:relative}.kick-preview-pin-btn,.kick-preview-close-btn,.kick-preview-fullscreen-btn,.kick-preview-quality-btn{height:26px;border:none;border-radius:6px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;padding:0 8px}.kick-preview-pin-btn,.kick-preview-close-btn,.kick-preview-fullscreen-btn{width:26px;padding:0}.kick-preview-quality-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600}.kick-preview-quality-btn .quality-label{color:#53fc18}.kick-preview-pin-btn:hover,.kick-preview-fullscreen-btn:hover,.kick-preview-quality-btn:hover{background:#53fc184d;color:#53fc18}.kick-preview-close-btn:hover{background:#ff44444d;color:#f44}.kick-preview-pin-btn svg,.kick-preview-close-btn svg,.kick-preview-fullscreen-btn svg,.kick-preview-quality-btn svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}.kick-preview-fullscreen-btn .icon-compress{display:none}.kick-preview-quality-menu{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:#14141efa;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:100px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:100;box-shadow:0 10px 40px #00000080}.kick-preview-quality-control{position:relative;display:flex;align-items:center}.kick-preview-quality-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.quality-option{padding:8px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#fffc;cursor:pointer;border-radius:4px;transition:all .15s ease}.quality-option:hover{background:#53fc1833;color:#fff}.quality-option.selected{background:#53fc184d;color:#53fc18}.quality-option.selected:before{content:"✓ "}.kick-preview-video-container{position:relative;width:100%!important;background:#000;overflow:hidden;cursor:pointer;flex-shrink:0}.kick-preview-video-container video{width:100%;height:100%}.kick-preview-transition-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;background:#000;pointer-events:none;display:flex;align-items:center;justify-content:center}.kick-preview-transition-cover img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}.kick-preview-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;background:#0006;z-index:5;cursor:pointer}.kick-preview-play-overlay svg{width:60px;height:60px;fill:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .2s ease}.kick-preview-play-overlay:hover svg{transform:scale(1.1)}.kick-preview-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(transparent,#000c);opacity:0;transform:translateY(10px);transition:all .25s ease;z-index:6}.kick-preview-video-container:hover .kick-preview-controls{opacity:1;transform:translateY(0)}.kick-preview-progress{position:absolute;left:12px;right:12px;bottom:52px;z-index:6;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.kick-preview-video-container:hover .kick-preview-progress{opacity:1;transform:translateY(0)}.kick-preview-progress-time,.kick-preview-progress-live-offset{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600;color:#ffffffe0;font-variant-numeric:tabular-nums;min-width:42px;text-align:center;-webkit-user-select:none;user-select:none}.kick-preview-progress-live-offset{color:#53fc18}.kick-preview-progress-slider{flex:1;width:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.kick-preview-progress-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#53fc18f2,#53fc1873)}.kick-preview-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;border:2px solid #53fc18}.kick-preview-play-btn{width:32px;height:32px;border:none;border-radius:50%;background:#53fc18e6;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.kick-preview-play-btn:hover{background:#53fc18;transform:scale(1.1)}.kick-preview-play-btn svg{width:16px;height:16px;fill:currentColor}.kick-preview-play-btn .icon-play,.kick-preview-play-btn .icon-pause{display:none}.kick-preview-popup .kick-preview-play-btn .icon-pause{display:block}.kick-preview-popup.paused .kick-preview-play-btn .icon-pause{display:none}.kick-preview-popup.paused .kick-preview-play-btn .icon-play{display:block}.kick-preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px}.kick-preview-spinner{width:40px;height:40px;border:3px solid rgba(83,252,24,.2);border-top-color:#53fc18;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kick-preview-loading-text{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;opacity:.7}.kick-preview-avatar{grid-column:1;width:38px;height:38px;border-radius:50%;border:2px solid #53fc18;object-fit:cover;display:block}.kick-preview-channel-info{grid-column:2;display:flex;flex-direction:column;justify-content:center;gap:1px;overflow:hidden;min-width:0}.kick-preview-channel-name{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.kick-preview-stream-title{color:#fffc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:break-word;line-height:1.3}.kick-preview-category{color:#53fc18;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.kick-preview-meta{grid-column:3;display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap}.kick-preview-live-badge{display:inline-flex;align-items:center;gap:4px;background:#e91916;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;flex-shrink:0}.kick-preview-live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.kick-preview-viewers{display:flex;align-items:center;gap:4px;color:#fffc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.kick-preview-viewers svg{width:14px;height:14px;fill:currentColor}.kick-preview-live-timer-overlay{position:absolute;top:12px;right:12px;z-index:7;display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:4px 8px;border-radius:4px;background:#000000b8;border:1px solid rgba(83,252,24,.45);color:#53fc18;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums}.kick-preview-compact-btn{grid-column:4;margin-left:0;width:24px;height:24px;border:none;border-radius:50%;background:#ffffff1a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.kick-preview-compact-btn:hover{background:#53fc184d;color:#53fc18}.kick-preview-compact-btn svg{width:14px;height:14px;fill:currentColor}.kick-preview-popup.compact .kick-preview-info{display:none}.kick-preview-popup.compact .kick-preview-header{position:absolute;top:0;left:0;right:0;border:none;opacity:0;transition:opacity .2s ease;z-index:5;pointer-events:none}.kick-preview-popup.compact:hover .kick-preview-header{opacity:1;pointer-events:auto}.kick-preview-expand-btn{display:none;position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;background:#000000d9;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease;z-index:99999;box-shadow:0 4px 12px #00000080}.kick-preview-popup.compact .kick-preview-expand-btn{display:flex!important}.kick-preview-expand-btn:hover{background:#53fc18;color:#000;border-color:#53fc18;transform:scale(1.1);box-shadow:0 0 15px #53fc1899}.kick-preview-expand-btn svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:.5px}.kick-preview-popup.compact:hover .kick-preview-header{opacity:1}.kick-preview-pip-btn{width:28px;height:28px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.kick-preview-pip-btn:hover{background:#53fc184d;color:#53fc18}.kick-preview-pip-btn svg{width:16px;height:16px;fill:currentColor}.kick-preview-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px}.kick-preview-channel-name svg{margin-top:-2px;position:absolute;padding-left:5px}kick-preview-channel-name svg path{fill:#52fc18!important}.kick-preview-offline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px;width:320px}.kick-preview-offline-icon{font-size:32px;margin-bottom:8px}.kick-preview-offline-text{color:#fff9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}.kick-preview-popup.visible{pointer-events:auto}.kick-preview-popup.pip-active{pointer-events:auto;opacity:1}.kick-preview-popup.pip-active .kick-preview-pip-btn{color:#53fc18;background:#53fc184d}.kick-preview-volume-control{position:relative;display:flex;align-items:center;gap:8px;height:32px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:0 4px;opacity:0;transform:translateY(10px);transition:all .25s ease;z-index:6}.kick-preview-video-container:hover .kick-preview-volume-control{opacity:1;transform:translateY(0)}.kick-preview-mute-btn{width:32px;height:32px;border:none;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.kick-preview-mute-btn:hover{background:#53fc184d}.kick-preview-mute-btn svg{width:18px;height:18px;fill:#fff;display:none}.kick-preview-popup.is-muted .kick-preview-mute-btn .icon-muted{display:block;fill:#f44}.kick-preview-popup.is-volume-low .kick-preview-mute-btn .icon-low,.kick-preview-popup.is-volume-medium .kick-preview-mute-btn .icon-medium,.kick-preview-popup.is-volume-high .kick-preview-mute-btn .icon-high{display:block}.kick-preview-popup:not(.is-muted):not(.is-volume-low):not(.is-volume-medium):not(.is-volume-high) .kick-preview-mute-btn .icon-muted{display:block}.kick-preview-volume-slider-container{position:relative;width:0;height:32px;overflow:hidden;transition:width .25s ease;display:flex;align-items:center}.kick-preview-volume-control:hover .kick-preview-volume-slider-container{width:80px}.kick-preview-volume-track{position:absolute;left:0;right:8px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.kick-preview-volume-fill{height:100%;background:linear-gradient(90deg,#53fc18,#7fff00);border-radius:2px;transition:width .1s ease;width:50%}.kick-preview-volume-slider{position:absolute;left:0;right:8px;width:calc(100% - 8px);height:32px;opacity:0;cursor:pointer;margin:0;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.kick-preview-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.kick-preview-volume-control:hover .kick-preview-volume-slider{opacity:1}.kick-preview-volume-control:hover .kick-preview-volume-track{height:6px}.kick-preview-volume-control:before{content:attr(data-volume);position:absolute;top:-28px;left:50%;transform:translate(-50%) scale(.8);background:#000000e6;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;opacity:0;transition:all .2s ease;pointer-events:none}.kick-preview-volume-control:active:before{opacity:1;transform:translate(-50%) scale(1)}.kick-avatar-preview-popup{position:fixed;z-index:999999;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 25px 60px #000000b3,0 0 0 2px #53fc1899,0 0 40px #53fc1833;overflow:hidden;opacity:0;transform:scale(.9);transition:opacity .25s ease,transform .25s cubic-bezier(.4,0,.2,1),width .3s ease,height .3s ease,left .3s ease,top .3s ease;pointer-events:none}.kick-avatar-preview-popup.visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.kick-avatar-preview-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}.kick-avatar-preview-image{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:opacity .3s ease}.kick-avatar-preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.kick-avatar-preview-spinner{width:32px;height:32px;border:3px solid rgba(83,252,24,.2);border-top-color:#53fc18;border-radius:50%;animation:spin .8s linear infinite}.rounded-full img[draggable=false],img.rounded-full,[class*=rounded-full]>img{cursor:pointer}.navbarContainer{height:auto;width:100%;overflow-x:scroll;background-color:var(--navbar-bg);display:flex;align-items:center;justify-content:space-between}.navbarContainer::-webkit-scrollbar{height:8px}.navbarContainer::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:2px;background-clip:content-box;min-width:32px;min-height:32px}.navbarContainer::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}.navbarContainer>.chatroomsList{display:flex;padding:0 132px 0 12px;gap:12px;height:auto;align-items:center}.navbarContainer.wrapChatroomList{height:auto;align-items:flex-start}.navbarContainer.wrapChatroomList .chatroomsList{flex-wrap:wrap;gap:8px;padding:16px 8px;align-items:flex-start;width:100%}.navbarContainer.wrapChatroomList .chatroomsList .navbarAddChatroomContainer{position:relative;background:none;height:100%;padding:0;min-height:100%}.navbarContainer.wrapChatroomList .chatroomsList .navbarAddChatroomContainer .navbarAddChatroomButton{height:40px;width:40px;padding:0;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a}.navbarContainer.wrapChatroomList .chatroomsList .navbarAddChatroomContainer .navbarAddChatroomButton:hover{background-color:#fff3}.navbarContainer.wrapChatroomList .chatroomsList .navbarAddChatroomContainer .navbarAddChatroomButton span{display:none}.chatroomStreamer{opacity:.6;padding:0 8px;min-height:40px;border-radius:4px;background:#fff0;min-width:max-content;border-width:1px 1px 4px 1px;border-style:solid;gap:24px;border-color:transparent;cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none;transition:.2s ease-in-out opacity,.2s ease-in-out border-color,.2s ease-in-out background,.2s ease-in-out border-width;justify-content:space-between}.chatroomStreamer.chatroomStreamerActive{background:#d9d9d914;border-color:#ffffff1a;opacity:1;transition:all .2s ease-in-out}.chatroomStreamer.chatroomStreamerActive .closeChatroom>img{opacity:.6}.chatroomStreamer.chatroomStreamerActive .streamerInfo{color:#ffffffb3}.chatroomStreamer.chatroomStreamerActive.chatroomStreamerLive{background:#ff545433}.chatroomStreamer.chatroomStreamerActive.chatroomStreamerLive .streamerInfo{color:#ffe2e1}.chatroomStreamer.chatroomStreamerLive{border-color:#ff23234d}.chatroomStreamer.chatroomStreamerLive:hover{background:#ff545433}.chatroomStreamer.chatroomStreamerLive .streamerInfo{color:#ffdede66}.chatroomStreamer:hover{background:#ffffff1a}.chatroomStreamer .closeChatroom{display:flex;justify-content:center;align-items:center;cursor:pointer;background:#ffffff1a;border-radius:2px;width:16px;height:16px;border:none;transition:background-color .2s ease-in-out}.chatroomStreamer .closeChatroom:hover{background-color:#ffffff4d}.chatroomStreamer .closeChatroom:hover>img{opacity:.8}.chatroomStreamer .closeChatroom>img{opacity:.4;transition:opacity .2s ease-in-out}.chatroomStreamer .streamerInfo{display:flex;align-items:center;color:#ffffff4d;transition:color .2s ease-in-out}.chatroomStreamer .streamerInfo>span{font-size:14px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroomStreamer .streamerInfo input{border-radius:3px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;outline:none;padding:2px 4px;transition:border .3s ease;font-size:14px}.chatroomStreamer .streamerInfo input:focus{border-color:#b1c3ab}.chatroomStreamer .streamerInfo .unreadCountIndicator{width:6px;height:6px;border-radius:50%;background-color:transparent;margin-left:6px;transition:background-color .2s ease-in-out}.chatroomStreamer .streamerInfo .unreadCountIndicator.hasUnread{background-color:#ffffff80}.chatroomStreamer.hasUnread{opacity:1;background-color:#ffffff08}.chatroomStreamer.hasUnread .streamerInfo{color:#fffc}.chatroomsSeparator{width:1px;height:28px;background-color:#ffffff0d;margin:auto 4px}.profileImage{margin-right:8px;width:20px;height:20px;object-fit:cover;border-radius:3px}.navbarAddChatroomContainer{position:absolute;right:0;display:flex;padding:0 16px 0 24px;align-items:center;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--navbar-bg) 25%)}.navbarAddChatroomButton{height:32px;padding:1px 16px;font-size:15px;align-items:center;display:flex;gap:8px;border-radius:4px;background:#fff3;color:#ffffff80;border:none;cursor:pointer;transition:.2s ease-in-out color,.2s ease-in-out background}.navbarAddChatroomButton:hover{background:#ffffff4d;color:#fffc}.navbarAddChatroomButton:hover>img{opacity:.8}.navbarAddChatroomButton>img{opacity:.5;transition:opacity .2s ease-in-out}.navbarDialog{display:none}.navbarDialog.open{display:block}.navbarDialogBody{max-width:90%;width:480px;position:fixed;z-index:74474174449999;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:12px;padding:0;border-radius:6px}.navbarDialogBody .navbarDialogOptions{display:flex;align-items:center;justify-content:space-between}.navbarDialogBody .navbarDialogOptionBtns{display:flex;gap:8px}.navbarDialogBody .navbarDialogOptionBtns .navbarDialogOptionBtn{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:124px;padding:12px;border-radius:6px;background:#ffffff14;border:1px solid transparent;cursor:pointer;font-size:16px;font-weight:600;color:#ffffffb3;transition:all .2s ease-in-out}.navbarDialogBody .navbarDialogOptionBtns .navbarDialogOptionBtn img{opacity:.7;transition:opacity .2s ease-in-out}.navbarDialogBody .navbarDialogOptionBtns .navbarDialogOptionBtn.active{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:#fff}.navbarDialogBody .navbarDialogOptionBtns .navbarDialogOptionBtn.active>img{opacity:1}.navbarAddForm,.navbarAddMentionsForm{display:flex;align-items:center;min-height:48px;padding-top:24px;width:100%;flex-wrap:wrap}.navbarAddForm input,.navbarAddMentionsForm input{max-height:48px;min-height:48px;width:100%;padding:0 12px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;border-radius:5px;color:#fff;font-size:16px;outline:none;transition:border .3s ease}.navbarAddForm input:focus,.navbarAddMentionsForm input:focus{border-color:var(--border-focus)}.navbarAddForm input::placeholder,.navbarAddMentionsForm input::placeholder{color:#ffffff4d}.navbarAddForm>div,.navbarAddMentionsForm>div{width:100%;border-bottom:1.5px solid rgba(255,255,255,.1098039216);padding:0 16px 16px}.navbarAddForm .navbarAddMentionsBtn,.navbarAddMentionsForm .navbarAddMentionsBtn{margin:0}.navbarAddForm button,.navbarAddMentionsForm button{background:var(--btn-primary-bg);border:1px solid rgba(255,255,255,.257);color:var(--btn-primary-text);margin:16px;height:48px;min-width:140px;width:100%;font-weight:600;padding:0 24px;border-radius:5px;cursor:pointer;font-size:16px;transition:background .2s ease-in-out,color .2s ease-in-out}.navbarAddForm button:hover,.navbarAddMentionsForm button:hover{background:var(--btn-primary-hover);border:1px solid var(--btn-primary-hover);color:var(--btn-primary-text)}.navbarAddForm button:disabled,.navbarAddMentionsForm button:disabled{opacity:.5;cursor:not-allowed}.navbarAddChatroomDialog,.navbarAddMentionsDialog{display:none;flex-direction:column;border-radius:6px;background:var(--bg-overlay);border:1px solid var(--border-primary)}.navbarAddChatroomDialog.active,.navbarAddMentionsDialog.active{display:flex}.navbarAddChatroomDialog.active .navbarDialogBtn,.navbarAddMentionsDialog.active .navbarDialogBtn{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-hover);color:var(--btn-primary-text);transition:all .2s ease-in-out}.navbarAddChatroomDialog.active .navbarDialogBtn:hover,.navbarAddMentionsDialog.active .navbarDialogBtn:hover{background:var(--btn-primary-hover);border:1px solid var(--btn-primary-hover);color:var(--btn-primary-text)}.navbarAddChatroomDialogHead,.navbarAddMentionsDialogHead{display:flex;justify-content:space-between;flex-direction:column;padding:24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.navbarAddChatroomDialogHeadInfo,.navbarAddMentionsDialogHeadInfo{display:flex;flex-direction:column;gap:8px}.navbarAddChatroomDialogHeadInfo>h2,.navbarAddMentionsDialogHeadInfo>h2{font-size:18px;font-weight:600}.navbarAddChatroomDialogHeadInfo>p,.navbarAddMentionsDialogHeadInfo>p{font-size:14px;padding-right:16px;color:#ffffff80}.navbarDialogClose{height:32px;width:32px;align-items:center;font-size:20px;border-radius:6px;cursor:pointer;border:1px solid rgba(255,255,255,.2);color:#ffffff80;background-color:#fff3;justify-content:center;display:flex;transition:background-color .2s ease-in-out}.navbarDialogClose:hover{background-color:#ffffff4d}.navbarDialogClose:hover>img{opacity:.8}.navbarDialogClose>img{opacity:.5;transition:opacity .2s ease-in-out}.dialogBackgroundOverlay{background-color:var(--bg-overlay);z-index:999;height:100%;width:100%;top:0;left:0;position:absolute}.navbarAddChatroom:hover{color:#fff;background:#ffffff4d}@keyframes AddChatroomDialogSlideIn{0%{transform:translate(-50%,-55%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}#logo{width:120px;margin-top:10px;margin-bottom:10px}.titleBar{min-height:40px;background-color:var(--navbar-bg);color:#fff;display:flex;align-items:center;gap:8px;justify-content:space-between;-webkit-app-region:drag;overflow:hidden}.updater{display:none;align-items:center;flex-direction:column;justify-content:start;height:max-content;top:48px;right:50%;margin:0 auto;min-width:max-content;position:absolute;z-index:-1;transform:translate(50%)}.updater.updateAvailable{display:flex;z-index:999}.updater.updateAvailable>button{padding:8px;gap:2px;min-height:min-content;min-width:min-content;background-color:var(--update-btn-bg);border-radius:4px;width:100%;border:1px solid rgba(255,255,255,.51);box-shadow:0 0 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;-webkit-app-region:no-drag;transition:.2s ease-in-out background-color,.2s ease-in-out opacity,.2s ease-in-out border-color}.updater.updateAvailable>button:hover{background-color:var(--btn-primary-hover);border-color:#ffffffb3}.updater.updateAvailable>button span{font-weight:700;font-size:14px;opacity:.8;color:#0c2508}.updater.updateAvailable>button .updaterMainContent{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.updater.updateAvailable>button .updaterMainContent h4{font-size:16px;font-weight:700;color:#0c2508;display:flex;align-items:center;gap:4px;width:100%;justify-content:space-between}.updater.updateAvailable>button .updaterMainContent h4 img{filter:invert(1);opacity:.8}.updater.updateAvailable>button .updaterMainContent img{width:20px;height:20px;filter:invert(1);opacity:.8}.titleBarLeft{height:100%;align-items:center;display:flex;gap:8px;flex:1 1 25%;min-width:0}.titleBarLeft span{margin-left:12px;font-size:14px;color:var(--text-tertiary);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.updaterChangelog{margin-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px;padding:16px 16px 0}.updaterChangelog h4{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;margin-bottom:8px}.updaterChangelog ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.updaterChangelog ul li{font-size:14px;color:var(--text-primary);opacity:.7}.updaterChangelog .updaterChangelogButton{margin-top:8px;font-size:14px;color:#ffffff80;text-align:center;background-color:transparent;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:4px;cursor:pointer;transition:.2s ease-in-out background-color;gap:4px}.titleBarRight{height:100%;flex:1 1 25%;align-items:center;display:flex;-webkit-app-region:drag}.titleBarControls{display:flex;height:100%;width:100%;position:relative;justify-content:flex-end}.titleBarControls>button{-webkit-app-region:no-drag;display:flex;align-items:center;width:40px;justify-content:center;height:40px;background-color:transparent;border:none;opacity:.4;transition:.15s ease-in-out opacity,.15s ease-in-out background-color}.titleBarControls>button:hover{background-color:#fff3;opacity:.8;cursor:default}.titleBarControls>button.close:hover{background-color:#d40000}.titleBarSettings{display:flex;-webkit-app-region:drag}.titleBarSettings .titleBarLoginBtn{display:flex;height:35px;background-color:#ffffff03;border:1.5px solid rgba(255,255,255,.1);border-radius:0 0 4px 4px;border-top:none;align-items:center;cursor:pointer;outline:none;overflow:hidden;padding:0;transition:.2s ease-in-out background-color,.2s ease-in-out border-color}.titleBarSettings .titleBarLoginBtn:hover{background-color:#ffffff05}.titleBarSettings .titleBarLoginBtn:hover .titleBarUsername{color:#fffc}.titleBarSettings .titleBarLoginBtn .titleBarSignInBtn{background-color:transparent;border:none;color:#fff;font-size:13px;padding:0 16px;height:100%;font-weight:600;cursor:pointer;color:#ffffff80;transition:.2s ease-in-out background-color;-webkit-app-region:no-drag}.titleBarSettings .titleBarLoginBtn .titleBarSignInBtn:hover{background-color:#ffffff1a}.titleBarSettings .titleBarLoginBtn .titleBarDivider{width:1px;height:70%;background-color:#ffffff26}.titleBarSettings .titleBarLoginBtn .titleBarSettingsBtn{background-color:transparent;border:none;color:#fff;cursor:pointer;padding:0 10px;border-radius:0;font-size:12px;font-weight:600;transition:.2s ease-in-out background-color}.titleBarSettings .titleBarLoginBtn .titleBarSettingsBtn:hover{background-color:#ffffff1a}.titleBarSettings .titleBarLoginBtn .titleBarSettingsBtn img{width:16px;height:16px;opacity:.5;transition:.2s ease-in-out opacity}.titleBarSettings .titleBarSettingsBtn{-webkit-app-region:no-drag;display:flex;align-items:center;height:35px;background-color:#ffffff03;border:1.5px solid rgba(255,255,255,.1);border-radius:0 0 4px 4px;padding:6px 10px;border-top:none;gap:8px;cursor:pointer;outline:none;transition:.2s ease-in-out background-color,.2s ease-in-out border-color}.titleBarSettings .titleBarSettingsBtn:hover{background-color:#ffffff05;border-color:#fff3}.titleBarSettings .titleBarSettingsBtn:hover .titleBarSettingsIcon{opacity:.8}.titleBarSettings .titleBarSettingsBtn:hover .titleBarUsername{color:#fffc}.titleBarSettings .titleBarSettingsBtn .titleBarSettingsIcon{width:16px;height:16px;opacity:.5;transition:.2s ease-in-out opacity}.titleBarSettings .titleBarSettingsBtn .titleBarUsername{-webkit-app-region:no-drag;color:#ffffff80;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease-in-out color}.titleBarSettings .titleBarSettingsBtn .titleBarDivider{width:1px;height:100%;background-color:#ffffff26;margin:0 4px}.titleBarSettings.open button{opacity:.8}.titleBarSettings.open>button>svg{transform:rotate(180deg)}.titleBarSettings span{font-weight:600;color:#fff}.titleBarLoginBtn{-webkit-app-region:no-drag;color:#fff9;font-size:12px;font-weight:600;background-color:#ffffff12;cursor:pointer;border:none;border:1px solid rgba(255,255,255,.168627451);min-width:40px;padding:4px 16px;border-radius:4px;transition:.2s ease-in-out opacity}.mentionsDialog{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.mentionsDialog .mentionsHeader{display:flex;align-items:center;min-height:48px;padding:0 12px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.075);background:#ffffff13;cursor:default}.mentionsDialog .mentionsHeader .mentionsTitle{display:flex;align-items:center;gap:12px}.mentionsDialog .mentionsHeader .mentionsTitle h2{font-size:16px;font-weight:600;color:#ffffff80}.mentionsDialog .mentionsHeader .mentionsActions{flex:1 1 25%;display:flex;justify-content:end}.mentionsDialog .mentionsHeader .mentionsActions .mentionsCloseBtn,.mentionsDialog .mentionsHeader .mentionsActions button{background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.mentionsDialog .mentionsHeader .mentionsActions .chattersBtn{opacity:.5;transition:opacity .2s ease}.mentionsDialog .mentionsHeader .mentionsActions .chattersBtn:hover{opacity:1}.mentionsDialog .mentionsHeader .mentionsActions .chatStreamerInfoModeratorBtn{opacity:1;cursor:pointer;transition:opacity .2s ease}.mentionsDialog .mentionsHeader .mentionsActions .chatStreamerInfoModeratorBtn.disabled{opacity:.5}.mentionsDialog .mentionsFilters{display:flex;justify-content:space-between;gap:24px;padding:12px;border-bottom:1px solid rgba(255,255,255,.075);background:#ffffff13}.mentionsDialog .mentionsFilters .mentionsFilterBtn{background:#ffffff13;border:1px solid rgba(255,255,255,.1);padding:4px 6px;display:flex;align-items:center;gap:12px;justify-content:space-between;border-radius:4px;cursor:pointer;color:#ffffffb3;font-size:14px;font-weight:500;transition:background .2s ease}.mentionsDialog .mentionsFilters .mentionsFilterBtn:hover{background:#ffffff1a}.mentionsDialog .mentionsFilters .mentionsFilterBtn:hover img{opacity:1}.mentionsDialog .mentionsFilters .mentionsFilterBtn img{opacity:.5;transition:opacity .2s ease}.mentionsDialog .mentionsContent{flex:1;overflow-y:auto;padding:0}.mentionsDialog .mentionsContent .mentionsEmpty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;height:100%;color:#ffffffb3;font-size:16px;font-weight:500}.mentionsDialog .mentionsContent .mentionsEmpty img{max-height:80px;object-fit:cover}.mentionsDialog .mentionsContent .mentionsList{display:flex;flex-direction:column}.mentionsDialog .mentionItem{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.075);transition:background .2s}.mentionsDialog .mentionItem:hover{background:#ffffff0d}.mentionsDialog .mentionItem.unread{background:#ffffff0d;border-left:4px solid rgba(255,255,255,.7)}.mentionsDialog .mentionItem .mentionHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mentionsDialog .mentionItem .mentionHeader .mentionMeta{display:flex;align-items:center;gap:8px;flex:1}.mentionsDialog .mentionItem .mentionHeader .mentionMeta .mentionType{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;background:#ffffff1a;color:#ffffff80}.mentionsDialog .mentionItem .mentionHeader .mentionMeta .mentionChatroom{color:var(--text-secondary);font-size:16px;font-weight:600}.mentionsDialog .mentionItem .mentionHeader .mentionMeta .mentionTime{color:var(--text-muted);font-size:14px;font-weight:600}.mentionsDialog .mentionItem .mentionHeader .mentionActions{display:flex;gap:4px}.mentionsDialog .mentionItem .mentionHeader .mentionActions .mentionActionBtn{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mentionsDialog .mentionItem .mentionHeader .mentionActions .mentionActionBtn img{width:14px;height:14px;filter:invert(1);opacity:.3;transition:opacity .2s ease}.mentionsDialog .mentionItem .mentionHeader .mentionActions .mentionActionBtn:hover{background:#ffffff1a}.mentionsDialog .mentionItem .mentionHeader .mentionActions .mentionActionBtn:hover img{opacity:1}.mentionsDialog .mentionItem .mentionMessage{margin-left:0;display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.mentionsDialog .mentionItem .mentionMessage .chatroomBadge{width:18px;height:18px;flex-shrink:0}.mentionsDialog .mentionItem .mentionMessage .chatroomBadge>img{width:inherit;height:inherit}.mentionsDialog .mentionItem .mentionMessage .mentionSender{color:var(--text-primary);font-weight:700;margin-right:4px;flex-shrink:0}.mentionsDialog .mentionItem .mentionMessage .chatMessageItem{margin:0;padding:0;background:transparent!important;flex:1;min-width:0;word-break:break-word;overflow-wrap:anywhere}.mentionsGlobalActions{display:flex;align-items:center;gap:8px}.mentionsGlobalActions .mentionsGlobalActionBtn{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:4px;cursor:pointer;background:#ffffff13;color:#ffffffb3;font-size:14px;font-weight:600;transition:all .2s}.errorBoundary{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-dialog-primary);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.errorBoundaryContent{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:24px;max-width:600px;width:100%;text-align:center;box-shadow:0 4px 24px #0003}.errorBoundaryContent h1{color:#fff;margin:0 0 12px;font-size:24px}.errorBoundaryContent p{color:var(--text-secondary);margin:0 0 24px;font-size:16px}.errorBoundaryActions{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.errorButton{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ccedda;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.errorButton:hover{background:#ffffff26;border-color:#ffffff4d}.errorButton.primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:#fff}.errorButton.primary:hover{background:var(--btn-primary-hover)}.errorButton.success{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:#fff}.errorDialog{margin-top:24px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.errorDialogHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.errorDialogHeader h2{margin:0;font-size:16px;color:var(--text-tertiary)}.errorDialogHeader .closeButton{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;font-size:16px;line-height:1;opacity:.7;transition:opacity .2s ease}.errorDialogHeader .closeButton:hover{opacity:1}.errorDialogContent{padding:16px;margin:0;max-height:400px;overflow-y:auto;font-size:13px;line-height:1.5;color:var(--text-tertiary);text-align:left;background:transparent;white-space:pre-wrap;word-break:break-word}.errorDialogContent::-webkit-scrollbar{width:8px}.errorDialogContent::-webkit-scrollbar-track{background:transparent}.errorDialogContent::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.errorDialogContent::-webkit-scrollbar-thumb:hover{background:#fff3}.errorDialogFooter{padding:12px 16px;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d}.loader-logo{margin:auto;text-align:center}.loaderContainer{position:fixed;top:0;pointer-events:none;left:0;width:100%;height:100%;background-color:var(--loader-bg);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:transform 1s ease-in-out,opacity 2s ease-in-out}.logoImage{width:110px;animation:fadeIn 1s ease-in-out forwards;opacity:0}.logoWrapper{position:absolute;animation:fadeIn 1s ease-in-out forwards;transform:translate(0) translateY(0) scale(3);opacity:1}.logoWrapperFadeOut{animation:fadeOut 2s ease-in forwards;position:absolute;opacity:1;transform:scale(2);transform:translate(0) translateY(0) scale(3)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.textContainer{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.creatorText{color:#fff6;font-size:14px;opacity:0;animation:fadeIn 1s ease-in forwards}.creatorText span{color:#ffffffe6;font-weight:600}.appVersion{color:#fff6;font-size:12px;opacity:0;animation:fadeIn 1s ease-in forwards;animation-delay:.2s}@keyframes fadeIn{to{opacity:1}}.slideUp{opacity:0}