:root {
    --gccr-app-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --gccr-icon-outline-filter: none;
    --gccr-menu-bar-border-width: 3px;
    --gccr-menu-bar-border-color: rgba(255, 255, 255, 0.12);
}

html,
body {
    font-family: var(--gccr-app-font);
    font-synthesis: weight;
    background: #000;
    background-color: #000;
}
#tab-home .sidebar-dependent-toggle-disabled{opacity:.45;filter:grayscale(.35)}#tab-home .sidebar-dependent-toggle-disabled .toggle-label{cursor:not-allowed}html.gccr-visual-effects-paused *,html.gccr-visual-effects-paused *::before,html.gccr-visual-effects-paused *::after{
  animation: none !important;
  transition: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@keyframes inboxGlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes inboxModalOpenGlow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent,#09f) 55%,transparent),0 2px 10px color-mix(in srgb,var(--color-accent,#09f) 30%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent,#09f) 82%,transparent),0 4px 16px color-mix(in srgb,var(--color-accent,#09f) 44%,transparent)}}@keyframes tabGlow{0%,to{opacity:1}50%{opacity:.5}}@keyframes gccr-gallery-encode-indeterminate{0%{background-position:100%0}to{background-position:-100%0}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes currentSpeakerNameDissolve{0%{opacity:0;transform:scale(.78);filter:blur(1.4px)}45%{opacity:.7;transform:scale(1.04);filter:blur(.55px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counterclockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes connectionSpinnerRotate{to{transform:rotate(360deg)}}@keyframes queueFlash{0%,to{background:var(--color-accent,#0f8);box-shadow:0 0 8px var(--color-accent,#0f8)}50%{background:#fff;box-shadow:0 0 12px #fff}}@keyframes ledFlash{0%{box-shadow:0 0 6px var(--color-accent,#0f8);opacity:.8}50%{box-shadow:0 0 12px var(--color-accent,#0f8);opacity:1}to{box-shadow:0 0 8px var(--color-accent,#0f8);opacity:1}}@keyframes particleFloat{0%{transform:translate3d(0,0,0) rotate(calc(0deg*var(--rotation-direction,1))) scale(1);opacity:1}25%{transform:translate3d(var(--x-25,0),var(--y-25,0),0) rotate(calc(90deg*var(--rotation-direction,1))) scale(1.2);opacity:.95}50%{transform:translate3d(var(--x-50,0),var(--y-50,0),0) rotate(calc(180deg*var(--rotation-direction,1))) scale(1.8);opacity:.8}75%{transform:translate3d(var(--x-75,0),var(--y-75,0),0) rotate(calc(270deg*var(--rotation-direction,1))) scale(2.1);opacity:.3}90%{transform:translate3d(var(--x-90,0),var(--y-90,0),0) rotate(calc(324deg*var(--rotation-direction,1))) scale(2.25);opacity:.2}95%{transform:translate3d(var(--x-95,0),var(--y-95,0),0) rotate(calc(342deg*var(--rotation-direction,1))) scale(3);opacity:.1}to{transform:translate3d(var(--x-100,0),var(--y-100,0),0) rotate(calc(360deg*var(--rotation-direction,1))) scale(3.75);opacity:0}}to{opacity:1;transform:scale(1)}}to{opacity:0;transform:scale(.95)}}@keyframes ps1MainUISlideIn{0%{transform:translateY(60px) scale(.8) rotateX(15deg) rotateY(10deg);opacity:0;filter:blur(3px)}to{transform:translateY(0) scale(1) rotateX(0) rotateY(0);opacity:1;filter:blur(0)}}@keyframes ps1ModalBounce{0%{transform:scale(.01) rotate(-45deg) rotateY(90deg) rotateZ(30deg);opacity:0;filter:blur(10px) brightness(3) contrast(.5);box-shadow:0 0 150px red,0 0 300px rgba(255,0,0,.8);background:rgba(255,0,0,.2)}20%{transform:scale(.8) rotate(-15deg) rotateY(30deg) rotateZ(10deg);opacity:.5;filter:blur(5px) brightness(2) contrast(.8);box-shadow:0 0 120px orange,0 0 240px rgba(255,165,0,.6);background:rgba(255,165,0,.2)}40%{transform:scale(1.4) rotate(10deg) rotateY(-15deg) rotateZ(-5deg);opacity:.8;filter:blur(3px) brightness(1.8) contrast(1.1);box-shadow:0 0 100px #ff0,0 0 200px rgba(255,255,0,.5);background:rgba(255,255,0,.2)}60%{transform:scale(.7) rotate(-8deg) rotateY(8deg) rotateZ(3deg);opacity:.9;filter:blur(2px) brightness(1.3) contrast(1.05);box-shadow:0 0 80px rgba(0,255,0,.8),0 0 160px rgba(0,255,0,.4);background:rgba(0,255,0,.2)}80%{transform:scale(1.1) rotate(3deg) rotateY(-3deg) rotateZ(-1deg);opacity:.95;filter:blur(1px) brightness(1.1) contrast(1.02);box-shadow:0 0 40px rgba(0,255,255,.6),0 0 80px rgba(0,255,255,.3);background:rgba(255,0,255,.2)}to{transform:scale(1) rotate(0) rotateY(0) rotateZ(0);opacity:1;filter:blur(0) brightness(1) contrast(1);box-shadow:0 0 0 transparent;background:0 0}}@keyframes ps1ModalClose{0%{transform:translateY(0) scale(1) rotateX(0) rotateY(0);opacity:1;filter:blur(0)}to{transform:translateY(0) scale(.01) rotateX(0) rotateY(0);opacity:0;filter:blur(0)}}11%{opacity:.28;transform:rotateX(31deg) rotateY(-20deg) rotateZ(-4deg) translateY(-4%) translateZ(-40px) scale(.78,.82) skewX(13deg) skewY(-7deg);filter:blur(3.8px);animation-timing-function:cubic-bezier(.37,0,.55,1)}22%{opacity:.55;transform:rotateX(25deg) rotateY(-10deg) rotateZ(-2deg) translateY(-2.5%) translateZ(-30px) scale(.82,.85) skewX(9deg) skewY(-3deg);filter:blur(3px);animation-timing-function:cubic-bezier(.4,0,.58,1)}34%{opacity:.78;transform:rotateX(18deg) rotateY(2deg) rotateZ(0) translateY(-1.2%) translateZ(-18px) scale(.87,.89) skewX(5deg) skewY(1deg);filter:blur(2.1px);animation-timing-function:cubic-bezier(.42,0,.6,1)}46%{opacity:.94;transform:rotateX(11deg) rotateY(8deg) rotateZ(1.5deg) translateY(-.3%) translateZ(-6px) scale(.92,.93) skewX(2deg) skewY(2deg);filter:blur(1.1px);animation-timing-function:cubic-bezier(.45,0,.62,1)}58%{opacity:1;transform:rotateX(5deg) rotateY(6deg) rotateZ(1deg) translateY(.1%) translateZ(2px) scale(.97,.96) skewX(-.5deg) skewY(1deg);filter:blur(.35px);animation-timing-function:cubic-bezier(.5,0,.75,1)}70%{transform:rotateX(0) rotateY(2deg) rotateZ(.4deg) translateY(0) translateZ(4px) scale(1.01,.99) skewX(-1.2deg) skewY(.3deg);filter:blur(0);animation-timing-function:cubic-bezier(.55,.1,.7,1)}82%{transform:rotateX(-2deg) rotateY(-.8deg) rotateZ(-.3deg) translateZ(1px) scale(.995,1.008) skewX(.4deg) skewY(-.2deg);animation-timing-function:cubic-bezier(.55,0,.85,1)}92%{transform:rotateX(.6deg) rotateY(.35deg) rotateZ(.1deg) translateZ(0) scale(1.003,.997) skewX(-.15deg) skewY(.08deg);animation-timing-function:cubic-bezier(.5,0,.9,1)}to{opacity:1;transform:rotateX(0) rotateY(0) rotateZ(0) translateY(0) translateZ(0) scale(1,1) skewX(0) skewY(0);filter:blur(0) brightness(1)}}@keyframes splashMessageEaseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}to{transform:rotateY(360deg)}}}@keyframes ccConfirmIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{--color-bg-gradient-start:#0d0f12;--color-bg-gradient-end:#0f141c;--color-btn-gradient-start:rgba(0, 100, 200, 0.8);--color-btn-gradient-end:rgba(0, 150, 255, 0.8);--color-btn-hover-start:rgba(0, 80, 160, 0.8);--color-btn-hover-end:rgba(0, 100, 200, 0.8);--color-btn-bg:rgba(0, 80, 160, 0.8);--color-toast-border:rgba(0, 153, 255, 0.3);--color-focus:rgba(0, 153, 255, 0.6);--color-focus-shadow:rgba(0, 153, 255, 0.25);--color-accent:#0099ff;--color-block-btn-bg:rgba(0, 153, 255, 0.1);--color-block-btn-hover:rgba(0, 153, 255, 0.2);--color-block-btn-active:rgba(0, 153, 255, 0.25);--color-sidebar-bg:rgba(0, 20, 40, 0.6);--color-checkbox-accent:#0099ff}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--gccr-app-font);font-weight:400!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}a,a:active,a:hover,a:link,a:visited{color:inherit;text-decoration:none}body,html{align-items:center;color:#d1d5db;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;overscroll-behavior:none;position:fixed;top:0;touch-action:manipulation;width:100%;transition:font-size .05s ease}body{transition:background .5s ease}body,body.app-ready,html{background:#000}#inboxModal.active #inboxMessageInput,#inboxModal.active .inbox-message-input-container,#rulesModal.active #rulesMessage,#rulesModal.active #rulesMessage *{touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;user-select:text!important;-webkit-user-select:text!important}#inboxMessages,#inboxMessages.scrollable{user-select:text!important;-webkit-user-select:text!important}#app,#controlsContainer{align-items:center;display:flex;flex-direction:column}#app{background:linear-gradient(to bottom,var(--color-bg-gradient-start,#0d0f12),var(--color-bg-gradient-end,#0f141c));bottom:0;left:0;margin:0 auto;overflow:hidden;position:fixed;right:0;width:100%;z-index:10}#controlsContainer{max-width:none;position:absolute;left:0;right:0;top:57.8%;height:26%;width:auto;z-index:10;overflow:visible}#overlay{background:0 0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;width:100%;z-index:1000;transition:none}#overlay.active{opacity:1;pointer-events:auto}#inboxButton{position:fixed;right:5px;top:5px;z-index:901}#inboxButton:focus{outline:0}#inboxButton .cbx-icon{pointer-events:none;flex-shrink:0}#inboxButton.has-unread{animation:inboxGlow 2s ease-in-out infinite}#menuBar #inboxButton.has-unread #inboxIcon{filter:drop-shadow(0 0 4px var(--color-accent, rgba(0, 153, 255, 1))) drop-shadow(0 0 10px var(--color-accent, rgba(0, 153, 255, .55)))}body:has(#inboxModal.active) #menuBar #inboxButton #inboxIcon{filter:brightness(0) invert(1)}body:has(#sidebar.active) #menuBar #menuRight, body:has(#userListModal.active) #menuBar #usersOnline{color:#fff!important;text-shadow:none!important}body:has(#userListModal.active) #menuBar #usersOnline .menu-bar-item-content img{filter:brightness(0) invert(1)}body:has(#userListModal.active) #menuBar #usersOnline #userCount{color:#fff!important;text-shadow:none!important}body:has(#userListModal.active) #menuBar #usersOnline .menu-bar-item-label{color:var(--color-accent,#09f);text-shadow:none}body:has(#sidebar.active) #menuBar #menuRight #personIcon img{filter:brightness(0) invert(1)}body:has(#sidebar.active) #menuBar #menuRight .menu-bar-item-label{color:var(--color-accent,#09f);text-shadow:none}.tab-glow{animation:tabGlow 2s ease-in-out infinite}#menuBar,#menuBar .menu-bar-item{display:flex;align-items:center;box-sizing:border-box}#menuBar{--menu-bar-gap:16px;position:fixed;top:0;bottom:auto;left:0;right:0;flex-direction:row;padding:8px 11px;padding-top:max(2cqmin,env(safe-area-inset-top));padding-bottom:2cqmin;padding-left:2.8cqmin;padding-right:2.8cqmin;background:rgba(0,0,0,.65);z-index:1002}#menuBar .menu-bar-item{--menu-bar-item-gap:4px;--menu-bar-item-padding-x:16px;--menu-bar-item-padding-y:8px;flex-direction:column;justify-content:center;gap:var(--menu-bar-item-gap);width:48px;min-width:48px;max-width:48px;height:48px;padding:var(--menu-bar-item-padding-y) var(--menu-bar-item-padding-x);border-radius:24px;border:0;background:#000;transition:background .2s ease;flex:0 0 48px;cursor:pointer;font-weight:500}#menuBar .menu-bar-item:hover{background:#1a1a1a}#menuBar .menu-bar-item:active,#menuBar button.menu-bar-item:focus{outline:0;background:#2a2a2a}#menuBar .menu-bar-item-label{font-size:.75rem;line-height:1.2;text-align:center;font-weight:500;letter-spacing:.25px;color:rgba(255,255,255,.9);pointer-events:none;user-select:none;-webkit-user-select:none;margin-top:0}#menuBar #menuRight .menu-bar-item-label{padding-top:1px}#menuBar #usersOnline .menu-bar-item-label{margin-top:1px}#menuBar .menu-bar-item-content{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}#menuBar #menuRight, #menuBar #usersOnline, #rulesMessage p{margin:0}#menuBar #inboxButton .menu-bar-item-content img,#menuBar #menuRight .menu-bar-item-content img,#menuBar #personIcon img,#menuBar #usersOnline .menu-bar-item-content img{width:20px;height:20px}#menuBar #menuRight,#menuBar #personIcon{display:flex;align-items:center;justify-content:center}#menuBar #menuRight{flex-direction:column}#userCount{margin-left:0;color:#fff;font-weight:700}#sidebar{position:fixed;height:auto;max-height:none;top:var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 56px) + env(safe-area-inset-top, 0px)));bottom:0;background:var(--color-sidebar-bg);z-index:1005;visibility:hidden;pointer-events:none}#sidebar.active{visibility:visible;pointer-events:auto}#tab-home{vertical-align:bottom;display:none!important}#sidebar-tabs span,#tab-home.active{display:flex!important;flex-direction:column!important}.button-container button{background:linear-gradient(135deg,var(--color-btn-gradient-start),var(--color-btn-gradient-end));border:1px solid #111;border-radius:0;color:var(--color-btn-text,#fff);cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:0 0 10px;padding:5px;transition:background .05s ease,filter .05s ease,transform .05s ease;width:100%}.button-container button:active{transform:translateY(0)}#buttonContainer,#talkButtonWrapper{display:flex;align-items:center;justify-content:center;position:relative;z-index:15}#buttonContainer{border-radius:10px;gap:15px;height:140px;padding:0;width:350px;margin-top:10px}#talkButtonWrapper{flex-direction:column;gap:0;border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.28),0 1px 4px rgba(0,0,0,.2)}#skipReverseContainer{gap:10px;justify-content:center;height:140px;width:52px;flex-shrink:0}#blockDownloadContainer,#skipButtonWrapper,#skipReverseContainer{display:flex;flex-direction:column;align-items:center}#skipButtonWrapper{gap:0;position:relative}#blockDownloadContainer{justify-content:center;gap:10px;height:140px;width:52px;flex-shrink:0}#blockButton{order:1}.video-recording-modal.active .video-recording-modal-content,
.video-recording-modal.closing .video-recording-modal-content {animation:none!important;transform:none!important}#userListModal, .modal, .video-recording-modal, .video-review-modal, [id$=Modal]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (hover:none){#menuBar .menu-bar-item,#reverseButton,#skipButton,.button-full{transition:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}#inboxButton.has-unread,.tab-glow{animation:none}}#videoContainerBars #queueVisualization,
#videoContainerBars #recordProgress{pointer-events:auto}#videoContainerBars{position:absolute;pointer-events:none;box-sizing:border-box}#videoContainerBars{bottom:0;left:0;right:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;min-height:24px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);overflow:visible}#videoContainerBars #queueVisualization{width:100%;display:flex;justify-content:center;position:relative}#videoContainerBars #queueVisualization #recordProgress{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:1;box-shadow:none}.video-recording-modal.active,.video-review-modal.active{display:flex}.video-recording-modal,.video-review-modal{display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.85);align-items:center;justify-content:center;padding:16px}.video-recording-modal .video-recording-icon-btn {display:inline-flex;align-items:center;justify-content:center;padding:10px;min-width:44px;min-height:44px;border-radius:0}.video-recording-modal .video-recording-icon-btn img {display:block;filter:brightness(0) invert(1)}#talkButton{border:0;background-size:60%auto;background-position:center;background-color:var(--color-btn-bg,#374151);cursor:pointer;transition:transform .05s ease,filter .05s ease,opacity .2s ease,background-color .2s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;filter:drop-shadow(0 0 8px rgba(0, 0, 0, .9))}#blockButton,#reverseButton,#skipButton,#talkButton{background-repeat:no-repeat}#blockButton,
#reverseButton,
#skipButton{background-color:var(--color-btn-bg,#374151);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;filter:drop-shadow(0 0 8px rgba(0, 0, 0, .9))}#talkButton{width:calc(130px * 1.5625 * 5 / 6);height:calc(130px * 1.5625 * 5 / 6);background-color:var(--color-btn-bg,#3b82f6);border-radius:14px;margin-bottom:0;box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2),inset 0-1px 2px rgba(0,0,0,.15);backdrop-filter:var(--btn-glass-blur,none);-webkit-backdrop-filter:var(--btn-glass-blur,none);border:var(--btn-glass-border,none);filter:var(--color-btn-icon-filter, none)}#blockButton,
#reverseButton,
#skipButton{box-shadow:0 2px 10px rgba(0,0,0,.48),inset 0 3px 6px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 2px rgba(0,0,0,.12)}#talkButton.talking{background-color:#ef4444!important}#talkButton.disabled{background-color:#374151!important;cursor:not-allowed;pointer-events:none;touch-action:none}#reverseButton.disabled,
#reverseButton:disabled,
#skipButton.disabled,
#skipButton:disabled,
#talkButton.disabled{background-color:#374151!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)!important;cursor:not-allowed}#reverseButton,#skipButton{width:60px;height:60px;background-size:50%auto;background-position:center;background-color:var(--color-btn-bg);border:var(--btn-glass-border,none);border-radius:12px;opacity:1;filter:none;padding:0;display:flex;align-items:center;justify-content:center}#skipButton{margin-bottom:0}#reverseButton.active,#skipButton.active{filter:none}#reverseButton{min-height:0}#blockButton{width:47px;height:47px;min-width:47px;min-height:47px;background-size:contain;background-position:center}#blockButton{background-image:var(--blockbtn-off);background-color:transparent;border:none;border-radius:0;opacity:1;filter:none;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:contain}#blockButton.active{filter:none}#blockButton:active,
#reverseButton:active,
#skipButton:active,
#talkButton:active{transform:scale(.95)}.modal-content .button-container{display:flex;justify-content:space-around;gap:10px}.modal-content .button-container button{flex:1;padding:12px;border:1px solid #111;border-radius:0;background:linear-gradient(135deg,var(--color-btn-gradient-start),var(--color-btn-gradient-end));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background .05s ease,transform .05s ease;text-shadow:0 0 10px #000}#confirmModal .button-container{margin-bottom:0}#confirmNo,#confirmYes{flex:0 0 auto;width:auto;min-width:auto}#confirmNo{margin-right:0}#confirmYes{margin-left:0}.modal-content .button-container button:active{transform:translateY(0)}.inbox-fab-wrap{position:absolute;bottom:98px;right:12px;z-index:10;display:flex;align-items:center;justify-content:flex-end}.inbox-fab-btn{background:linear-gradient(135deg,var(--color-btn-gradient-start,rgba(59,130,246,.85)),var(--color-btn-gradient-end,rgba(37,99,235,.85)));border:0;cursor:pointer;flex-shrink:0;box-shadow:0 3px 10px rgba(0,0,0,.5);transition:background .15s ease,transform .2s ease,box-shadow .15s ease;position:relative;z-index:2}.inbox-fab-btn:active{transform:scale(.9);box-shadow:0 1px 4px rgba(0,0,0,.5)}.inbox-fab-icon{font-size:22px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;color:#fff;display:block;transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;text-shadow:none;user-select:none;-webkit-user-select:none}.inbox-fab-wrap.open .inbox-fab-icon{transform:rotate(45deg)}.inbox-fab-wrap.open .inbox-fab-btn{background:linear-gradient(135deg,rgba(239,68,68,.9),rgba(185,28,28,.9));box-shadow:0 3px 10px rgba(239,68,68,.4)}.inbox-fab-item,.inbox-fab-menu{display:flex;align-items:center;pointer-events:none}.inbox-fab-menu{position:absolute;right:calc(100% + 8px);bottom:0;flex-direction:row;gap:8px}.inbox-fab-item{width:42px;height:42px;background:linear-gradient(135deg,var(--color-btn-gradient-start,rgba(59,130,246,.85)),var(--color-btn-gradient-end,rgba(37,99,235,.85)));border:0;cursor:pointer;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px rgba(0,0,0,.45);opacity:0;transform:translateX(16px) scale(.7);transition:opacity .2s ease,transform .2s cubic-bezier(.34, 1.56, .64, 1),background .15s ease}.inbox-fab-item img{width:20px;height:20px;filter:brightness(0) invert(1);pointer-events:none}.inbox-fab-item:active{transform:scale(.88)!important}.inbox-fab-item:disabled{cursor:not-allowed}.inbox-fab-wrap.open .inbox-fab-item:disabled{opacity:.35!important}.inbox-fab-wrap.open .inbox-fab-menu{pointer-events:auto}.inbox-fab-wrap.open .inbox-fab-item{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.inbox-fab-item:first-child,.inbox-fab-item:nth-child(2),.inbox-fab-item:nth-child(3),.inbox-fab-item:nth-child(4),.inbox-fab-wrap.open .inbox-fab-item:nth-child(4){transition-delay:0s}.inbox-fab-wrap.open .inbox-fab-item:nth-child(3){transition-delay:60ms}.inbox-fab-wrap.open .inbox-fab-item:nth-child(2){transition-delay:120ms}.inbox-fab-wrap.open .inbox-fab-item:first-child{transition-delay:180ms}#inboxNavTabs{display:flex;flex-direction:row;flex-shrink:0;align-self:stretch;width:100%;box-sizing:border-box;gap:0;background-color:rgba(0,0,0,.5);border-radius:0;margin:0 0 env(safe-area-inset-bottom,0)}.gccr-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 25px;background:0 0;border:0;border-top:2px solid transparent;cursor:pointer;color:gray;font-weight:600;text-align:center;text-shadow:0 0 5px #000;position:relative;transition:color .15s ease,background .15s ease;outline:0;-webkit-tap-highlight-color:transparent;user-select:none}.gccr-nav-tab:hover{color:#d1d5db;background:rgba(255,255,255,.05)}.gccr-nav-tab.active:hover, .gccr-nav-tab:active{background:rgba(255,255,255,.08)}.gccr-nav-tab.active{color:#fff;border-top:2px solid var(--color-btn-gradient-start);text-shadow:0 0 10px #000}.gccr-nav-tab-icon{opacity:.45;transition:opacity .15s ease}.gccr-nav-tab.active .gccr-nav-tab-icon{opacity:1}.gccr-nav-tab-label{display:block;font-size:.75rem;line-height:1.2;letter-spacing:.25px}.gccr-nav-tab-indicator{display:none}label{display:block;margin:15px 0 10px;font-weight:700;color:#d1d5db;text-shadow:0 0 10px #000}input[type=text],
textarea {width:100%;padding:10px;border:solid 1px #111;border-radius:5px;background:var(--color-sidebar-solid-bg,rgba(0,0,0,.75));color:var(--color-btn-text,#d1d5db);font-size:1rem;transition:background .05s ease;font-family:inherit;font-weight:500}input[type=email],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{direction:ltr;text-align:left}input[type=text]:hover,
textarea:hover {background:var(--color-modal-bg,rgba(0,0,0,.85))}#nicknameInput{background:rgba(0,0,0,.85);cursor:pointer;caret-color:transparent}#nicknameInput:focus{outline:0;box-shadow:none}textarea{min-height:3em;line-height:1.5}input[type=checkbox],input[type=radio]{margin-right:8px;accent-color:var(--color-checkbox-accent)}input[type=text].disabled,input[type=text]:disabled{opacity:1;filter:brightness(.5);cursor:not-allowed;pointer-events:none}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:0;min-height:0}.toggle-text{flex:1;color:#d1d5db;font-size:.9rem;margin-right:6px;line-height:1.05;text-shadow:0 0 10px #000}.toggle-switch{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:36px;height:20px;background:rgba(0,0,0,.75);border-radius:12px;transition:background .2s ease;flex-shrink:0}.toggle-slider::before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-btn-gradient-start,#3b82f6),var(--color-btn-gradient-end,#2563eb))}.toggle-switch:checked+.toggle-slider::before{transform:translateX(16px)}.toggle-switch:focus+.toggle-slider{box-shadow:0 0 0 2px rgba(59,130,246,.3)}#userListModal{background:var(--color-sidebar-bg,rgba(0,20,40,.6));justify-content:flex-start;box-sizing:border-box}#userListModal{position:fixed;top:0;left:0;right:0;width:85vw;align-items:stretch;z-index:2000;pointer-events:none;padding:0;box-shadow:2px 0 20px rgba(0,0,0,.5);visibility:hidden;border:0!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important;outline:0!important;max-width:350px}#userListModal.active{visibility:visible}#alertModal,
#confirmModal,
#contactModal {background:rgba(0,0,0,.85);justify-content:center;z-index:2000;padding:20px 10px;box-sizing:border-box}#rulesModal{justify-content:center;padding-top:0}#alertModal,
#confirmModal,
#contactModal,
#inboxModal,
#rulesModal {visibility:hidden}#rulesModal.rules-modal.active{background:rgba(0,0,0,.85)!important}#rulesModal .rules-modal-content{width:calc(100vw - 32px)!important;max-width:500px!important;display:flex!important;flex-direction:column!important;gap:0;height:calc(100vh - 20px);max-height:85vh;margin:0 auto;overflow:hidden;box-sizing:border-box;align-self:center;border-radius:28px!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)!important;background:var(--color-modal-bg,rgba(0,20,40,.82))!important;backdrop-filter: none;-webkit-backdrop-filter: none;-webkit-backdrop-filter:none!important}#rulesModal .rules-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:5px 16px 5px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:0 0;gap:8px}#rulesModal .rules-modal-title{margin:0 auto 0 0;font-size:1.2rem!important;font-weight:500!important;letter-spacing:.01em;color:#e8eaed!important;text-align:left}#rulesModal .rules-modal-close-btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:50%!important;border:0!important;background:0 0!important;color:#adb5bd!important;font-size:1.1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:background .15s ease;padding:0!important;line-height:1!important;flex-shrink:0;margin-left:auto}#rulesModal .rules-modal-close-btn:hover{background:rgba(255,255,255,.1)!important}#rulesModal .rules-modal-close-btn:active,#rulesModal .rules-modal-close-btn:focus{background:rgba(255,255,255,.15)!important;outline:0!important;box-shadow:none!important}#userInfoModal{background:0 0;align-items:center;justify-content:center}#userInfoModal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;opacity:0;pointer-events:none;visibility:hidden}#userInfoModal .modal-content{width:calc(100vw - 20px);max-width:none;text-align:left;display:flex!important;flex-direction:column!important;gap:0;height:calc(100vh - 20px);max-height:calc(100vh - 20px);background:var(--color-modal-bg,rgba(0,20,40,.97));box-shadow:0 0 5px 1px #000;overflow:hidden;padding:5px}#userInfoModal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:5px;flex-shrink:0;background-color:unset;background:unset}#userInfoModal .user-info-name-row{display:flex;align-items:center;gap:8px}#userInfoModal .user-info-country-flag{font-size:1.5rem;line-height:1;flex-shrink:0}#userInfoModal .modal-header h2,#userInfoTitle{margin:0 0 0 10px;font-size:1.5rem;font-weight:600;color:#d1d5db;background-color:unset;background:unset}#userInfoClose {background:0 0!important;border:0;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease}#userInfoClose:active,
#userInfoClose:focus,
#userInfoClose:hover {background:0 0!important;outline:0!important;box-shadow:none!important;border:0!important}#userInfoModal .user-info-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;position:relative;z-index:0}#userInfoModal .user-info-tabs{border-bottom:1px solid #111;flex-shrink:0;background:rgba(0,0,0,.5)}#userInfoModal .user-info-tab{color:#9ca3af;position:relative}#userInfoModal .user-info-tab:hover{background:rgba(255,255,255,.05)}#userInfoModal .user-info-tab.active{border-bottom-color:#3b82f6}#userInfoModal .user-info-tab.active:hover{background:rgba(255,255,255,.08)}#userInfoModal .user-info-tab-panels{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:10px;touch-action:pan-y}#userInfoModal .user-info-tab-panel{display:none;height:100%}#userInfoModal .user-info-tab-panel.active{display:block}#userInfoModal .user-info-actions{flex-shrink:0;position:relative;z-index:6;transform:translateZ(0);-webkit-transform:translateZ(0);isolation:isolate}#userInfoModal .user-info-actions .action-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#userInfoModal .user-info-list{display:flex;flex-direction:column;gap:8px}#userInfoModal .user-info-entry{transition:background .15s ease}#userInfoModal .user-info-entry:hover{background:rgba(255,255,255,.08)}#userInfoModal .user-info-entry-name{color:#d1d5db;font-weight:500;min-width:0}#userInfoModal .user-info-entry-channel{color:#9ca3af;font-weight:500}#userInfoModal .user-info-empty{color:#9ca3af;margin:0;font-size:.9rem;text-align:center;padding:20px 0}#userInfoModal .user-info-tag-wrap{padding:8px 0 12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}#userInfoModal .user-info-tag-label{display:block;font-size:.9rem;color:var(--text-muted,#9ca3af);margin-bottom:6px}#userInfoModal .user-info-tag-input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:var(--text,#e5e7eb);font-size:.9rem}#userInfoModal .user-info-tag-input::placeholder{color:var(--text-muted,#9ca3af)}#userInfoModal .user-info-modified-by{font-size:.8rem;color:rgba(255,255,255,.6);margin-bottom:8px;padding:4px 0}#userInfoModal .user-info-mod-caps{padding:4px 0}#userInfoModal .user-info-mod-cap-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);gap:12px}#userInfoModal .user-info-mod-cap-label{font-size:.9rem;color:var(--text,#e5e7eb)}#userInfoModal .user-info-mod-toggle{flex-shrink:0;min-width:52px;padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:var(--text-muted,#9ca3af);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}#userInfoModal .user-info-mod-toggle:hover{background:rgba(255,255,255,.12);color:var(--text,#e5e7eb)}#userInfoModal .user-info-mod-toggle.on{background:rgba(34,197,94,.25);border-color:rgba(34,197,94,.5);color:#4ade80}#userListModal.active{pointer-events:auto}#alertModal.active,
#confirmModal.active,
#contactModal.active {position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;background:rgba(0,0,0,.85)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2000!important}#contactModal .modal-content a{color:inherit;color:var(--color-accent,#3b82f6)!important;text-decoration:none!important}#rulesModal.active{visibility:visible}#inboxModal.active{opacity:1;visibility:visible;pointer-events:auto;display:flex!important;justify-content:flex-start!important;align-items:stretch!important}.modal-content{background:var(--color-modal-bg,rgba(0,20,40,.97));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:0 10px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.5)}.modal-content p{margin-bottom:20px;font-size:.9375rem;line-height:1.45;color:#e8eaed}#confirmMessage{margin-top:5px}#confirmModal .modal-content{border-radius:28px!important;border:1px solid rgba(255,255,255,.06)!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)!important;padding:24px 24px 20px!important;text-align:left!important;max-width:360px!important;width:calc(100vw - 32px)!important;background:var(--color-modal-bg,rgba(0,20,40,.82))!important;backdrop-filter: none;-webkit-backdrop-filter: none;-webkit-backdrop-filter:none!important}#confirmModal #confirmMessage{margin:0 0 20px!important;font-size:.9375rem!important;line-height:1.45!important;color:#e8eaed!important;font-weight:400!important}#confirmModal .button-container{justify-content:flex-end!important;gap:12px!important;margin-top:0!important}#confirmModal #confirmNo,#confirmModal #confirmYes{border-radius:0.375rem!important;font-size:.875rem!important;font-weight:500!important}#confirmModal #confirmNo{padding:10px 20px!important;background:0 0!important;border:1px solid rgba(255,255,255,.25)!important;color:#e8eaed!important;transition:background .2s ease,border-color .2s ease!important}#confirmModal #confirmNo:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.35)!important;filter:none!important;transform:none!important}#confirmModal #confirmYes{padding:10px 24px!important;background:var(--color-accent,#3b82f6)!important;border:0!important;color:#fff!important;transition:background .2s ease,filter .2s ease!important}#confirmModal #confirmYes:hover{filter:brightness(1.08)!important;transform:none!important}#confirmModal #confirmNo:active,#confirmModal #confirmYes:active{transform:scale(.98)!important}#alertModal .modal-content{border-radius:28px!important;border:1px solid rgba(255,255,255,.06)!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)!important;padding:24px 24px 20px!important;text-align:left!important;max-width:360px!important;width:calc(100vw - 32px)!important;background:var(--color-modal-bg,rgba(0,20,40,.82))!important;backdrop-filter: none;-webkit-backdrop-filter: none;-webkit-backdrop-filter:none!important}#alertModal #alertMessage{margin:0 0 24px!important;font-size:.9375rem!important;line-height:1.45!important;color:#e8eaed!important;font-weight:400!important}#alertModal .button-container{justify-content:flex-end!important;gap:12px!important;margin-top:0!important}#alertModal #alertOk{border-radius:0.375rem!important;padding:10px 24px!important;font-size:.875rem!important;font-weight:500!important;background:var(--color-accent,#3b82f6)!important;border:0!important;color:#fff!important;transition:background .2s ease,filter .2s ease!important}#alertModal #alertOk:hover{filter:brightness(1.08)!important;transform:none!important}#alertModal #alertOk:active{transform:scale(.98)!important}#nicknameModal .modal-content{border-radius:0.5rem!important;border:1px solid rgba(255,255,255,.06)!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)!important;padding:24px 24px 20px!important;text-align:left!important;max-width:360px!important;width:calc(100vw - 32px)!important;background:var(--color-modal-bg,rgba(0,20,40,.82))!important;backdrop-filter: none;-webkit-backdrop-filter: none;-webkit-backdrop-filter:none!important}#nicknameModal #nicknameModalTitle{margin:0 0 8px!important;font-size:1.25rem!important;font-weight:500!important;color:#e8eaed!important;background:0 0!important;padding:0!important;letter-spacing:.01em}#nicknameModal #nicknameModalMessage{margin:0 0 16px!important;font-size:.875rem!important;line-height:1.45!important;color:#9ca3af!important;font-weight:400!important}#inboxModal{justify-content:flex-start;align-items:stretch;padding:0;top:var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 56px) + env(safe-area-inset-top, 0px)));bottom:env(safe-area-inset-bottom,0px);left:0;right:0;height:auto;box-sizing:border-box;background:0 0}#inboxModal.active{z-index:1001!important}#inboxModal.closing{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;opacity:0!important;pointer-events:none!important}#rulesModal.active{overflow-y:auto!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:0 0!important;z-index:1002!important}#rulesModal.active .rules-modal-content{height:calc(100vh - 20px);display:flex!important;flex-direction:column!important;max-height:85vh;overflow:hidden!important}#inboxModal .modal-content{position:relative;width:100%;height:100%;max-height:none;min-height:0;flex:1 1 auto;display:flex!important;flex-direction:column!important;text-align:left;gap:0;border:0;border-radius:0!important;box-shadow:none;padding:0!important;background:var(--color-sidebar-solid-bg,#001428)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}#inboxMessenger{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}#inboxModal .inbox-empty{text-align:center;color:#9ca3af;padding:40px 20px;margin:0}#inboxModal .inbox-message{background:var(--color-modal-bg,rgba(255,255,255,.05));border-radius:0;padding:10px;margin-bottom:0;cursor:pointer;transition:background .05s ease;border-left:3px solid transparent}#inboxModal .inbox-message:hover{background:var(--color-block-btn-hover,rgba(255,255,255,.08))}#inboxModal .inbox-message-time{font-size:.75rem;color:#9ca3af;margin-top:2px}.inbox-message-wrapper.outgoing .inbox-message-time{text-align:right}.inbox-message-wrapper.incoming .inbox-message-time{text-align:left}#inboxModal .inbox-block-btn{cursor:pointer;transition:background .05s ease;background:rgba(234,179,8,.2);color:#eab308}#inboxModal .inbox-block-btn:hover{background:rgba(234,179,8,.3)}#inboxModal .inbox-block-btn:active{background:rgba(234,179,8,.4)}#inboxModal .inbox-block-btn:disabled{background:rgba(107,114,128,.2);border-color:#111;color:#6b7280;cursor:not-allowed;opacity:.6}#inboxModal .inbox-block-btn:disabled:hover{background:rgba(107,114,128,.2)}#inboxTabs{text-shadow:0 0 10px #000}#inboxConversation{background:linear-gradient(135deg,rgba(15,20,28,.8),rgba(20,25,35,.8))}#inboxMessagesList{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:0 0 1px rgba(0,0,0,.9),0 1px 1px rgba(0,0,0,.4)}#inboxMessagesList::-webkit-scrollbar{width:6px}#inboxMessagesList::-webkit-scrollbar-track{background:0 0}#inboxMessagesList::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}#inboxMessagesList::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}#inboxMessageInput{border-color:#111!important;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:0 0 1px rgba(0,0,0,.5)}#inboxMessageInput:focus{border-color:#111!important;background:rgba(0,0,0,.85)!important}#inboxMessageInput::-webkit-scrollbar{width:6px}#inboxMessageInput::-webkit-scrollbar-track{background:0 0}#inboxMessageInput::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:0}#inboxMessageInput::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}#inboxSendBtn:hover{filter:brightness(.82);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.48)}#inboxSendBtn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.5)}#inboxSendBtn:disabled{opacity:.5;cursor:not-allowed}#inboxTypingIndicator{animation:pulse 1.5s ease-in-out infinite}.message-link{color:#fff;text-decoration:underline;word-break:break-all}.message-link:hover{color:#f3f4f6}#inboxTabs button{flex-shrink:0}#inboxTabs button:focus{outline:1px solid rgba(59,130,246,.6);outline-offset:1px}.inbox-close-btn{width:40px;height:40px;border:0;background:0 0;color:#fff;cursor:pointer;border-radius:0;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease;flex-shrink:0}.inbox-close-btn{font-size:20pt;text-shadow:0 0 10px #000}.inbox-close-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}#inboxTabs button:active,.inbox-close-btn:active{transform:scale(.95)}.inbox-close-btn:focus{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}.inbox-empty-state{height:100%;align-items:center;justify-content:center;padding:20px}.inbox-empty-state h3{font-size:12pt}#inboxTabs,#inboxUserList,.inbox-empty-state{display:flex;flex-direction:column}#inboxUserList{width:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;background-color:rgba(0,0,0,.75)}.inbox-messenger-container{display:flex;flex-direction:row;height:100%}#inboxTabs{width:76px;min-width:76px;overflow-y:auto;overflow-x:hidden;padding:8px 4px;gap:2px;background:rgba(0,0,0,.35);border-top:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);scrollbar-width:none}#inboxTabs::-webkit-scrollbar{display:none}.inbox-rail-indicator,.inbox-tab{display:flex;align-items:center;position:relative}.inbox-tab{flex-direction:column;padding:6px 4px 5px;gap:5px;border-radius:12px;cursor:pointer;background:0 0;border:0;color:#fff;transition:background .15s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.inbox-tab:hover{background:rgba(255,255,255,.06)}.inbox-rail-indicator{width:52px;height:52px;border-radius:26px;justify-content:center;background:rgba(255,255,255,.08);transition:background .2s ease,border-color .2s ease;box-sizing:border-box;border:2px solid transparent}.inbox-tab.active .inbox-rail-indicator{background:rgba(59,130,246,.28);border-color:rgba(59,130,246,.8)}.inbox-tab.tab-glow .inbox-rail-indicator{border-color:rgba(251,191,36,.7)}.inbox-tab.active.tab-glow .inbox-rail-indicator{border-color:rgba(59,130,246,.8)}.inbox-rail-avatar-icon{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.75;pointer-events:none;flex-shrink:0}.inbox-tab.active .inbox-rail-avatar-icon{opacity:1}.inbox-rail-badge,.inbox-status-dot{position:absolute;pointer-events:none}.inbox-status-dot{bottom:1px;right:1px;width:13px;height:13px;border-radius:50%;border:2px solid #0a0e16}.inbox-status-dot.online{background:#10b981}.inbox-status-dot.offline{background:#4b5563}.inbox-rail-badge{top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:10px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #0a0e16;line-height:1}.inbox-rail-label{font-size:9.5px;color:rgba(255,255,255,.65);text-align:center;width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;pointer-events:none}.inbox-tab.active .inbox-rail-label{color:rgba(255,255,255,.95);font-weight:600}.inbox-tab-close-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:rgba(224,72,82,.85);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;transition:background .15s ease,transform .1s ease;-webkit-font-smoothing:antialiased;box-shadow:0 1px 3px rgba(0,0,0,.4);opacity:.85}.inbox-tab-close-btn:hover{background:#ef4444;opacity:1}.inbox-tab-close-btn:active{transform:scale(.9)}#inboxConversation,#inboxMessagesList{flex:1;display:flex;flex-direction:column;min-height:0}#inboxConversation{position:relative;overflow:hidden;background:0 0}#inboxMessagesList{overflow-y:auto;padding:16px;gap:12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;border:0;border-top:1px solid rgba(255,255,255,.07)}#inboxTypingIndicator{padding:8px 16px;display:none;color:#9ca3af;font-size:.85rem}.inbox-message-input-container{background:rgba(0,0,0,.25);display:flex;-webkit-user-select:none;user-select:none}#inboxMessageInput{flex:1;border:1px solid #111;background:rgba(0,0,0,.75);color:#fff;font-size:.95rem;outline:0;transition:border-color .2s ease,background .2s ease;resize:none;min-height:40px;max-height:80px;overflow-y:auto;font-family:inherit;line-height:1.4;-webkit-user-select:text;user-select:text;-webkit-tap-highlight-color:rgba(255,255,255,.1);touch-action:manipulation;cursor:text}#inboxSendBtn img{width:20px;height:20px;filter:brightness(0) invert(1)}.inbox-message-wrapper{position:relative;display:flex;flex-direction:column;margin-bottom:4px}#inboxSendBtn,.inbox-message-unsend-btn{border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.inbox-message-unsend-btn{width:16px;height:16px;min-width:16px;min-height:16px;padding:0;border-radius:50%;box-sizing:border-box;flex-shrink:0;background:#c62828;color:#fff;font-size:10px;line-height:1}.inbox-message-unsend-btn:hover{background:#b71c1c}.inbox-message-footer{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:2px}.inbox-message-wrapper.outgoing .inbox-message-footer{justify-content:flex-end}.inbox-message-wrapper.incoming .inbox-message-footer{justify-content:flex-start}.inbox-message-wrapper.outgoing{align-items:flex-end}.inbox-message-wrapper.incoming{align-items:flex-start}.inbox-message-bubble{max-width:70%;color:#fff;word-wrap:break-word;word-break:break-word;font-size:.95rem;line-height:1.4;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:0 0 1px rgba(0,0,0,.9),0 1px 1px rgba(0,0,0,.4)}.inbox-message-bubble.outgoing{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.8))}.inbox-message-bubble.incoming{background:rgba(255,255,255,.1)}.inbox-chats-friend-request-hint strong{font-weight:600}.inbox-message-footer .inbox-message-time{margin-top:0}.inbox-message-time{font-size:.75rem;color:#9ca3af;margin-top:2px}.inbox-voice-bubble{min-width:140px}.inbox-image-bubble{max-width:280px}.inbox-message-image{display:block;max-width:100%;max-height:280px;object-fit:contain;cursor:pointer}.inbox-video-bubble{padding:4px;max-width:280px;width:280px}.inbox-video-player{display:block;width:100%;max-height:220px;object-fit:contain;background:#000}.inbox-image-lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.92);touch-action:none}.inbox-image-lightbox.active{display:flex}.inbox-lightbox-backdrop{position:absolute;inset:0;cursor:pointer}.inbox-lightbox-close{position:absolute;top:12px;right:12px;z-index:10002;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;line-height:1}.inbox-lightbox-close:hover{background:rgba(255,255,255,.35)}.inbox-lightbox-close,.inbox-lightbox-content,.inbox-lightbox-image-wrap{display:flex;align-items:center;justify-content:center}.inbox-lightbox-content{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:grab}.inbox-lightbox-content:active{cursor:grabbing}.inbox-lightbox-image-wrap{transform-origin:center center;will-change:transform}.inbox-lightbox-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;user-select:none;pointer-events:none;-webkit-user-drag:none}.inbox-lightbox-context-menu{position:fixed;z-index:10003;display:none;flex-direction:column;min-width:160px;background:rgba(30,30,30,.98);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:6px 0;box-shadow:0 8px 32px rgba(0,0,0,.5)}.inbox-lightbox-context-menu.active{display:flex}.inbox-lightbox-menu-item{padding:12px 20px;border:0;background:0 0;color:#fff;font-size:15px;text-align:left;cursor:pointer}.inbox-lightbox-menu-item:hover{background:rgba(255,255,255,.15)}.inbox-voice-player{display:flex;align-items:center;gap:8px}.inbox-voice-play-btn{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.3);color:#fff;font-size:12px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.inbox-voice-play-btn:hover{background:rgba(255,255,255,.5)}.inbox-voice-progress-wrap{flex:1;min-width:60px;height:4px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden}.inbox-voice-progress{height:100%;background:rgba(255,255,255,.8);border-radius:2px;transition:width .1s linear}.inbox-voice-duration{font-size:.75rem;color:rgba(255,255,255,.9);min-width:2.5em}.inbox-voice-overlay,.inbox-voice-overlay-close{position:absolute;align-items:center;justify-content:center}.inbox-voice-overlay{inset:0;background:rgba(0,0,0,.75);display:none;z-index:10}.inbox-voice-overlay.active{display:flex}.inbox-voice-overlay-close{top:12px;right:12px;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border:0;border-radius:50%!important;background:rgba(255,255,255,.2);color:#fff;font-size:1.2rem;cursor:pointer;line-height:1;padding:0!important;box-sizing:border-box;display:inline-flex}.inbox-voice-overlay-close:hover{background:rgba(239,68,68,.8)}.inbox-voice-overlay-inner{text-align:center;color:#fff}.inbox-voice-progress-container{width:280px;height:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;overflow:hidden;margin:0 0 16px;position:relative}.inbox-voice-progress-bar{height:100%;width:100%;background:#34c759;border:1px solid #34c759;border-radius:6px;transition:width .1s linear,background .1s ease,box-shadow .1s ease;box-shadow:0 0 8px #34c759,0 0 16px #34c759,0 0 4px #34c759 inset,0 0 8px #34c759 inset}.inbox-voice-overlay-hint{margin:0 0 12px;font-size:.95rem;color:rgba(255,255,255,.9)}.inbox-voice-overlay-stop{padding:10px 24px;border:0;border-radius:8px;background:rgba(34,197,94,.9);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.inbox-voice-overlay-stop:hover{background:#22c55e}.inbox-empty-messages{color:#6b7280;text-align:center;margin:auto}.inbox-user-list-empty{font-size:10pt}.inbox-user-button{background:0 0;border:0;cursor:pointer;vertical-align:middle;width:100%}#nicknameModal .input-container{margin:0 0 20px!important}#nicknameModal .nickname-input{width:100%!important;min-height:48px!important;padding:12px 16px!important;margin:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.06)!important;color:#e8eaed!important;font-size:1rem!important;box-sizing:border-box!important;transition:border-color .2s ease,background .2s ease!important}#nicknameModal .nickname-input::placeholder{color:rgba(255,255,255,.45)!important}#nicknameModal .nickname-input:focus{outline:0!important;border-color:var(--color-accent,rgba(59,130,246,.8))!important;background:rgba(255,255,255,.08)!important}#nicknameModal .nickname-error{margin:6px 0 0!important;font-size:.8125rem!important;color:#f87171!important}#nicknameModal .button-container{justify-content:flex-end!important;gap:12px!important;margin-top:0!important}#nicknameModal #nicknameCancel,#nicknameModal #nicknameOk{border-radius:20px!important;font-size:.875rem!important;font-weight:500!important}#nicknameModal #nicknameCancel{padding:10px 20px!important;background:0 0!important;border:1px solid rgba(255,255,255,.25)!important;color:#e8eaed!important;transition:background .2s ease,border-color .2s ease!important}#nicknameModal #nicknameCancel:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.35)!important;filter:none!important;transform:none!important}#nicknameModal #nicknameOk{padding:10px 24px!important;background:var(--color-accent,#3b82f6)!important;border:0!important;color:#fff!important;transition:background .2s ease,filter .2s ease!important}#nicknameModal #nicknameOk:hover{filter:brightness(1.08)!important;transform:none!important}#nicknameModal #nicknameCancel:active,#nicknameModal #nicknameOk:active{transform:scale(.98)!important}#contactModal .modal-content{border-radius:28px!important;border:1px solid rgba(255,255,255,.06)!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)!important;padding:24px 24px 20px!important;text-align:left!important;max-width:360px!important;width:calc(100vw - 32px)!important;background:var(--color-modal-bg,rgba(0,20,40,.82))!important;backdrop-filter: none;-webkit-backdrop-filter: none;-webkit-backdrop-filter:none!important}#contactModal .modal-content a:hover{text-decoration:underline!important}#contactModal .button-container{justify-content:flex-end!important;margin-top:0!important}#contactModal #contactModalOk{height:40px!important;min-height:40px!important;padding:0 24px!important;border-radius:20px!important;font-size:.875rem!important;font-weight:500!important;letter-spacing:.01em!important;background:var(--color-accent,#3b82f6)!important;border:0!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:background .2s ease,filter .2s ease,box-shadow .2s ease!important;box-shadow:none!important}#contactModal #contactModalOk:hover{filter:brightness(1.08)!important;transform:none!important}#contactModal #contactModalOk:active{transform:scale(.98)!important}#alertMessage{margin-top:10px}.modal-content h2{padding:0;letter-spacing:.01em;background:0 0}#rulesModal .rules-modal-content .button-container{flex:0 0 auto;margin-top:0}#rulesModal .rules-modal-content .button-container button{backdrop-filter:var(--btn-glass-blur,none);-webkit-backdrop-filter:var(--btn-glass-blur,none);border:var(--btn-glass-border,none)}.modal-content h2 {margin:0 0 16px;font-size:1.25rem;font-weight:500;color:#e8eaed}#connectionErrorMessage,#rulesMessage,#tosMessage,#tosViewMessage{text-align:left;margin:0 0 0 5px;line-height:1.5;overflow:hidden;flex:1 1 auto;min-height:0;font-size:1rem;color:#d1d5db;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}#tosMessage.scrollable,#tosViewMessage.scrollable{border-radius:0;padding:10px}#connectionErrorMessage.scrollable,#inboxMessages.scrollable,#rulesMessage.scrollable,#tosMessage.scrollable,#tosViewMessage.scrollable{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;background:0 0;margin:0;overflow-y:auto!important;overflow-x:hidden!important;align-items:stretch;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;text-align:left!important;position:relative!important}#connectionErrorMessage.scrollable,#inboxMessages.scrollable{border-radius:0;padding:10px}#rulesMessage.scrollable{padding:0 10px 20px;background-color:rgba(0,0,0,.75);border-radius:0;margin-top:5px;border:1px solid #111}#rulesModal .rules-modal-content{padding:0!important}#rulesModal .rules-modal-content>#rulesAgreementContainer{padding-left:20px;padding-right:20px;padding-bottom:16px}#rulesModal .rules-modal-content>.rules-button-container{padding:12px 20px 16px}#rulesModal .rules-modal-title{margin-bottom:0}#rulesModal .rules-button-container{opacity:1}#rulesModal #rulesOk{height:40px!important;min-height:40px!important;padding:0 24px!important;border-radius:20px!important;font-size:.875rem!important;font-weight:500!important;letter-spacing:.01em!important;background:var(--color-accent,#3b82f6)!important;border:0!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .2s ease,filter .2s ease,opacity .2s ease!important}#rulesModal #rulesOk:hover:not(:disabled){filter:brightness(1.08)!important}#rulesModal #rulesOk:active:not(:disabled){transform:scale(.98)!important}#rulesModal #rulesOk.rules-ok-disabled,#rulesModal #rulesOk:disabled{opacity:.5!important;cursor:not-allowed!important}#inboxMessages{touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}#rulesMessage ul{margin:0;padding-left:0;list-style-position:inside}#rulesMessage li{margin-bottom:8px;padding:0 12px}.modal-content .input-container{margin-bottom:20px}.modal-content input[type=text],.modal-content textarea{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);color:#e8eaed;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.modal-content input[type=text]:focus,.modal-content textarea:focus{outline:0;border-color:var(--color-accent,rgba(59,130,246,.8));background:rgba(255,255,255,.08)}.modal-content textarea{min-height:100px}#toastNotificationTop{color:#fff}#keyingUpList{position:absolute;right:7px;background:0 0;border-radius:0;box-shadow:none;text-align:right;border:0;pointer-events:none;opacity:0;visibility:hidden;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6)}#keyingUpList{display:flex;top:5px;flex-direction:column;align-items:flex-end;color:#fff;padding:0;z-index:3;max-width:calc(100% - 14px);transition:opacity .2s ease,visibility .2s ease}#keyingUpList.active{opacity:1;visibility:visible}#keyingUpList .keying-up-item{font-size:9pt;padding:1px 0;opacity:1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;pointer-events:auto}#keyingUpList .keying-up-icon{width:.88em;height:.88em;vertical-align:middle;position:relative;top:-1px;margin-left:4px;display:inline-block;object-fit:contain;filter:brightness(0) invert(1)}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label{margin:0;padding:0;cursor:pointer;user-select:none;box-sizing:border-box}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-text{flex:1;min-width:0;color:rgba(255,255,255,.72)}#userList li.user-list-channel-header {position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:36px;height:20px;align-self:center}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) span.toggle-slider{width:36px!important;height:20px!important;min-width:36px!important;min-height:20px!important;max-width:36px!important;max-height:20px!important;flex-shrink:0!important;display:block!important;position:relative!important;line-height:0!important;box-sizing:border-box!important;align-self:center!important}#userList{width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;border:0!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important;outline:0!important}#userList::-webkit-scrollbar{width:6px}#userList::-webkit-scrollbar-track{background:0 0}#userList::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}#userList li{justify-content:space-between;box-sizing:border-box;animation:none!important}.channel-roster-line{font-size:.85rem;font-weight:400;padding:4px 4px 4px 0;line-height:1.35;white-space:normal;word-break:break-word}#userList li:last-child{border-bottom:none}#noUsersMessage{padding-left:5px;padding-right:5px}.blocked-indicator{display:flex;align-items:center;justify-content:center;width:38px;height:38px;cursor:pointer;border-radius:4px;margin-left:0}.blocked-indicator .cbx-icon{width:32px;height:32px;opacity:.85;filter:brightness(0) saturate(100%) invert(17%) sepia(95%) saturate(4621%) hue-rotate(347deg) brightness(94%) contrast(107%)}.user-info{display:flex;flex-direction:column;gap:0;flex:1;min-width:0;overflow:hidden;justify-content:flex-start;text-align:left}.user-actions-top{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0;min-width:80px;width:80px}.user-info>.status-indicator{align-self:flex-start}.channel-info,.user-info>.nickname{display:flex;align-items:center;gap:10px}.channel-info{flex-direction:row;gap:8px;flex:1;min-width:0;overflow:hidden;text-align:left;white-space:nowrap;color:var(--color-accent);font-weight:600}.channel-info img{filter:brightness(0) invert(1);flex-shrink:0}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]){flex-direction:column!important;align-self:stretch!important;cursor:default!important}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-info{flex-direction:column;align-items:stretch;align-self:stretch;gap:3px;width:100%;overflow:visible;white-space:normal}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-info-title-row{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;min-width:0;box-sizing:border-box}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-info-title{flex:1;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25;color:var(--color-accent);font-weight:600}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-info.channel-info--with-busy-toggle{flex-wrap:nowrap;align-items:stretch;white-space:normal;overflow:visible;width:100%}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-wrap{flex:0 0 auto;margin-top:0;padding-top:0;box-sizing:border-box}.nickname,.nickname *{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}.nickname{font-size:1rem!important;font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;position:relative}.nickname *{font-size:inherit!important}.description{font-size:.85rem;color:#9ca3af;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;min-height:1.2em;line-height:1.2em;position:relative}.block-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:4px;background:0 0;cursor:pointer;transition:transform .05s ease}.block-btn:hover{transform:translateY(-1px)}.block-btn:active{transform:translateY(0)}.block-btn:disabled{opacity:.15!important;cursor:not-allowed!important}.block-cooldown,button.block-cooldown{opacity:.25!important;pointer-events:none!important;cursor:default!important}.block-btn .cbx-icon{width:32px;height:32px}#userList .block-btn .cbx-icon,#userList .blocked-indicator .cbx-icon,#userListModal .block-btn .cbx-icon,#userListModal .blocked-indicator .cbx-icon{filter:brightness(0) saturate(100%) invert(17%) sepia(95%) saturate(4621%) hue-rotate(347deg) brightness(94%) contrast(107%)}#userList .block-btn .cbx-icon[data-alt=Unblock],#userListModal .block-btn .cbx-icon[data-alt=Unblock]{filter:brightness(0) saturate(100%) invert(62%) sepia(84%) saturate(360%) hue-rotate(84deg) brightness(96%) contrast(93%)}.message-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:4px;background:0 0;cursor:pointer;transition:transform .05s ease;margin-left:2px}.message-btn:hover{transform:translateY(-1px)}.message-btn:active{transform:translateY(0)}.message-btn .cbx-icon {width:26px;height:26px}.message-btn-disabled{opacity:.6;cursor:not-allowed}.message-btn-disabled:hover{transform:none}#userList .message-btn:not(.message-btn-disabled) img{filter:brightness(0) saturate(100%) invert(72%) sepia(57%) saturate(2056%) hue-rotate(173deg) brightness(102%) contrast(101%)}#currentSpeaker,#playbackInfo{font-family:var(--gccr-app-font);user-select:none;-webkit-user-select:none;opacity:0}#playbackInfo{position:absolute;bottom:45px;right:15px;text-align:right;border-radius:0 0 0 8px;-webkit-touch-callout:none;touch-action:manipulation;pointer-events:none}#connectionSpinnerWrapper.active #connectionSpinnerText,#loadingSpinnerWrapper.active #loadingSpinnerText,#playbackInfo.active{opacity:1}#currentSpeaker{font-size:18pt;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6);white-space:nowrap;line-height:1.08;max-height:1.28em;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:0 10px;left:50%;transform:translateX(-50%);position:fixed;top:85px;text-align:center;z-index:1;visibility:hidden;transform:translateX(-50%) scale(.78);transform-origin:center center;filter:blur(1.4px);transition:opacity .2s ease,transform .2s ease,filter .2s ease,visibility .2s ease}#currentSpeaker.visible{opacity:.85;visibility:visible;transform:translateX(-50%) scale(1);filter:blur(0)}#currentSpeaker.visible:hover{opacity:.85}#currentSpeaker>.speaker-name-dissolve{display:inline-flex;align-items:center;justify-content:center;max-width:100%;max-height:1.28em;line-height:1.08;overflow:hidden;vertical-align:middle;animation:currentSpeakerNameDissolve .2s ease both}#connectionSpinner{display:none;justify-content:center;align-items:center;margin-top:12px}#connectionSpinnerWrapper{position:fixed;bottom:10px;left:10px;transform:none;z-index:900;display:none;flex-direction:column;align-items:center;pointer-events:none}#connectionSpinnerWrapper.active{display:flex}#connectionSpinnerIndicator{position:relative;display:none;width:18px;height:18px;border:1.69px solid rgba(255,255,255,.2);border-top:1.69px solid #fff;border-right:1.69px solid #fff;border-radius:50%;background:0 0;margin:0;box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;transform-origin:center center}#connectionSpinnerIndicator.active{display:block;opacity:1;animation:connectionSpinnerRotate 1s linear infinite;will-change:transform}#connectionSpinnerText{font-size:.85rem;line-height:1.2;color:rgba(255,255,255,.6);text-align:center;margin-top:8px;font-weight:400;user-select:none;-webkit-user-select:none;opacity:0;text-shadow:0 0 2px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,1),0 2px 16px rgba(0,0,0,.85),0 0 22px rgba(0,0,0,.7)}#loadingSpinnerWrapper{position:fixed;bottom:10px;left:10px;transform:none;z-index:899;display:none;flex-direction:column;align-items:center;pointer-events:none}#loadingSpinnerWrapper.active{display:flex}#loadingSpinnerIndicator{position:relative;display:none;width:18px;height:18px;border:1.69px solid rgba(255,255,255,.2);border-top:1.69px solid #fff;border-right:1.69px solid #fff;border-radius:50%;background:0 0;margin:0;box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;transform-origin:center center}#loadingSpinnerIndicator.active{display:block;opacity:1;animation:spin-counterclockwise 1s linear infinite;will-change:transform}#loadingSpinnerText{font-size:.85rem;line-height:1.2;color:rgba(255,255,255,.6);text-align:center;margin-top:8px;font-weight:400;user-select:none;-webkit-user-select:none;opacity:0;text-shadow:0 0 2px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,1),0 2px 16px rgba(0,0,0,.85),0 0 22px rgba(0,0,0,.7)}#recordProgress{width:180px;height:8px;background:#1e1e1e;border-radius:2px;overflow:hidden;margin-bottom:0;margin-top:0;opacity:0;transition:opacity .25s ease;box-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6),0 0 12px rgba(0,0,0,.4);z-index:20;position:relative}#recordProgress.active {opacity:1}#recordProgressBar{height:100%;width:100%;background:var(--color-accent,#09f);border:1px solid #111;box-shadow:0 0 8px var(--color-accent,rgba(0,153,255,.5));transition:width .05s linear,background .05s ease,box-shadow .05s ease;opacity:1}#queueVisualization {display:flex;flex-direction:column;align-items:center}#queueVisualization{width:100%;height:10px;opacity:0;visibility:hidden;transition:visibility .05s ease}#queueVisualization.active{opacity:1;visibility:visible}#queueVisualization.recording #recordProgress{visibility:hidden;pointer-events:none}#buttonTheme,#colorScheme{margin-bottom:10px}#rulesTitle{font-size:14pt;padding-top:10px;padding-bottom:10px;background-color:transparent;margin-top:0!important;border:0}#inboxButton {border-radius:0;opacity:1;visibility:visible}#inboxButton{width:40px;height:40px;justify-content:flex-start;padding:4px 0 0;transform:translateX(0) scale(1);box-shadow:0 0 5px 1px #000}#inboxButton #inboxIcon,
#menuBar #inboxButton #inboxIcon {width:20px;height:20px}#inboxButton .menu-bar-item-label{line-height:1.2;color:#fff;text-align:center;font-weight:700;pointer-events:none;user-select:none;-webkit-user-select:none}#inboxButton,#menuBar #inboxButton{border:0;background:0 0;display:flex;flex-direction:column;align-items:center}#menuBar #inboxButton{position:relative;top:auto;right:auto;width:auto;min-width:44px;height:44px;color:#fff;box-shadow:none;justify-content:center;gap:5px;padding:6px 10px}.option-container{margin:20px 0}.user-info-actions .action-btn{transition:all .2s ease;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px;flex:1;min-width:0;padding:4px 12px;border-radius:0;font-weight:500;cursor:pointer;color:#fff;border:0;text-align:center;width:100%;box-sizing:border-box}.user-info-actions .block-btn,
.user-info-actions .user-context-btn,
.user-info-actions .message-btn,
.user-info-actions .unblock-btn {background:linear-gradient(135deg,var(--color-btn-gradient-start),var(--color-btn-gradient-end))}.user-info-actions .block-btn,.user-info-actions .unblock-btn{width:auto!important;height:auto!important;align-self:stretch}.user-info-actions .block-btn:active,.user-info-actions .block-btn:hover,.user-info-actions .unblock-btn:active,.user-info-actions .unblock-btn:hover{transform:none!important}.user-info-actions .user-context-btn,.user-info-actions .message-icon-btn{flex:0 0 auto;min-width:44px;max-width:56px;width:auto;height:auto;min-height:38px;display:flex!important;align-items:center;justify-content:center;padding:4px 8px;text-transform:none;letter-spacing:normal;margin-left:0}.user-info-actions .message-icon-btn.message-btn-disabled:hover,.user-info-actions .message-icon-btn:disabled:hover{filter:none;transform:none}.user-info-actions .user-context-btn .cc-chip-icon-img,.user-info-actions .message-icon-btn .user-info-message-icon{display:block;pointer-events:none}.user-info-actions .message-icon-btn .user-info-message-icon{filter:brightness(1.15)}#userInfoFriendBtn{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}.user-info-actions .action-btn:hover,
.user-info-actions .block-btn:hover,
.user-info-actions .user-context-btn:hover,
.user-info-actions .message-btn:hover,
.user-info-actions .message-icon-btn:hover,
.user-info-actions .unblock-btn:hover {filter:brightness(.82)}.user-info-actions .action-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.2)}.user-info-actions{padding-bottom:5px!important}.user-info-actions>div{display:flex;gap:12px;align-items:stretch;margin-bottom:5px;padding-bottom:0}.theme-selector-row{align-items:flex-start;margin-top:0}.theme-selector-column{display:flex;flex-direction:column}.theme-selector-column label{display:block;margin:0 0 10px!important;font-weight:700;color:#d1d5db;line-height:1.5}.modal {display:none}.modal.active{display:block}.modal.closing{display:block!important}#alertModal.closing,
#confirmModal.closing,
#contactModal.closing {width:100vw!important;height:100vh!important;background:rgba(0,0,0,.85)!important;opacity:1!important;pointer-events:auto!important;z-index:2000}.modal.active .modal-content{animation:ps1MainUISlideIn .3s cubic-bezier(.68,-.55,.265,1.55) forwards!important}.modal-content{position:relative;border:1px solid #111}.modal.closing .modal-content{transform-origin:center center!important;position:relative!important;margin-left:auto;margin-right:auto;transform:translateY(0) scale(1) rotateX(0) rotateY(0)}#inboxModal .modal-content{transform-origin:center center!important;filter:none!important}#inboxModal.active .modal-content{transform:scale(1)!important;opacity:1!important}#inboxModal .modal-content,#inboxModal.closing .modal-content{animation:none!important;transform:scale(.95)!important;opacity:0!important}#nicknameModal.active .modal-content,#rulesModal.active .rules-modal-content{transform:scale(1)!important}#nicknameModal .modal-content{transform:scale(.95)!important}to{opacity:1}}}.flex-start {display:flex;align-items:center}.flex-start{gap:8px}.modal-header-h2{margin:0 0 0 10px}.button-container-col-inline{display:flex;flex-direction:column;gap:0;margin-top:5px}#sidebar .button-container.button-container-col-inline,#tab-home .button-container.button-container-col-inline{flex-direction:row;flex-wrap:wrap;gap:6px}#sidebar .button-container.button-container-col-inline #legalBtnLabel,#tab-home .button-container.button-container-col-inline #legalBtnLabel{flex:1 1 100%}.button-full{width:100%;margin-bottom:5px;padding-top:3px;padding-bottom:3px}.user-info-stats-container{padding:10px 20px;background:rgba(0,0,0,.5);border-radius:10px;margin:10px 10px}.user-info-name,.user-info-status{text-align:center;margin-bottom:8px}.user-info-name{font-size:1.25rem;font-weight:600;color:#fff}.user-info-status{font-size:.85rem;font-weight:400}.user-info-stat-item{display:grid;grid-template-rows:28px auto;justify-items:center;align-content:start;row-gap:6px;width:100%;min-width:0}.user-info-stat-item>:first-child{align-self:center;justify-self:center}.user-info-stat-item>img{width:24px;height:24px;object-fit:contain;display:block;margin:0}.user-info-stat-item>span:first-child{display:flex;align-items:center;justify-content:center;height:28px;margin:0;padding:0;font-size:20px;line-height:1}.user-info-actions{padding:10px;border-top:1px solid rgba(255,255,255,.1);background:0 0}.user-info-actions-row{display:flex;gap:12px;align-items:stretch}#rulesOk{margin-bottom:0;margin-top:10px;border:1px solid #111}#nicknameModal,#nicknameModal.active{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;background:rgba(0,0,0,.85)!important;z-index:2000!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}#nicknameModal.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.nickname-input{width:100%;padding:10px 12px;margin:8px 0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:14px;box-sizing:border-box}.nickname-input::placeholder{color:rgba(255,255,255,.5)}.nickname-input:focus{outline:0;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}.nickname-error{color:#ff3b30;font-size:12px;margin:8px 0;text-align:center;display:block;min-height:20px}.input-container{margin:12px 0}#sidebar,#talkButton{backdrop-filter:none;-webkit-backdrop-filter:none}#queueVisualization {contain:layout style paint}#inboxModal .modal-content{border-radius:0!important;border:0!important;overflow:hidden!important;box-shadow:none!important;padding:0!important;background:var(--color-sidebar-solid-bg,#001428)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.inbox-image-bubble,.inbox-message-bubble{border-radius:18px!important;padding:10px 14px!important}.inbox-message-bubble.outgoing{border-bottom-right-radius:4px!important}.inbox-message-bubble.incoming{border-bottom-left-radius:4px!important}.inbox-image-bubble{padding:4px!important;overflow:hidden}.inbox-message-image{border-radius:14px!important}.inbox-video-bubble{border-radius:18px!important;overflow:hidden}.inbox-video-player{border-radius:14px!important}.inbox-message-input-container{padding:10px 12px!important;gap:10px!important;border-top:1px solid rgba(255,255,255,.07)}#inboxMessageInput{border-radius:10px!important;border-color:rgba(255,255,255,.12)!important;padding:10px 16px!important}#inboxMessageInput:focus{border-color:var(--color-accent,rgba(0,153,255,.6))!important}#inboxSendBtn{border-radius:50%!important;width:44px!important;height:44px!important;flex-shrink:0}#inboxMessagesList::-webkit-scrollbar-thumb{border-radius:3px!important}#inboxUserList,.inbox-empty-state h3{background:0 0!important;padding:0!important}.inbox-empty-state h3{font-size:.78rem!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#9ca3af!important;margin:0 0 10px 4px!important;width:auto!important;text-shadow:none!important}#inboxUserList{border:0!important;border-radius:16px!important;gap:0!important}.inbox-user-button,.inbox-user-button:hover{background:unset!important;background-color:unset!important}.inbox-user-button{height:44px!important;min-height:44px!important;border-radius:0!important;padding:0 16px!important;text-align:left!important;font-size:.95rem!important;font-weight:400!important;color:#e8eaed!important;background-image:none!important;border:1px solid rgba(255,255,255,.07)!important;border-top:0!important;border-left:0!important;border-right:0!important;display:flex!important;align-items:center!important;transition:background .15s ease,border-color .15s ease!important;gap:8px!important;white-space:nowrap!important;overflow:hidden!important}.inbox-user-button:hover{border-color:rgba(255,255,255,.14)!important}.inbox-user-list-empty{color:#6b7280!important;font-size:.9rem!important;text-align:center!important;padding:24px 16px!important;border-radius:12px!important;background:rgba(255,255,255,.03)!important;border:1px dashed rgba(255,255,255,.1)!important}#sidebar{background:var(--color-modal-bg,rgba(28,27,31,.75))!important;border:1px solid rgba(255,255,255,.05)!important;border-bottom:none!important;max-width:100vw!important;box-sizing:border-box!important;transform:translateX(22px)!important}#sidebar,#userListModal{opacity:0!important;transition:transform .15s ease,opacity .15s ease,visibility .15s ease!important}#userListModal{transform:translateX(-22px)!important}#sidebar.active,#userListModal.active{transform:translateX(0)!important;opacity:1!important}#sidebar.closing, #userListModal.closing{transform:translateX(22px)!important;opacity:0!important;pointer-events:none!important}#userListModal.closing{transform:translateX(-22px)!important}.sidebar-scroll-hint{position:absolute!important;left:0!important;right:0!important;bottom:10px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding-bottom:0!important;box-sizing:border-box!important;pointer-events:none!important;z-index:6!important;opacity:0!important;transition:opacity .22s ease!important;background:0 0!important}#sidebar.sidebar-has-scroll-below .sidebar-scroll-hint{opacity:1!important}.sidebar-scroll-hint .cbx-icon{width:28px!important;height:28px!important;opacity:.5!important;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .45))!important}#menuBar{height:var(--gccr-menu-bar-height)!important;min-height:var(--gccr-menu-bar-height)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#menuBar{justify-content:flex-start!important}#menuBar, #menuBar #menuRight:hover, #menuBar #usersOnline:hover{background:#000!important}#menuBar #menuRight{width:48px!important;min-width:48px!important;max-width:48px!important;flex:0 0 48px!important}#menuBar #menuRight, #menuBar #usersOnline{height:48px!important;background:#000!important;border-radius:5px!important}#menuBar #usersOnline{width:48px!important;min-width:48px!important;max-width:48px!important;flex:0 0 48px!important}#menuBar #inboxButton:hover,#menuBar #muteToggleButton:hover{background:0 0!important}#menuBar #menuRight:active, #menuBar #menuRight:focus, #menuBar #usersOnline:active, #menuBar #usersOnline:focus{background:#000!important}#sidebar label{display:block;margin-bottom:8px!important;font-weight:500!important;color:#e8eaed!important;padding-left:4px!important}#sidebar input[type=text]{padding:12px 16px!important;font-size:1rem!important}#sidebar input[type=text] {width:100%!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;color:#fff!important;transition:border-color .2s ease,background .2s ease!important;margin-bottom:16px!important}#sidebar input[type=text]:focus {outline:0!important;border-color:var(--color-accent,#09f)!important;background:rgba(255,255,255,.08)!important}#tab-home.sidebar-list{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important}#sidebar #tab-home,#sidebar #tab-home *{}#tab-home .sidebar-list-section{flex-shrink:0!important;border-radius:12px!important;overflow:hidden!important;background:rgba(255,255,255,.04)!important;margin-bottom:10px!important;border:1px solid rgba(255,255,255,.06)!important}#tab-home .sidebar-list-section:last-of-type{margin-bottom:0!important}#tab-home .sidebar-list-section-actions{margin-top:0!important}#tab-home .sidebar-list-item{min-height:52px!important;padding:10px 16px!important;display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:8px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-sizing:border-box!important}#tab-home .sidebar-list-item .input-container.sidebar-list-control,#tab-home .sidebar-list-item .sidebar-list-control{align-self:stretch!important}#tab-home>:not(.sidebar-list-section){padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}#tab-home>:not(.sidebar-list-section):first-child{padding-top:12px!important}#tab-home>:not(.sidebar-list-section)+:not(.sidebar-list-section){margin-top:6px!important}#tab-home>label.sidebar-list-label{display:block!important}#tab-home .sidebar-list-item:first-child{padding-top:12px!important}#tab-home .sidebar-list-item:last-child{border-bottom:none!important;padding-bottom:12px!important}#tab-home .sidebar-list-item input[type=text] {margin-bottom:0!important;margin-top:0!important;padding:10px 14px!important}#tab-home .sidebar-list-label,#tab-home .sidebar-list-toggle-row .toggle-text{margin:0!important;font-size:.875rem!important;font-weight:500!important;color:var(--color-sidebar-text,#e8eaed)!important}#tab-home .sidebar-list-label{padding:0!important;min-width:0!important;flex:0 0 auto!important}#tab-home .sidebar-list-control{flex:1 1 auto!important;min-width:0!important}#tab-home .sidebar-list-item .input-container.sidebar-list-control{flex:1 1 auto!important;margin:0!important;padding:0!important;min-width:0!important}#tab-home .sidebar-list-item .input-container.sidebar-list-control input{margin:0!important;min-height:44px!important}#tab-home .sidebar-android-exit-subscribe-stack{display:flex!important;flex-direction:column!important;gap:5px!important;align-self:stretch!important;width:100%!important;margin-top:4px!important;box-sizing:border-box!important}#tab-home .sidebar-android-exit-subscribe-stack .sidebar-subscribe-adfree-btn.button-full {margin-top:0!important;align-self:stretch!important;width:100%!important;box-sizing:border-box!important}#tab-home .sidebar-list-item-switch{min-height:48px!important;padding:8px 16px!important}#tab-home .sidebar-list-toggle-row{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:0!important;margin:0!important;padding:5px 0!important}#tab-home .sidebar-list-toggle-row .toggle-text{flex:1!important}#tab-home .sidebar-list-section-sound-settings .sidebar-list-item-switch.sidebar-list-item-switch-stack{flex-direction:column!important;align-items:stretch!important}#tab-home .sidebar-list-section-sound-settings #bluetoothMicSidebarRow.bluetooth-mic-sub-row,#tab-home .sidebar-list-section-sound-settings #headsetMediaTalkHooksSidebarRow.bluetooth-mic-sub-row{margin-top:8px!important;margin-left:0!important;width:100%!important;box-sizing:border-box!important;align-self:stretch!important}#tab-home #headsetMediaTalkHooks.toggle-switch:disabled,#tab-home #useBluetoothMic.toggle-switch:disabled{opacity:.45!important;cursor:not-allowed!important}#tab-home .sidebar-list-section-sound-settings{padding:0!important;overflow:visible!important}#tab-home .sidebar-list-section-sound-settings .sidebar-list-item-switch {border-top:1px solid rgba(255,255,255,.07)!important}#tab-home .sidebar-list-section-actions,#sidebar #tab-home>.sidebar-list-section-actions{background:0 0!important;border:0!important;padding:0!important;margin-bottom:0!important;border-radius:0!important;overflow:visible!important}#tab-home .sidebar-list-section-actions .button-container{margin-bottom:8px!important}#tab-home .sidebar-list-section-actions .button-container:last-child{margin-bottom:0!important}#userList li,.theme-selector-row{display:flex!important;gap:12px!important;margin-bottom:8px!important}.theme-selector-column{flex:1!important}#sidebar h3{color:var(--color-accent,#09f)!important;margin:24px 0 12px 4px!important;text-transform:uppercase!important;letter-spacing:.05em!important}#userList{list-style:none!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important}#userList li:not(.user-list-channel-header){color:#e8eaed!important;gap:8px!important;white-space:nowrap!important;cursor:pointer!important;transition:background .2s ease!important;flex-wrap:nowrap!important;height:56px!important;min-height:56px!important;padding:0 16px!important;margin-bottom:0!important;border-radius:0!important;background:0 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;align-items:center!important;overflow:hidden!important}#userList li:hover{background:rgba(255,255,255,.08)!important}#sidebar .toggle-switch{position:absolute!important;opacity:0!important;width:100%!important;height:100%!important;margin:0!important;cursor:pointer!important;left:0!important;top:0!important}#sidebar .toggle-label{position:relative!important}#sidebar .toggle-slider{display:block!important;width:52px!important;height:32px!important;min-width:52px!important;min-height:32px!important;border-radius:16px!important;background:rgba(255,255,255,.12)!important;transition:background .2s ease,box-shadow .2s ease!important;flex-shrink:0!important}#sidebar .toggle-slider::before{content:""!important;position:absolute!important;width:24px!important;height:24px!important;left:4px!important;top:4px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 6px 2px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3)!important;transition:transform .2s cubic-bezier(.2, 0, 0, 1)!important}#sidebar .toggle-switch:checked+.toggle-slider{background:var(--color-accent,#3b82f6)!important}#sidebar .toggle-switch:checked+.toggle-slider::before{transform:translateX(20px)!important}#sidebar .toggle-switch:focus-visible+.toggle-slider{box-shadow:0 0 0 2px var(--color-sidebar-bg,rgba(28,27,31,.95)),0 0 0 4px var(--color-accent,rgba(59,130,246,.5))!important}#sidebar #tab-home .toggle-label.sidebar-list-toggle-row{flex-direction:row!important}#sidebar #tab-home .toggle-label.sidebar-list-toggle-row .toggle-switch{width:52px!important;height:32px!important;max-width:52px!important;max-height:32px!important;left:auto!important;right:0!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;-webkit-appearance:none!important;appearance:none!important;background:0 0!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}#sidebar a.button-full{text-decoration:none!important}#sidebar .sidebar-two-btn-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}#sidebar .sidebar-two-btn-row .button-full{flex:1 1 0!important;min-width:0!important;width:auto!important}#sidebar #sidebarTipMerchRow{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}#sidebar #sidebarTipMerchRow .button-full{height:40px!important;border-radius:8px!important;font-size:.9rem!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;padding-left:8px!important;margin-bottom:5px!important;padding-right:8px!important}#sidebar .button-full{width:100%!important;height:40px!important;border-radius:0.375rem!important;border:0!important;background:var(--color-accent,#3b82f6)!important;color:#fff!important;font-weight:500!important;letter-spacing:.01em!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s ease,box-shadow .2s ease!important;margin-bottom:12px!important;box-shadow:0 1px 2px rgba(0,0,0,.3)!important;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 6px rgba(0,0,0,.5)!important}#sidebar .button-full:hover{background:var(--color-accent-hover,#2563eb)!important;box-shadow:0 1px 3px 1px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3)!important}#sidebar .button-full:active{background:var(--color-accent-active,#1d4ed8)!important;box-shadow:0 1px 2px rgba(0,0,0,.3)!important}html[data-no-wallpaper] #app{background-image:none!important}#legalBtnLabel{background:0 0!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:none!important}#legalBtnLabel:hover{background:rgba(255,255,255,.05)!important;border-color:#fff!important}#sidebar>div[id^=tab-]{overflow:hidden!important;display:none}#sidebar>div[id^=tab-].active{position:absolute!important;top:5px!important;left:5px!important;right:5px!important;bottom:5px!important;width:calc(100% - 10px)!important;max-width:calc(100vw - 10px)!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;min-width:0!important;padding:0 4px 88px 0!important}#sidebar .button-container,
#sidebar .button-container-col-inline,
#sidebar .option-container,
#sidebar .theme-selector-column,
#sidebar .theme-selector-row,
#tab-home .button-container,
#tab-home .button-container-col-inline,
#tab-home .input-container,
#tab-home .option-container,
#tab-home .theme-selector-column,
#tab-home .theme-selector-row {min-width:0!important}#sidebar .button-full,
#sidebar input[type=range],
#sidebar input[type=text],
#tab-home .button-full,
#tab-home input[type=range],
#tab-home input[type=text],
#tab-home label {max-width:100%!important;box-sizing:border-box!important}#tab-home .input-container input{width:100%!important;max-width:100%!important}#inboxUserList{overflow-y:auto!important;max-height:60vh!important}#userList{max-height:none!important}.inbox-fab-item{border-radius:50%!important;aspect-ratio:1/1!important;padding:0!important}#inboxFabBtn.inbox-fab-btn,.inbox-fab-btn{width:44px!important;height:44px!important;border-radius:50%!important;padding:0!important}.inbox-fab-btn{align-items:center!important;justify-content:center!important}#inboxFabBtn.inbox-fab-btn{min-width:44px!important;max-width:44px!important;aspect-ratio:1/1!important;transform:translateX(-1px)}#inboxFabBtn.inbox-fab-btn:active{transform:scale(.9) translateX(-1px)}#userInfoModal .modal-header{padding-top:5px!important;padding-bottom:5px!important}#userInfoModal .modal-content{border-radius:28px!important;background:var(--color-modal-bg,rgba(0,20,40,.75))!important;backdrop-filter: none;-webkit-backdrop-filter: none;box-shadow:0 4px 32px rgba(0,0,0,.6)!important}#userInfoModal .user-info-entry{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}#userInfoModal .user-info-entry-name{flex:1!important}#userInfoModal .user-info-entry-channel{flex-shrink:0!important;margin-left:auto!important;font-size:.85rem!important;opacity:.7!important;white-space:nowrap!important}#userInfoModal #modTab{display:none!important}#userInfoModal #modTab.mod-tab-visible,.inbox-fab-btn{display:flex!important}#userInfoModal .user-info-tab,#userInfoModal .user-info-tabs{display:flex!important;flex-direction:row!important;align-items:center!important}#userInfoModal .user-info-tabs{gap:0!important;margin-bottom:5px!important;margin-left:5px!important;margin-right:5px!important;flex-wrap:nowrap!important;min-width:0!important;padding:0!important;height:40px!important;border-radius:0!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(0,0,0,.75)!important;overflow:hidden!important}#userInfoModal .user-info-tab{flex:1 1 0!important;min-width:min-content!important;justify-content:center!important;padding:0 10px!important;height:100%!important;font-size:.62rem!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;text-align:center!important;white-space:nowrap!important;transition:background .2s ease,color .2s ease!important;background:0 0!important;border:0!important;border-right:1px solid rgba(255,255,255,.15)!important;color:rgba(255,255,255,.9)!important;cursor:pointer!important;box-sizing:border-box!important;border-radius:0!important}#userInfoModal .user-info-tab:last-child{border-right:none!important}#userInfoModal .user-info-tab:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}#userInfoModal .user-info-tab.active{background:rgba(255,255,255,.15)!important;color:#fff!important}#userInfoModal .user-info-tab.active:hover{background:rgba(255,255,255,.2)!important;color:#fff!important}#userInfoModal .user-info-entry{flex-wrap:nowrap!important;height:44px!important;min-height:44px!important;padding:0 16px!important;margin-bottom:4px!important;border-radius:8px!important}#userList li:not(.user-list-channel-header) span:not(.status-dot):not(.status-indicator):not(.user-list-xray-lease-indicator):not(.cbx-icon){display:inline-block!important;font-size:.95rem!important}#userInfoModal .user-info-entry-name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline-block!important;line-height:44px!important;font-size:.95rem!important}.status-indicator{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:14px!important;height:14px!important;flex-shrink:0!important;vertical-align:middle!important;overflow:visible!important}.status-indicator img{width:18px!important;height:18px!important;display:block!important;object-fit:contain!important}#userList li.user-list-item--self-stealth{opacity:.42!important}#userList li.user-list-item--self-stealth:hover{opacity:.62!important}#userList li .nickname,#userList li .user-info{display:flex!important;align-items:center!important}#userList li .user-info{gap:10px!important;width:100%!important;height:100%!important}#userList li .nickname{line-height:1!important}#userList li:not(.user-list-channel-header) .nickname,#userList li:not(.user-list-channel-header) .user-info,#userList li:not(.user-list-channel-header) span:not(.status-dot):not(.status-indicator):not(.user-list-xray-lease-indicator):not(.cbx-icon){white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:56px!important;height:56px!important;display:inline-flex!important;align-items:center!important;margin-top:0!important;margin-bottom:0!important}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]){height:auto!important;min-height:56px!important;flex-wrap:wrap!important;align-items:flex-start!important;align-content:flex-start!important;overflow:visible!important;white-space:normal!important}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-wrap{display:block!important;width:100%!important}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:10px!important}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-text{font-size:.72rem!important;line-height:1.25!important;font-weight:400!important}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) .channel-info-title{font-size:.95rem!important}#userList li.user-list-channel-header,#userListModal #userListClassicHeader:not([hidden]) input.toggle-switch.channel-busy-notify-checkbox{opacity:0!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;position:absolute!important;pointer-events:auto!important}#sidebar,
#sidebar .button-full,
#sidebar input,
#sidebar label,
#userList li,
#userList li span {font-size:.9rem!important}#sidebar h3{font-size:.85rem!important;font-weight:600!important}#sidebar .toggle-label{display:flex!important;flex-direction:row-reverse!important;justify-content:space-between!important;align-items:center!important}#sidebar{top:0!important;width:85vw!important;max-width:350px!important}#sidebar{left:0!important;right:auto!important;top:var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 56px) + env(safe-area-inset-top, 0px)))!important;bottom:0!important;max-height:none!important;border-radius:0!important;box-shadow:2px 0 20px rgba(0,0,0,.5)!important;padding:20px 20px 100px!important}#sidebar, #userListModal{background:var(--color-modal-bg,rgba(0,20,40,.75))!important}#userList{overflow:hidden!important}#userList, #userListModal{border-radius:0!important}#userList{padding:8px 8px 8px 13px!important;box-sizing:border-box!important}#sidebar,#userListModal{overflow:hidden!important;display:flex!important;flex-direction:column!important;top:var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 56px) + env(safe-area-inset-top, 0px)))!important;bottom:env(safe-area-inset-bottom,0px)!important;height:auto!important;max-height:none!important}#tab-home.active{overflow-x:hidden!important;flex:1 1 0!important;width:100%!important}#userListModal{top:var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 56px) + env(safe-area-inset-top, 0px)))!important;bottom:0!important;max-height:none!important}#tab-home.active,#userList{overflow-y:auto!important;min-height:0!important;height:100%!important}#userList{flex:1!important;overflow-x:visible!important}#menuBar #muteToggleButton .toggle-slider{border:2px solid gray!important}#menuBar #muteToggleButton .toggle-slider::before{width:12px!important;height:12px!important;top:2px!important;left:2px!important}#sidebar .toggle-label{gap:10px!important}#tab-home>label[for=nicknameInput]{margin:5px 0 5px!important;display:block!important}#tab-home .input-container{padding-bottom:0!important}#tab-home .theme-selector-row{margin-top:0!important}#tab-home .theme-selector-column,#tab-home .theme-selector-row{padding-bottom:0!important;margin-bottom:0!important}#tab-home .option-container{margin:0 0 10px!important}#tab-home .small-label{margin:0 0 2px!important;display:block!important}#tab-home .input-container{margin-top:0!important;margin-bottom:0!important}#tab-home .option-container,#tab-home .small-label{margin-top:0!important;padding-top:0!important}#app{box-sizing:border-box!important;min-height:calc(100vh - 60px)!important;height:calc(100vh - 60px)!important;top:0!important;min-height:100vh!important;height:100%!important;width:100%!important;padding-top:0!important;container-type:size}#blockButton,
#reverseButton,
#skipButton{border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.42),0 1px 2px rgba(0,0,0,.28),inset 0 2px 3px rgba(0,0,0,.8)!important;transition:box-shadow .25s ease,opacity .25s ease,filter .25s ease,background-color .25s ease!important}#talkButton:not(.disabled){border:0!important;box-shadow:0 1px 5px rgba(0,0,0,.32),inset 0 2px 3px rgba(0,0,0,.8)!important;transition:box-shadow .25s ease,opacity .25s ease,filter .25s ease,background-color .25s ease!important}#blockButton:disabled,
#blockButton:not(.active),
#reverseButton:disabled,
#reverseButton:not(.active),
#skipButton:disabled,
#skipButton:not(.active),
#talkButton.disabled,
#talkButton:disabled{opacity:1!important;background-color:#374151!important;filter:grayscale(1) brightness(.72)!important}#blockButton.active:not(:disabled),
#reverseButton.active:not(:disabled),
#skipButton.active:not(:disabled),
#talkButton:not(.disabled):not(:disabled){box-shadow:0 3px 12px rgba(0,0,0,.48),0 1px 4px rgba(0,0,0,.32),inset 0-3px 4px rgba(0,0,0,.9)!important;border:0!important}#blockButton:disabled,
#blockButton:not(.active),
#reverseButton:disabled,
#reverseButton:not(.active),
#skipButton:disabled,
#skipButton:not(.active),
#talkButton.disabled,
#talkButton:disabled{box-shadow:0 2px 6px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.28)!important;border:0!important}#sidebar:not(.active),#userListModal:not(.active){opacity:0!important;visibility:hidden!important;pointer-events:none!important}.cs-scheme-panel{display:none;width:100%;margin-top:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;gap:3px;grid-template-columns:repeat(4,1fr);box-sizing:border-box}.cs-scheme-panel.open{display:grid}#tab-home .sidebar-list-section:has(.cs-scheme-panel.open){overflow:visible!important}.user-info-empty{text-align:center!important;width:100%!important}#inboxModal.closing{transition:none!important}.modal.active .modal-content,.modal.closing .modal-content{animation:none!important;transition:none!important;transform:none!important;filter:none!important;will-change:auto!important}.modal.active .modal-content{opacity:1!important}.modal.closing .modal-content{opacity:0!important}.cc-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9100;align-items:center;justify-content:center;padding:10px}.cc-modal{background:var(--color-modal-bg,rgba(0,20,40,.97));border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 30%,transparent);border-radius:16px;width:100%;max-width:none;height:calc(100vh - 20px);max-height:none;overflow-y:auto;padding:0 0 20px;box-shadow:0 8px 40px rgba(0,0,0,.7),0 0 0 1px color-mix(in srgb,var(--color-accent,#fbbf24) 12%,transparent);backdrop-filter: none;-webkit-backdrop-filter: none}.cc-modal::-webkit-scrollbar{width:6px}.cc-modal::-webkit-scrollbar-track{background:0 0}.cc-modal::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent,#fbbf24) 30%,transparent);border-radius:3px}.cc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 15%,transparent);position:sticky;top:0;background:var(--color-modal-bg,rgba(0,20,40,.97));backdrop-filter: none;-webkit-backdrop-filter: none;z-index:1}.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:0;border-radius:20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.01em}.cc-btn:disabled{opacity:.4;cursor:not-allowed}.cc-btn-primary{background:var(--color-accent,#fbbf24);color:var(--color-btn-text,#fff)}.cc-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent,#fbbf24) 85%,#000)}.cc-btn-secondary{background:0 0;border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 40%,transparent);color:var(--color-accent,#fbbf24)}.cc-btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent,#fbbf24) 10%,transparent)}:root{--cc-green:#22c55e;--cc-red:#ef4444}.chaos-bank-text{font-size:.88rem;color:#f1f5f9;line-height:1.45}#userInfoModerationReasonWrap,#userInfoModifiedByWrap,#userInfoTagWrap{display:none}#inboxModal{position:fixed!important;width:100%!important}#confirmModal .modal-content{
  border: 0 !important;
}#inboxUserList{background:rgba(0,0,0,.55)!important;border-radius:5px!important}#inboxModal #inboxNavTabs{background-color:color-mix(in srgb,var(--color-modal-bg,rgba(0,20,40,.75)) 82%,rgba(0,0,0,.45))!important;border-top:1px solid rgba(255,255,255,.07)!important;box-sizing:border-box!important}#inboxModal #inboxTabs{border-right:1px solid rgba(255,255,255,.07)!important;box-sizing:border-box!important}#inboxModal .inbox-message-input-container{border-top:1px solid rgba(255,255,255,.07)!important;box-sizing:border-box!important}#userInfoModal,#userInfoModal.active,#userInfoModal.closing{

    top: var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 56px) + env(safe-area-inset-top, 0px))) !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    padding: 2.5cqmin !important;
    padding-bottom: max(2.5cqmin, env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
}#userInfoModal.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;background:var(--color-sidebar-solid-bg,#001428)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#userInfoModal .modal-content{
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--color-sidebar-solid-bg, #001428) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    transform: none !important;
}#tab-home .sidebar-list-section-sound-settings .sidebar-list-item.sidebar-list-item-switch{border-top:0!important;border-bottom:0!important}#keyingUpList .keying-up-item{
    line-height: 1.25 !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    font-size: 9pt !important;
    color: #ffffff !important;
}#keyingUpList .keying-up-item .keying-up-name{
    display: inline-block;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    margin-right: 6px;
    font-size: inherit !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: inherit !important;
    vertical-align: middle;
    color: inherit !important;
}#keyingUpList .keying-up-item .keying-up-icon{
    flex: 0 0 auto;
    filter: brightness(0) invert(1) !important;
}.user-list-moderated-users-link{margin-top:6px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e2e8f0;border-radius:999px;padding:4px 10px;font-size:.72rem;line-height:1;cursor:pointer}.user-list-moderated-users-link:hover{background:rgba(255,255,255,.1)}#moderatedUsersModal.moderated-users-modal{position:fixed!important;inset:0!important;z-index:2147483600!important;display:none;align-items:stretch!important;justify-content:center!important;padding:0!important;margin:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-sizing:border-box!important;pointer-events:none!important}#moderatedUsersModal.moderated-users-modal.active{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}#moderatedUsersModal .moderated-users-modal-dialog{position:absolute!important;top:calc(var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 14cqmin) + env(safe-area-inset-top, 0px))) + 2.5cqmin)!important;left:2.5cqmin!important;right:2.5cqmin!important;bottom:max(2.5cqmin,env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;pointer-events:auto!important}#moderatedUsersModal .moderated-users-modal-content{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-left:0!important;padding-right:0!important;border-radius:.5rem!important;border:1px solid rgba(255,255,255,.12)!important;background:color-mix(in srgb,var(--color-sidebar-solid-bg,#001428) var(--gccr-panel-glass-mix,72%),transparent)!important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;box-shadow:0 20px 58px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)!important;color:#f8fafc!important}#moderatedUsersModal .moderated-users-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;flex:0 0 auto!important}#moderatedUsersModal .moderated-users-modal-title{margin:0!important;color:#eef6ff!important;font-size:1.2rem!important;font-weight:800!important;letter-spacing:.01em!important;text-transform:none!important}#moderatedUsersClose{flex:0 0 auto!important}#moderatedUsersContent.moderated-users-content,#moderatedUsersModal .modal-body.moderated-users-content{flex:1 1 auto!important;min-height:0!important;padding:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}#moderatedUsersModal .moderated-users-content::-webkit-scrollbar{width:6px!important}#moderatedUsersModal .moderated-users-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28)!important;border-radius:999px!important}#moderatedUsersModal .moderated-users-content::-webkit-scrollbar-track{background:transparent!important}#moderatedUsersList.list-group,#moderatedUsersModal .moderated-users-list{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important;border-radius:0!important;border:0!important;background:transparent!important}#moderatedUsersModal .list-group-item{position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important;color:#f8fafc!important;background-color:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important}#moderatedUsersModal .list-group-item:last-child{border-bottom:0!important}#moderatedUsersModal .list-group-item-action{width:100%!important;text-align:left!important;cursor:pointer!important}#moderatedUsersModal .list-group-item.moderated-users-empty{padding:.85rem 1rem!important;color:#adb5bd!important;cursor:default!important}.moderated-users-item{margin:0!important;padding:0!important;list-style:none!important}.moderated-users-row-btn{width:100%;text-align:left;display:block;background:transparent;border:0;border-radius:0;padding:10px!important;padding-left:10px!important;padding-right:10px!important;color:#f8fafc;cursor:pointer;box-shadow:none;transition:background-color .15s ease}.moderated-users-row-btn:hover,.moderated-users-row-btn:focus{background:rgba(255,255,255,.08);outline:0}.moderated-users-row-btn:active{background:rgba(255,255,255,.12)}.moderated-users-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.moderated-users-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;color:#fff;font-size:.95rem}.moderated-users-status{flex:0 0 auto;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,255,255,.12)}.moderated-users-status.is-online{color:#b9f6ca;background:rgba(45,212,110,.13);border-color:rgba(45,212,110,.26)}.moderated-users-status.is-offline{color:#cbd5e1;background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.22)}.moderated-users-row-meta{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:7px;color:#94a3b8;font-size:.76rem;line-height:1.25}.moderated-users-row-eta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px}.moderated-users-reason{color:#d9e6f5}#userInfoModal .user-info-tag-wrap{
    display: block !important;
    margin: 10px 0 12px !important;
}#userInfoModal .user-info-tag-label{
    display: block !important;
    margin: 0 0 6px !important;
    color: #cbd5e1 !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    text-align: left !important;
}#userInfoModal .user-info-tag-input{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: rgba(0, 0, 0, 0.32) !important;
    color: #f8fafc !important;
    caret-color: #ffffff !important;
    font: inherit !important;
    line-height: 42px !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
}#userInfoModal .user-info-tag-input:focus{
    outline: 2px solid color-mix(in srgb, var(--color-accent, #0099ff) 70%, transparent) !important;
    outline-offset: 2px !important;
    border-color: color-mix(in srgb, var(--color-accent, #0099ff) 65%, rgba(255, 255, 255, 0.18)) !important;
}.inbox-copy-longpress,.inbox-copy-longpress .message-link{-webkit-touch-callout:none;touch-action:manipulation}.inbox-fab-wrap.inbox-compose-disabled{
    pointer-events: none;
}.inbox-fab-wrap.inbox-compose-disabled .inbox-fab-btn{
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    filter: grayscale(0.35) brightness(0.8) !important;
    box-shadow: none !important;
}.inbox-fab-wrap.inbox-compose-disabled .inbox-fab-menu{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}#userListModal #userList > li{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@keyframes feelingsFridayBannerPulse {0%,100%{
        opacity: 0.72;
    }50%{
        opacity: 1;
    }
}

#talkButton.disabled:not(.talking),#talkButton:disabled:not(.talking){
    cursor: not-allowed !important;
    filter: grayscale(1) brightness(0.58) !important;
    opacity: 1 !important;
    box-shadow: none !important;
}#blockDownloadContainer{
    overflow: visible;
}#app{
    overflow: visible;
    background: #000 !important;
    background-color: #000 !important;
    background-image: none !important;
}

#userInfoModal .user-info-actions{
    padding-bottom: 5px !important;
}#userInfoModal .user-info-actions-row > .action-btn{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
}
#gccrThemeBootVeil{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999990;
    display: block;
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transition: opacity 0.35s ease, visibility 0.35s ease !important;
}#gccrThemeBootVeil::before,
#gccrThemeBootVeil::after{
    content: none !important;
    display: none !important;
    animation: none !important;
}
#gccrThemeBootVeil.gccr-theme-boot-veil--hidden{
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
}

#gccrThemeBootVeil::before,
#gccrThemeBootVeil::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}#userList .status-dot--active{
    background: #22c55e !important;
}#userList .status-dot--talking{
    background: #ef4444 !important;
}#userList .status-dot--listening{
    background: #f59e0b !important;
}
body:has(#userListModal.active) #menuBar #usersOnline, body:has(#userListModal.closing) #menuBar #usersOnline, body:has(#inboxModal.active) #menuBar #inboxButton, body:has(#inboxModal.closing) #menuBar #inboxButton, body:has(#sidebar.active) #menuBar #menuRight, body:has(#sidebar.closing) #menuBar #menuRight{
    position: relative !important;
    z-index: 1004 !important;
    outline: 0 !important;
    box-shadow: none !important;
    animation: none !important;
}body:has(#userListModal.closing) #menuBar #usersOnline,body:has(#userListModal.closing) #menuBar #inboxButton,body:has(#userListModal.closing) #menuBar #menuRight,body:has(#inboxModal.closing) #menuBar #usersOnline,body:has(#inboxModal.closing) #menuBar #inboxButton,body:has(#inboxModal.closing) #menuBar #menuRight,body:has(#sidebar.closing) #menuBar #usersOnline,body:has(#sidebar.closing) #menuBar #inboxButton,body:has(#sidebar.closing) #menuBar #menuRight{
    outline: 0 !important;
    box-shadow: none !important;
    animation: none !important;
}

:root {
    --gccr-idle-channel-logo-scale: 0.9;
}

html #menuBar .menu-bar-stat-line {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 1.75ch !important;
    min-height: 1em !important;
    position: relative !important;
    box-sizing: border-box !important;
    border-radius: 3px !important;
    background-color: transparent !important;
    background-image: none !important;
    background-size: 200% 100% !important;
    background-repeat: no-repeat !important;
    background-position: 100% 0 !important;
}

html #menuBar #usersOnline.menubar-stat-connecting .menu-bar-stat-line:has(.menu-bar-stat-number:empty){
    background-color: rgba(255, 255, 255, 0.12) !important;
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(255, 255, 255, 0.42) 50%,
        rgba(255, 255, 255, 0.08) 100%
    ) !important;
    animation: none !important;
}

html #menuBar #usersOnline.menubar-stat-connecting .menu-bar-stat-line:has(.menu-bar-stat-number:empty) {
    min-width: 2.5ch !important;
}

html #menuBar #usersOnline.menubar-stat-connecting .menu-bar-stat-number:empty{
    opacity: 0 !important;
    visibility: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
    html #menuBar #usersOnline.menubar-stat-connecting .menu-bar-stat-line:has(.menu-bar-stat-number:empty) {
        animation: none !important;
        background-image: none !important;
        background-color: rgba(255, 255, 255, 0.18) !important;
    }
}

#app:has(#queueVisualization.recording) #keyingUpList,
#app:has(#recordProgress.active) #keyingUpList {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}#inboxImageLightbox.inbox-image-lightbox::before,
#inboxImageLightbox.inbox-image-lightbox::after,
.inbox-image-lightbox::before,
.inbox-image-lightbox::after,
.inbox-lightbox-content::before,
.inbox-lightbox-content::after,
.inbox-lightbox-image-wrap::before,
.inbox-lightbox-image-wrap::after{
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}#inboxLightboxImage,
.inbox-lightbox-image{
    filter: none !important;
    -webkit-filter: none !important;
    image-rendering: auto !important;
}#sidebar .sidebar-android-exit-subscribe-stack,
#tab-home .sidebar-android-exit-subscribe-stack {
    gap: 5px !important;
}
#sidebar .sidebar-android-exit-subscribe-stack .button-full,
#tab-home .sidebar-android-exit-subscribe-stack .button-full,
#sidebar .sidebar-android-exit-subscribe-stack .sidebar-subscribe-adfree-btn,
#tab-home .sidebar-android-exit-subscribe-stack .sidebar-subscribe-adfree-btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#buttonContainer #talkButton:not(:disabled){
    background-color: var(--color-talk-btn-bg, var(--color-btn-bg, #3b82f6)) !important;
    background-image:
        var(--talkbtn-icon-url, none),
        linear-gradient(180deg, var(--color-talk-btn-gradient-start, var(--color-btn-gradient-start, #3b82f6)) 0%, var(--color-talk-btn-gradient-end, var(--color-btn-gradient-end, #2563eb)) 100%) !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 72px auto, 100% 100% !important;
    border-color: color-mix(in srgb, var(--color-talk-btn-bg, var(--color-btn-bg, #3b82f6)) 78%, #000 22%) !important;
    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.62),
        0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}#buttonContainer #talkButton.talking,#buttonContainer #talkButton.talking:not(:disabled){
    background-color: #dc2626 !important;
    background-image:
        var(--talkbtn-icon-url, none),
        linear-gradient(180deg, #ef4444 0%, #991b1b 100%) !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 72px auto, 100% 100% !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.62),
        0 0 0 1px rgba(127, 29, 29, 0.7),
        0 0 18px rgba(239, 68, 68, 0.42) !important;
}
button,button *,.button-full,.button-full *,.action-btn,.action-btn *,[role="button"],[role="button"] *{
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow: none !important;
}

#inboxModal .modal-content{
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}#inboxModal #inboxNavTabs{
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}#userListModal #userList > li{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body #confirmModal.active,body #confirmModal.closing,body #contactModal.active,body #contactModal.closing,body #nicknameModal.active,body #nicknameModal.closing,body #alertModal.active,body #alertModal.closing{

    z-index: 2147483647 !important;
    position: fixed !important;
}

html body > #confirmModal.active,
html body > #confirmModal.closing {
    z-index: 2147483647 !important;
    position: fixed !important;
    pointer-events: auto !important;
}
@property --gccr-sidebar-x {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: -100%;
}
@property --gccr-right-drawer-x {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --gccr-top-drawer-y {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: -100%;
}
body #sidebar{
    --gccr-sidebar-x: -100%;
    opacity: 1 !important;
    visibility: visible !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: none !important;
    left: 0 !important;
    right: auto !important;
    transform: translate3d(var(--gccr-sidebar-x), 0, 0) !important;

    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    touch-action: pan-y;
}body #sidebar:not(.active):not(.closing):not(.opening):not(.gccr-sidebar-dragging){
    --gccr-sidebar-x: -100%;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}body #sidebar.opening{
    --gccr-sidebar-x: -100%;
    pointer-events: none !important;
}body #sidebar.active:not(.gccr-sidebar-dragging){
    --gccr-sidebar-x: 0%;
}body #sidebar.active:not(.closing):not(.gccr-sidebar-dragging){
    pointer-events: auto !important;
}body #sidebar.closing{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}body #sidebar.gccr-sidebar-dragging{
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    touch-action: none;
}body #sidebar.panel-slide-animating{
    transition: none !important;
}

body #sidebar.closing,body #sidebar:not(.active):not(.opening):not(.gccr-sidebar-dragging){
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
    body #sidebar,
    body #sidebar.panel-slide-animating,
    body #userListModal,
    body #inboxModal,
    body #userListModal.panel-slide-animating,
    body #inboxModal.panel-slide-animating {
        transition: none !important;
    }
}
body #userListModal{
    --gccr-right-drawer-x: 100%;
    position: fixed !important;
    top: var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 56px) + env(safe-area-inset-top, 0px))) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: env(safe-area-inset-bottom, 0px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    z-index: 1007 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: var(--color-sidebar-bg, rgba(0, 20, 40, 0.6)) !important;
    background-color: var(--color-sidebar-bg, rgba(0, 20, 40, 0.6)) !important;
    opacity: 1 !important;
    visibility: visible !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translate3d(var(--gccr-right-drawer-x), 0, 0) !important;
    transition: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    touch-action: pan-y;
    pointer-events: none !important;
}body #userListModal:not(.active):not(.closing):not(.opening):not(.gccr-right-drawer-dragging){
    --gccr-right-drawer-x: 100%;
    pointer-events: none !important;
}body #userListModal.opening{
    display: flex !important;
    --gccr-right-drawer-x: 100%;
    pointer-events: none !important;
}body #userListModal.active:not(.gccr-right-drawer-dragging){
    --gccr-right-drawer-x: 0%;
}body #userListModal.active:not(.closing):not(.gccr-right-drawer-dragging){
    display: flex !important;
    pointer-events: auto !important;
    background: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) var(--gccr-panel-glass-mix, 72%),
        transparent
    ) !important;
    background-color: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) var(--gccr-panel-glass-mix, 72%),
        transparent
    ) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}body #userListModal.closing{
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}body #userListModal.gccr-right-drawer-dragging{
    display: flex !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    touch-action: none;
}body #userListModal:not(.active):not(.opening):not(.closing):not(.gccr-right-drawer-dragging){

    display: flex !important;
    --gccr-right-drawer-x: 100%;
    pointer-events: none !important;
}body #userListModal.panel-slide-animating{
    display: flex !important;
    transition: none !important;
}body #userListModal > #userList{
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
}
body #sidebar .sidebar-list-section-actions .sidebar-two-btn-row .button-full,body #sidebar .sidebar-list-section-actions .sidebar-two-btn-row a.button-full,body #sidebar .sidebar-list-section-actions .sidebar-two-btn-row button.button-full,body #sidebar .sidebar-list-section-actions #sidebarTipMerchRow .button-full,body #sidebar .sidebar-list-section-actions #sidebarTipMerchRow a.button-full,body #sidebar .sidebar-list-section-actions #legalBtnLabel,body #sidebar .sidebar-list-section-actions #reportAbuseBtn{
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-bottom: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}#userListModal #userList > li.user-list-self-row,#userListModal #userList > li[data-peer-id]{
    height: auto !important;
    min-height: 60px !important;
    max-height: none !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

#userListModal > #userList {
    padding-top: 0 !important;
}

#userListModal #userList > li.user-list-self-row {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

#userList li.user-list-item--self-stealth {
    opacity: 1 !important;
}

#userList li.user-list-item--self-stealth > .user-info,
#userList li.user-list-item--self-stealth > .user-list-self-moderated-users-wrap {
    opacity: 0.42 !important;
}

#userList li.user-list-item--self-stealth:hover > .user-info,
#userList li.user-list-item--self-stealth:hover > .user-list-self-moderated-users-wrap {
    opacity: 0.62 !important;
}

#userListModal #userList > li:not(.user-list-channel-header) .user-info{
    height: auto !important;
    align-items: center !important;
}#userListModal #userList > li:not(.user-list-channel-header) .nickname,#userListModal #userList > li:not(.user-list-channel-header) span:not(.status-dot):not(.status-indicator):not(.user-list-xray-lease-indicator):not(.cbx-icon){
    line-height: 1.25 !important;
    height: auto !important;
    min-height: 0 !important;
}#userListModal #userList > li:not(.user-list-channel-header) .user-actions-top{
    flex-shrink: 0 !important;
    align-self: center !important;
}#userListModal #userList > li.user-list-self-row.user-list-self-row--moderator .user-info{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding-bottom: 10px !important;
}#userListModal #userList > li.user-list-self-row .user-list-self-moderated-users-wrap{
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 10px 0 12px !important;
    box-sizing: border-box !important;
}#userListModal #userList > li.user-list-self-row .user-list-self-moderated-users-wrap .user-list-moderated-users-link{
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
body:has(#userListModal.active) #menuBar #usersOnline, body:has(#userListModal.closing) #menuBar #usersOnline, body:has(#inboxModal.active) #menuBar #inboxButton, body:has(#inboxModal.closing) #menuBar #inboxButton, body:has(#sidebar.active) #menuBar #menuRight, body:has(#sidebar.closing) #menuBar #menuRight{
    position: relative !important;
    z-index: 1004 !important;
    outline: 0 !important;
    box-shadow: none !important;
    animation: none !important;
}#menuBar #menuRight{
    margin-left: 5px !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-info-title-row,
#userListModal #userList > li.user-list-channel-header .channel-info-title-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-info-title-row .channel-info-title,
#userListModal #userList > li.user-list-channel-header .channel-info-title-row .channel-info-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-info-title-row .channel-moderated-users-wrap,
#userListModal #userList > li.user-list-channel-header .channel-info-title-row .channel-moderated-users-wrap {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-info-title-row .user-list-moderated-users-link,
#userListModal #userList > li.user-list-channel-header .channel-info-title-row .user-list-moderated-users-link {
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    padding: 9px 10px !important;
}

body #userListModal #userListClassicHeader:not([hidden]) {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 11px 10px !important;
    background: var(--color-sidebar-bg, rgba(0, 20, 40, 0.6)) !important;
    background-color: var(--color-sidebar-bg, rgba(0, 20, 40, 0.6)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

#userListModal #userList > li.user-list-channel-header {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    padding-top: 8px !important;
    padding-bottom: 10px !important;
    cursor: default !important;
    white-space: normal !important;
    background: var(--color-sidebar-bg, rgba(0, 20, 40, 0.6)) !important;
    background-color: var(--color-sidebar-bg, rgba(0, 20, 40, 0.6)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-info,
#userListModal #userList > li.user-list-channel-header .channel-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-self: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    white-space: normal !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-info > .channel-busy-notify-wrap,
#userListModal #userList > li.user-list-channel-header .channel-info > .channel-busy-notify-wrap {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    width: 100% !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    cursor: pointer !important;
    user-select: none !important;
    box-sizing: border-box !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-text,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label .toggle-switch,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-label .toggle-switch {
    position: absolute !important;
    opacity: 0 !important;
    width: 48px !important;
    height: 24px !important;
    margin: 0 !important;
    cursor: pointer !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label .toggle-slider,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-label .toggle-slider {
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    flex: 0 0 auto !important;
    width: 48px !important;
    height: 24px !important;
    min-width: 48px !important;
    min-height: 24px !important;
    border-radius: 24px !important;
    background: var(--gccr-bs-surface) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label .toggle-slider::before,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-label .toggle-slider::before {
    content: "" !important;
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    left: 3px !important;
    top: 3px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.25) !important;
    box-shadow: none !important;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label .toggle-switch:checked + .toggle-slider,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-label .toggle-switch:checked + .toggle-slider {
    background: var(--color-accent, #0d6efd) !important;
    border-color: var(--color-accent, #0d6efd) !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label .toggle-switch:checked + .toggle-slider::before,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-label .toggle-switch:checked + .toggle-slider::before {
    transform: translateX(24px) !important;
    background: #fff !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-label .toggle-switch:focus-visible + .toggle-slider,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-label .toggle-switch:focus-visible + .toggle-slider {
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 50%, #fff 20%) !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

body #sidebar #sidebarTipMerchRow,
body #sidebar #sidebarVipPodcastRow {
    display: contents !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
}

body #sidebar #sidebarMerchShopBtn.sidebar-action-tile,
body #sidebar #sidebarMerchShopBtn,
body #sidebar #sidebarWebsiteBtn.sidebar-action-tile,
body #sidebar #sidebarWebsiteBtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}

body #sidebar #sidebarMerchShopBtn:not(.sidebar-action-tile) {
    height: 40px !important;
    min-height: 40px !important;
    white-space: nowrap !important;
}

body #sidebar #sidebarTipMerchRow #legalBtnLabel,
body #sidebar #sidebarTipMerchRow #reportAbuseBtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #userInfoModal,
body #userInfoModal.active,
body #userInfoModal.closing {
    background: color-mix(in srgb, var(--color-sidebar-solid-bg, #001428) 97%, transparent) !important;
    background-color: color-mix(in srgb, var(--color-sidebar-solid-bg, #001428) 97%, transparent) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body #inboxModal, body #inboxModal.active, body #inboxModal.closing{
    background: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) 76%,
        transparent
    ) !important;
    background-color: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) 76%,
        transparent
    ) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body #sidebar.active:not(.closing),
body #sidebar.active:not(.closing):not(.gccr-sidebar-dragging),
body #sidebar.opening,
body #sidebar.gccr-sidebar-dragging {
    background: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) 58%,
        transparent
    ) !important;
    background-color: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) 58%,
        transparent
    ) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body #inboxModal .modal-content, body #inboxModal.active .modal-content, body #inboxModal.closing .modal-content, body #userInfoModal .modal-content{
    background: transparent !important;
    background-color: transparent !important;
}

body #inboxModal #inboxNavTabs,
body #inboxModal #inboxTabs,
body #inboxModal .inbox-message-input-container {
    background-color: color-mix(in srgb, var(--color-sidebar-solid-bg, #001428) 82%, transparent) !important;
}

#inboxUserList {
    background: color-mix(in srgb, var(--color-sidebar-solid-bg, #001428) 88%, #000 12%) !important;
}

body #confirmModal.active,
body #contactModal.active,
body #nicknameModal.active,
body #alertModal.active {
    background: rgba(0, 0, 0, 0.48) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body #confirmModal .modal-content,
body #contactModal .modal-content,
body #nicknameModal .modal-content,
body #alertModal .modal-content,
body .cc-modal-overlay > .cc-modal{
    background: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) var(--gccr-panel-glass-mix, 72%),
        transparent
    ) !important;
    background-color: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) var(--gccr-panel-glass-mix, 72%),
        transparent
    ) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body #sidebar .cs-scheme-panel.open {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

:root {
    --blockbtn-on: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='50' gradientUnits='userSpaceOnUse'><stop offset='0.57' stop-color='%23c30e1a'/><stop offset='0.57' stop-color='%23a31c26'/></linearGradient></defs><path opacity='1' d='M10.5 8.5 39.5 41.5M39.5 8.5 10.5 41.5' stroke='url(%23g)' stroke-width='11' stroke-linecap='round'/></svg>");
    --blockbtn-off: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='50' gradientUnits='userSpaceOnUse'><stop offset='0.57' stop-color='%23c30e1a'/><stop offset='0.57' stop-color='%23a31c26'/></linearGradient></defs><path opacity='0.5' d='M10.5 8.5 39.5 41.5M39.5 8.5 10.5 41.5' stroke='url(%23g)' stroke-width='11' stroke-linecap='round'/></svg>");
    --skipbtn-on: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='50' gradientUnits='userSpaceOnUse'><stop offset='0.55' stop-color='%23ececec'/><stop offset='0.55' stop-color='%23d9d9d9'/></linearGradient></defs><path opacity='1' d='M9 8.5 21.5 25 9 41.5M33 8.5 45.5 25 33 41.5' fill='none' stroke='url(%23g)' stroke-width='10' stroke-linecap='round' stroke-linejoin='miter'/></svg>");
    --skipbtn-off: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='50' gradientUnits='userSpaceOnUse'><stop offset='0.55' stop-color='%23ececec'/><stop offset='0.55' stop-color='%23d9d9d9'/></linearGradient></defs><path opacity='0.5' d='M9 8.5 21.5 25 9 41.5M33 8.5 45.5 25 33 41.5' fill='none' stroke='url(%23g)' stroke-width='10' stroke-linecap='round' stroke-linejoin='miter'/></svg>");
}



:root {
  --talkbtn-enabled: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'><circle cx='120' cy='120' r='95' fill='%23049cfd'/><circle cx='120' cy='120' r='111.5' fill='none' stroke='%23049cfd' stroke-width='6'/></svg>");
  --talkbtn-active: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'><circle cx='120' cy='120' r='95' fill='%23d82a32'/><circle cx='120' cy='120' r='111.5' fill='none' stroke='%23d82a32' stroke-width='6'/></svg>");
  --talkbtn-disabled: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'><circle cx='120' cy='120' r='95' fill='%23818181'/><circle cx='120' cy='120' r='111.5' fill='none' stroke='%23818181' stroke-width='6'/></svg>");
}

@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAXUAA8AAAAACqwAAAWAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbDBwYBmAAgSQIBBEICot8iRULJgABNgIkAyYEIAWCegcgGxgIUZQvTpfsqwR6Wp53QDETdkln8TZMNRKSckYGm5RVjolT9VEb/aaf3steNpUmleagzJbOlsxUTrf25QTlAH1CX4J44H/t231v5u9xQ8TbekM1mdWFuJNwTUTxpCFB8uxemVZRWiL9537le3ec7HcHrAgUIGWTQygJSUnrEruoqpZVGezxh5mq6tw+QAbKHDZLZ7ZirsZm/vcLLK2pLaJrHZNxNbbGYgqkkO5LI3ZjIaemZxSiJNJs1IwhHMYuYhBDgAFMYHyVYF0pCoBRQA2N0JrZsba9EQzYWSciHFWAmRuqAMTloq/KTWxTKSRQtixoyi9nf2oNmCpcRhkwMggs0rDCCpI6js4Atl9lD/Zg4YNHD2Meznm4/knHu4un159fev7+hfGnwV+e/66ABz1YMPt8Df7gesA12OVszQOXTY4XKtodguyi7JztVDY/io6Y/oMCAQrRNJiciMHBhgMgQ7SnknMAZOpAwApqjUQUODwxNY2iJMkSq/nK9UO1zXA3mVvlJoI1RzfbZQbHjFOvZ5bJXCG4MCmIMkl8Oo3ZKkNZlgW447kATgYGLz6EqMLUMkFYY4ifNg7d6cBECwdeipQfKrcLHQdka/uFOVm0hrFX576DtBl+8GzcL2f8qkdUZHFynO3LGj6/y8sYOiZAMMTRNwxUGA/V6wr2jctX5eI70bZnHGlrV43j8REeCouzMUHhobMo0PnNCM6X+hvnj9kseItfbFvgA7TgIFhwfMC5ACCo+sK6wvlWuPL0d/XDfJOO6HT8A5Xbd7KHOHxASE0QVmSo04g8Apnz7y2ec7vlytAfNTRwTTYOXVAVtnHO26+n7syNvNbnJoMqTXQSspQfSI0LPYIAIBj/XBGIQBaEbgTHGOsTqF5WNiIoMGyKg8XYFv1ETWpb29c2SOfGoca781C5t+7Gj6JN5yd6VtJB1DIZzGbkrUinUWXYPMVIl9CqNP/9JeEAJQFNRYD2cfy5AWcRFQnhyUB7ArWDRfGVGphkeKFEyf2SF8ir3m+eXn1xl6ayUjlOH07YXZafP7e2lspS5wjiRp/glLcTukyztkR75H24PNeQrcn5D7nHPVNlTjBVf5uFKolmHA5N2DEcGzyK7oNsORKUy7B8vMKPeUqBiKJctRZ+zrLmaDvI2VRlZaxdyqMf7883Kg5Cu83M2Xse9yMEN04N8+GTF53+Adu2Ad0aIa7ZxgTle70VQfjaNU5ACVi4k01z1x4UIvplItfyMj+2lsgExM8Dus3bmvxkP/Wq0qOBNa5iAPGzbesK8qVOK8Z34ghf+pZh4OCVXr9g+qmk5iziieGFknHjZcP7JV0NLlOyxqBlyFqSojhNdgnb8eJjX3nW3rX97tDbE37UflqZ123bkw+XHrW7jyTZZCSdEYtgO3Ddz01FFM/Ng6auDP5vfJm7LAX/v2DdYN6x5tzcQnMdlXegpY6yiZ3U3j+hlcvSfJw7XmoVYGHjok3bwJ7YX246xH97wlys4GS1GicryVjdak9cS0rudgtow7s8y9R2I6A1Uzng9hbdtgrpVset8FDzw4vpr76+dmA3wABMemclx08tMQ/9V1xCAAA3frEbAOC+x3///3eBGMBAtMOBIyozODMgwMDYOkIIYZ2oQ1r4urg1YkHmPrpHgwtrNDNXAYxA0h0EO+lbjRVSByh1ppYHA2yUR5VOyxOLRU9O5+UFrXgoMtcLkKJMO0mrGmXqJajQpFEbN5kkWh3qlWmVbZNtauY6Yl7ceabJALE9X7vFWmlJM0TvubFg+PzJmDtmMT9ufGKf92nTBN06+r0QZZPNesZ7alVrh0/AAmFxNt5Ea5MS9R5o5MgdpkFePJSJfW2tpKTtFuhMu1Ryxwrs/X9hGg==) format("woff2");}
.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-transform:none;white-space:nowrap;direction:ltr;letter-spacing:normal;-webkit-font-smoothing:antialiased;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';}

#menuBar #muteToggleButton {
    margin: 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: var(--menu-bar-item-padding-y, 8px) var(--menu-bar-item-padding-x, 16px) !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: min-content !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
}

#menuBar #muteToggleButton #muteToggleIcon {
    display: block !important;
    width: var(--gccr-menu-bar-icon-size, 24px) !important;
    height: var(--gccr-menu-bar-icon-size, 24px) !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

#menuBar #muteToggleButton.is-muted #muteToggleIcon {
    filter: none !important;
}

#menuBar .menu-bar-item,
#menuBar #muteToggleButton,
#menuBar #inboxButton {
    --menu-bar-item-padding-y: 4px;
    --menu-bar-item-padding-x: 4px;
    --menu-bar-item-gap: 2px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    gap: 2px !important;
}

html #menuBar #inboxButton {
    position: relative !important;
    overflow: visible !important;
}

html #menuBar #inboxButton.has-unread,
html #menuBar #inboxButton.has-unread #inboxIcon,
#inboxButton.has-unread {
    animation: none !important;
}
html #menuBar #inboxButton.has-unread #inboxIcon {
    filter: none !important;
}
html #menuBar #inboxUnreadBadge.inbox-unread-badge {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    z-index: 2 !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: #e53935 !important;
    color: #fff !important;
    font-size: 0.625rem !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-align: center !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}
html #menuBar #inboxUnreadBadge.inbox-unread-badge[hidden] {
    display: none !important;
}

#menuBar .menu-bar-item-content,
#menuBar #inboxButton #inboxIcon,
#menuBar #muteToggleButton #muteToggleIcon{
    flex-shrink: 0;
}

#menuBar .menu-bar-item,
#menuBar #muteToggleButton,
#menuBar #inboxButton {
    align-items: center;
}

#menuBar .menu-bar-item-label {
    display: block;
    flex: 0 1 auto;
    align-self: stretch;
    box-sizing: border-box;
    line-height: 1.2;
    min-width: 0;
    width: calc(100% + 2 * var(--menu-bar-item-padding-x, 4px));
    max-width: calc(100% + 2 * var(--menu-bar-item-padding-x, 4px));
    margin-inline: calc(-1 * var(--menu-bar-item-padding-x, 4px));
    padding-inline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    direction: ltr;
}

html #menuBar #inboxButton .menu-bar-item-label,
html #menuBar #usersOnline .menu-bar-item-label,
html #menuBar #menuRight .menu-bar-item-label {
    display: none !important;
}

html #menuBar #inboxButton, html #menuBar #muteToggleButton, html #menuBar #usersOnline, html #menuBar #menuRight{
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

html #menuBar #inboxButton #inboxIcon,
html #menuBar #muteToggleButton #muteToggleIcon,
html #menuBar #menuRight #personIcon img{
    width: var(--gccr-menu-bar-person-icon-size, 24px) !important;
    height: var(--gccr-menu-bar-person-icon-size, 24px) !important;
    object-fit: contain !important;
}

html #menuBar #usersOnline .menu-bar-item-content, html #menuBar #menuRight #personIcon, html #menuBar #inboxButton, html #menuBar #muteToggleButton, html #menuBar #usersOnline .menu-bar-item-content, html #menuBar #menuRight #personIcon{
    height: var(--gccr-menu-bar-icon-size, 24px) !important;
    min-height: var(--gccr-menu-bar-icon-size, 24px) !important;
}

html #menuBar #usersOnline .menu-bar-item-content img {
    margin-right: -5px !important;
}

#menuBar #langButton.gccr-opencb-lang-btn,
#menuBar #channelButton.gccr-opencb-lang-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-width: 14cqmin !important;
    padding: 0 1.4cqmin !important;
    gap: 1.4cqmin !important;
    flex-shrink: 0 !important;
    background: none !important;
    border: 0 !important;
    opacity: 0.35 !important;
    pointer-events: none !important;
}
#langButton .gccr-opencb-lang-num,
#channelButton .gccr-opencb-lang-num {
    font-weight: 500;
    font-size: 6.2cqmin;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
}

#langButton .gccr-opencb-lang-icon,
#usersOnline .gccr-opencb-users-icon {
    font-size: 7cqmin !important;
    color: #fff;
}

html #menuBar #inboxButton #inboxIcon {
    width: 7cqmin !important;
    height: 7cqmin !important;
}

html #menuBar #inboxButton {
    padding: 0 1.4cqmin !important;
    width: auto !important;
    height: 100% !important;
}

html #menuBar #muteToggleButton #muteToggleIcon {
    width: 7.6cqmin !important;
    height: 7.6cqmin !important;
}

html body #currentSpeaker,
html body #currentSpeaker .speaker-name-dissolve,
html body #currentSpeaker .speaker-name-solid,
html body #currentSpeaker .speaker-name-squish {
    color: #8f8f8f !important;
    font-size: 6.4cqmin !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    letter-spacing: normal !important;
}
html body #incomingQueueTimeCounter {
    color: #8f8f8f !important;
    font-size: 6cqmin !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
}

#usersOnline .menu-bar-stat-number {
    font-size: 6.2cqmin !important;
}

html #menuBar #usersOnline {
    padding: 0 1.4cqmin !important;
    gap: 1.4cqmin !important;
    min-width: 14cqmin !important;
}

#usersOnline .menu-bar-item-content {
    gap: 1.4cqmin !important;
}

html #menuBar #usersOnline .menu-bar-stat-line {
    min-width: 0 !important;
}

html #menuBar #usersOnline {
    height: calc(var(--gccr-menu-bar-height, 15cqmin) - 2 * var(--gccr-menu-bar-border-width, 3px)) !important;
    align-self: center !important;
}
html #menuBar #usersOnline .menu-bar-item-content {
    height: 100% !important;
    min-height: 0 !important;
    align-items: center !important;
}

html #menuBar #usersOnline #userCount,
html #menuBar .gccr-opencb-lang-btn .gccr-opencb-lang-num {
    font-weight: 500 !important;
}

#personIcon .gccr-opencb-menu-icon {
    font-size: 9.4cqmin !important;
    color: #fff;
}

html #menuBar #menuRight #personIcon {
    height: auto !important;
    min-height: 0 !important;
}

html #menuBar #menuRight {
    margin: 0 !important;
    padding: 0 !important;
    width: 10cqmin !important;
    min-width: 10cqmin !important;
    max-width: 10cqmin !important;
    flex: 0 0 10cqmin !important;
    left: 0 !important;
}

html #menuBar {
    --menu-bar-cluster-gap:1.75cqmin;
    --menu-bar-right-cluster-gap:1.25cqmin;
    --menu-bar-feed-inbox-gap:2cqmin;
    --gccr-menu-bar-icon-size:6.5cqmin;
    --gccr-menu-bar-person-icon-size:6cqmin;
    --gccr-menu-bar-stat-size: 1.125rem;
    justify-content: flex-start !important;
    gap: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

html #menuBar.gccr-menu-bar-compact {
    --menu-bar-cluster-gap:1cqmin;
    --menu-bar-right-cluster-gap:0.75cqmin;
    --menu-bar-feed-inbox-gap:1.75cqmin;
    --gccr-menu-bar-icon-size:5.5cqmin;
    --gccr-menu-bar-person-icon-size:5.25cqmin;
    --gccr-menu-bar-stat-size: 0.95rem;
}

html #menuBar.gccr-menu-bar-compact #inboxButton{
    left: 0 !important;
}

html #menuBar.gccr-menu-bar-compact #inboxButton{
    min-width:8.5cqmin !important;
    min-height:8.5cqmin !important;
    padding-left:0.75cqmin !important;
    padding-right:0.75cqmin !important;
    box-sizing: border-box !important;
}

html #menuBar.gccr-menu-bar-compact-2 {
    --menu-bar-cluster-gap:0.5cqmin;
    --menu-bar-right-cluster-gap:0.5cqmin;
    --menu-bar-feed-inbox-gap:1.5cqmin;
    --gccr-menu-bar-icon-size:4.75cqmin;
    --gccr-menu-bar-person-icon-size:4.5cqmin;
    --gccr-menu-bar-stat-size: 0.82rem;
    padding-left:1cqmin !important;
    padding-right:1cqmin !important;
}

html #menuBar.gccr-menu-bar-compact-2 #inboxButton{
    left: 0 !important;
}

html #menuBar.gccr-menu-bar-compact-2 #inboxButton{
    min-width:8cqmin !important;
    min-height:8cqmin !important;
    padding-left:0.5cqmin !important;
    padding-right:0.5cqmin !important;
    box-sizing: border-box !important;
}

html #menuBar.gccr-menu-bar-compact-2 #inboxUnreadBadge.inbox-unread-badge {
    min-width:3.5cqmin !important;
    height:3.5cqmin !important;
    padding:0 1cqmin !important;
    font-size: 0.5rem !important;
    line-height:3.5cqmin !important;
    top:-0.75cqmin !important;
    right:-0.75cqmin !important;
}

html #menuBar #menuRight,
html #menuBar #muteToggleButton,
html #menuBar .menu-bar-item:hover,
html #menuBar .menu-bar-item:active,
html #menuBar button.menu-bar-item:focus,
html #menuBar #muteToggleButton:hover,
html #menuBar #muteToggleButton:active,
html #menuBar #inboxButton:hover,
html #menuBar #inboxButton:active{
    background: transparent !important;
    background-color: transparent !important;
}

html #menuBar #inboxButton {
    margin-left:var(--menu-bar-right-cluster-gap, 1.25cqmin) !important;
    left:-0.75cqmin !important;
}

html #menuBar #usersOnline {
    margin-left:var(--menu-bar-right-cluster-gap, 1.25cqmin) !important;
}

html.gccr-whisper-off #menuBar #usersOnline,
html.gccr-whisper-off #menuBar #inboxButton + #usersOnline {
    margin-left:var(--menu-bar-right-cluster-gap, 1.25cqmin) !important;
}

html #menuBar #menuRight {
    position: relative !important;
    left: 0 !important;
}

html #menuBar #muteToggleButton {
    position: relative !important;
    left: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 0.7cqmin !important;
}

html #menuBar #menuRight + #muteToggleButton {
    margin-left: 2cqmin !important;
}

html #menuBar #inboxButton + #usersOnline {
    margin-left:var(--menu-bar-right-cluster-gap, 1.25cqmin) !important;
}

html #menuBar #userCount{
    font-size: 6.2cqmin !important;
}

#talkButton,
#talkButtonWrapper {
    border-radius: 50% !important;
}
#talkButton {
    overflow: hidden;
}

#buttonContainer #talkButton::before,
#buttonContainer #talkButton::after {
    border-radius: 50% !important;
}

#inboxModal .gccr-nav-tab {
    --gccr-label-pad-x:6.25cqmin;
    overflow: hidden;
    align-items: center;
}

#inboxModal .gccr-nav-tab .gccr-nav-tab-label {
    text-align: center;
}

#sidebar .sidebar-list-toggle-row .toggle-text {
    flex: 1 1 auto;
}

#sidebar #sidebar-tabs {
    display: none !important;
}

#sidebar #tab-mic,
#sidebar #tab-audio {
    display: none !important;
}

#sidebar #tab-home {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
}

:root {
    --gccr-menu-bar-height:15cqmin;
    --gccr-kaos-player-bar-height:0px;
    --gccr-menu-chrome-height:calc(
        var(--gccr-menu-bar-height) + env(safe-area-inset-top, 0px)
    );
    --gccr-header-stack: calc(
        var(--gccr-menu-chrome-height) + var(--gccr-kaos-player-bar-height)
    );
    --gccr-bottom-fab-offset:calc(max(3cqmin, env(safe-area-inset-bottom, 0px)) + 3.75cqmin);
    --gccr-bottom-fab-offset-aligned:calc(max(3cqmin, env(safe-area-inset-bottom, 0px)) + 3.75cqmin);
    --gccr-bottom-fab-size:9.25cqmin;
    --gccr-cam-fab-size:12cqmin;
    --gccr-bottom-fab-glyph-size:8.5cqmin;
    --gccr-bottom-fab-glyph-size-sm:6.75cqmin;
    --gccr-bottom-fab-label-size: 0.531rem;
    --gccr-bottom-fab-right-inset:calc(max(3cqmin, env(safe-area-inset-right, 0px)) + 1.5cqmin);
    --gccr-bottom-fab-gap:6.5cqmin;

    --gccr-bottom-fab-clips-shift-x:1.25cqmin;

    --gccr-bottom-fab-cam-center-x: calc(
        100% - var(--gccr-bottom-fab-right-inset) - (var(--gccr-bottom-fab-size) / 2)
    );

    --gccr-bottom-fab-feed-center-x: calc(
        var(--gccr-bottom-fab-cam-center-x) - var(--gccr-bottom-fab-size) -
            var(--gccr-bottom-fab-gap)
    );

    --gccr-bottom-fab-clips-center-x: calc(
        var(--gccr-bottom-fab-feed-center-x) + var(--gccr-bottom-fab-clips-shift-x)
    );

    --gccr-bottom-fab-download-center-x: var(--gccr-bottom-fab-feed-center-x);

    --gccr-panel-backdrop-blur:blur(3cqmin) saturate(1.12);
    --gccr-panel-glass-mix: 72%;
}

html.gccr-video-keyups-off:not(.gccr-whisper-off) #menuBar #inboxButton,
html.gccr-video-keyups-off:not(.gccr-whisper-off) #menuBar #muteToggleButton + #inboxButton{
    margin-left: auto !important;
}

html.gccr-video-keyups-off.gccr-whisper-off #menuBar #usersOnline,
html.gccr-video-keyups-off.gccr-whisper-off #menuBar #inboxButton + #usersOnline{
    margin-left: auto !important;
}

#controlsContainer #skipButtonWrapper {
    position: relative !important;
}

#loadingSpinnerWrapper,
#connectionSpinnerWrapper {
    position: absolute !important;
    top:calc(100% + 2.5cqmin) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 1005 !important;

    align-items: center !important;
}

#loadingSpinnerText,
#connectionSpinnerText {
    font-size: 0.85rem !important;
}

#connectionDiagPanel.connection-diag-panel {
    display: none !important;
    left:2.5cqmin !important;
    right:2.5cqmin !important;

    top:calc(var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 14cqmin) + env(safe-area-inset-top, 0px))) + 2cqmin) !important;
    bottom: auto !important;
    z-index: 12000 !important;
    max-width:min(140cqmin, calc(100vw - 5cqmin)) !important;
    max-height:min(42vh, 70cqmin) !important;
    overflow: auto !important;
    padding:2cqmin 2.5cqmin !important;
    border-radius: 8px !important;
    background: rgba(0, 12, 28, 0.94) !important;
    border: 1px solid rgba(120, 180, 255, 0.45) !important;
    color: #d7e7ff !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    pointer-events: none !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.5) !important;
}
#connectionDiagPanel.connection-diag-panel[hidden] {
    display: none !important;
}

@media (max-width: 480px) {
    #loadingSpinnerText,
    #connectionSpinnerText {
        font-size: 0.72rem !important;
    }
    #connectionDiagPanel.connection-diag-panel {
        font-size: 0.66rem !important;
        top:calc(var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 14cqmin) + env(safe-area-inset-top, 0px))) + 1.5cqmin) !important;
        max-height:min(38vh, 60cqmin) !important;
    }
}

#blockDownloadContainer {
    height: auto !important;
    min-height: 0 !important;
    gap: 0 !important;
}

#menuBar {
    top: 0 !important;
    bottom: auto !important;
    padding-top:max(2cqmin, env(safe-area-inset-top, 0px)) !important;
    padding-bottom:2cqmin !important;
    border-top: var(--gccr-menu-bar-border-width) solid var(--gccr-menu-bar-border-color) !important;
    border-bottom: var(--gccr-menu-bar-border-width) solid var(--gccr-menu-bar-border-color) !important;
    box-sizing: border-box !important;
}

#tab-home .sidebar-list-section-sound-settings .sidebar-list-item-talk-mode.sidebar-list-item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap:3cqmin !important;
    padding:2cqmin 4cqmin !important;
    min-height:12cqmin !important;
    border-top: none !important;
    border-bottom: none !important;
}

#tab-home .sidebar-list-item-talk-mode > .sidebar-list-label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

#tab-home .sidebar-talk-mode-picker {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap:3cqmin !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height:8cqmin !important;
}

#tab-home .sidebar-talk-mode-picker-option,
#tab-home .sidebar-talk-mode-picker #tapToTalkLabel,
#tab-home .sidebar-talk-mode-picker #holdToTalkLabel {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap:2cqmin !important;
    height:8cqmin !important;
    min-height:8cqmin !important;
    max-height:8cqmin !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

#tab-home .sidebar-talk-mode-picker .sidebar-talk-mode-radio-caption {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height:5cqmin !important;
    height:5cqmin !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

#tab-home .sidebar-talk-mode-picker-option input[type="radio"],
#tab-home .sidebar-talk-mode-picker #tapToTalkLabel input[type="radio"],
#tab-home .sidebar-talk-mode-picker #holdToTalkLabel input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width:5cqmin !important;
    height:5cqmin !important;
    min-width:5cqmin !important;
    min-height:5cqmin !important;
    max-width:5cqmin !important;
    max-height:5cqmin !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 2px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 50% !important;
    background: transparent !important;
    flex:0 0 5cqmin !important;
    cursor: pointer !important;
}

#tab-home .sidebar-talk-mode-picker-option input[type="radio"]:checked,
#tab-home .sidebar-talk-mode-picker #tapToTalkLabel input[type="radio"]:checked,
#tab-home .sidebar-talk-mode-picker #holdToTalkLabel input[type="radio"]:checked {
    border-color: var(--color-accent, #3b82f6) !important;
    background:radial-gradient(circle at center, #ffffff 0 1cqmin, transparent 1cqmin),
        var(--color-accent, #3b82f6) !important;
}

#tab-home .sidebar-list-section-sound-settings .sidebar-list-item-switch {
    padding:0.75cqmin 4cqmin !important;
    min-height:10.75cqmin !important;
}

#tab-home .sidebar-list-section-sound-settings .sidebar-list-item-switch.sidebar-list-item-switch-stack {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom:3cqmin !important;
}

#tab-home .sidebar-list-section-sound-settings .sidebar-list-toggle-row {
    padding: 0 !important;
}

#tab-home .sidebar-list-section-sound-settings #bluetoothMicSidebarRow.bluetooth-mic-sub-row,
#tab-home .sidebar-list-section-sound-settings #headsetMediaTalkHooksSidebarRow.bluetooth-mic-sub-row {
    margin-top:0.75cqmin !important;
}

#sidebar #tab-home > .input-container.sidebar-list-control{
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    align-self: stretch !important;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
}

#sidebar #tab-home > .input-container.sidebar-list-control {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
    padding-left:2.5cqmin !important;
    padding-right:2.5cqmin !important;
    box-sizing: border-box !important;
    display: block !important;
}

#sidebar #tab-home > .input-container.sidebar-list-control input,
#sidebar #tab-home > .input-container.sidebar-list-control #nicknameInput {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-height:11cqmin !important;
    box-sizing: border-box !important;
}

#sidebar #tab-home > label[for="nicknameInput"].sidebar-list-label {
    margin:1.25cqmin 0 1.25cqmin !important;
    padding-top: 0 !important;
    position: relative !important;
    left:1.25cqmin !important;
}

#sidebar > #tab-home.active {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-top:1.25cqmin !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#sidebar #tab-home > .sidebar-list-section {
    margin-left:2.5cqmin !important;
    margin-right:2.5cqmin !important;
    width: auto !important;
    box-sizing: border-box !important;
}

#sidebar #tab-home > label.sidebar-list-label {
    padding-left:4cqmin !important;
    padding-right:4cqmin !important;
}

#toastNotificationTop {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom:14.75cqmin !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    text-align: center !important;
    max-width:min(92%, 105cqmin) !important;
    width: max-content !important;
    z-index: 22 !important;
    white-space: normal !important;
    pointer-events: none !important;
}

#keyingUpList {

    top: 0 !important;
    right:1.75cqmin !important;
    bottom: auto !important;
    left: auto !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    z-index: 24 !important;
}

html.gccr-reactions-off #keyingUpList {
    top: 0 !important;
}

#controlsContainer #buttonContainer #blockButton {
    order: 0 !important;
    width:var(--gccr-side-btn-size, 11.025cqmin) !important;
    height:var(--gccr-side-btn-size, 11.025cqmin) !important;
    min-width:var(--gccr-side-btn-size, 11.025cqmin) !important;
    min-height:var(--gccr-side-btn-size, 11.025cqmin) !important;
    flex-shrink: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

#buttonContainer #blockButton::after,
#buttonContainer #blockButton::before {
    content: none !important;
    display: none !important;
}

#controlsContainer #buttonContainer #blockButton.active:not(:disabled) {
    background-image: var(--blockbtn-on) !important;
}

#controlsContainer #buttonContainer #blockButton:not(.active),
#controlsContainer #buttonContainer #blockButton:disabled {
    background-image: var(--blockbtn-off) !important;
}

#controlsContainer #buttonContainer #undoRecordingButton {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width:var(--gccr-side-btn-size, 11.75cqmin) !important;
    height:var(--gccr-side-btn-size, 11.75cqmin) !important;
    min-width:var(--gccr-side-btn-size, 11.75cqmin) !important;
    min-height:var(--gccr-side-btn-size, 11.75cqmin) !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
    z-index: 2 !important;
}

#controlsContainer #buttonContainer #undoRecordingButton::before,
#controlsContainer #buttonContainer #undoRecordingButton::after {
    content: none !important;
    display: none !important;
}

#controlsContainer #buttonContainer #undoRecordingButton .undo-recording-button-icon,
#controlsContainer #buttonContainer #undoRecordingButton .undo-recording-button-download-icon {
    display: none !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    pointer-events: none !important;
    object-fit: contain !important;
}

#controlsContainer #buttonContainer #undoRecordingButton .undo-recording-button-download-icon{
    display: block !important;
}

#controlsContainer #buttonContainer #undoRecordingButton.undo-recording-button--undo .undo-recording-button-icon {
    display: block !important;
}

#controlsContainer #buttonContainer #undoRecordingButton.undo-recording-button--undo .undo-recording-button-download-icon {
    display: none !important;
}

html.gccr-ios-shell #controlsContainer #buttonContainer #undoRecordingButton .undo-recording-button-icon,
html.gccr-ios-shell #controlsContainer #buttonContainer #undoRecordingButton.undo-recording-button--undo .undo-recording-button-icon{
    display: block !important;
}

html.gccr-ios-shell #controlsContainer #buttonContainer #undoRecordingButton .undo-recording-button-download-icon,
html.gccr-ios-shell #controlsContainer #buttonContainer #undoRecordingButton.undo-recording-button--undo .undo-recording-button-download-icon{
    display: none !important;
}

#controlsContainer #buttonContainer #skipButton {
    width:var(--gccr-side-btn-size, 11.75cqmin) !important;
    height:var(--gccr-side-btn-size, 11.75cqmin) !important;
    min-width:var(--gccr-side-btn-size, 11.75cqmin) !important;
    min-height:var(--gccr-side-btn-size, 11.75cqmin) !important;
    flex-shrink: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* Reverse is a quarter smaller than skip; the extra eighth above and below keeps its centre (and skip) where they were. */
#controlsContainer #buttonContainer #reverseButton {
    width:calc(var(--gccr-side-btn-size, 11.75cqmin) * .75) !important;
    height:calc(var(--gccr-side-btn-size, 11.75cqmin) * .75) !important;
    min-width:calc(var(--gccr-side-btn-size, 11.75cqmin) * .75) !important;
    min-height:calc(var(--gccr-side-btn-size, 11.75cqmin) * .75) !important;
    flex-shrink: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

#buttonContainer #skipButton::after,
#buttonContainer #skipButton::before,
#buttonContainer #reverseButton::after,
#buttonContainer #reverseButton::before {
    content: none !important;
    display: none !important;
}

#controlsContainer #buttonContainer #skipButton.active:not(:disabled),
#controlsContainer #buttonContainer #reverseButton.active:not(:disabled) {
    background-image: var(--skipbtn-on) !important;
}

#controlsContainer #buttonContainer #reverseButton.active:not(:disabled) {
    transform: scaleX(-1) !important;
}

#controlsContainer #buttonContainer #skipButton:not(.active),
#controlsContainer #buttonContainer #skipButton:disabled,
#controlsContainer #buttonContainer #reverseButton:not(.active),
#controlsContainer #buttonContainer #reverseButton:disabled {
    background-image: var(--skipbtn-off) !important;
}

#controlsContainer #buttonContainer #reverseButton:not(.active),
#controlsContainer #buttonContainer #reverseButton:disabled {
    transform: scaleX(-1) !important;
}

#controlsContainer #buttonContainer {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    overflow: visible !important;
}

#controlsContainer #blockDownloadContainer {
    position: absolute !important;
    left: calc(25% - 11cqmin) !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 3.8cqmin !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
    pointer-events: auto !important;
}

:root {

    --gccr-talk-btn-size: 44cqmin;
    --gccr-side-btn-size: 11.025cqmin;
    --talkbtn-outer-ring:1cqmin;
    --talkbtn-black-band:2.5cqmin;
    --talkbtn-disabled-gray: #454545;
}

#controlsContainer #talkButtonWrapper {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#controlsContainer #skipReverseContainer {
    position: absolute !important;
    left: calc(75% + 11cqmin) !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 3.8cqmin !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#controlsContainer #skipButtonWrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

#controlsContainer #buttonContainer #skipButton,
#controlsContainer #buttonContainer #reverseButton {
    margin: 0 !important;
    align-self: center !important;
}

#controlsContainer #buttonContainer #talkButton {
    width: var(--gccr-talk-btn-size) !important;
    height: var(--gccr-talk-btn-size) !important;
    min-width: var(--gccr-talk-btn-size) !important;
    min-height: var(--gccr-talk-btn-size) !important;
    position: relative !important;
    box-sizing: border-box !important;
    border: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    filter: none !important;
    overflow: visible !important;
}

#buttonContainer #talkButton::before,
#buttonContainer #talkButton::after {
    content: none !important;
    display: none !important;
}

#controlsContainer #buttonContainer #talkButton:not(:disabled):not(.talking):not(.disabled) {
    background-image: var(--talkbtn-enabled) !important;
}

#controlsContainer #buttonContainer #talkButton.talking {
    background-image: var(--talkbtn-active) !important;
}

#controlsContainer #buttonContainer #talkButton:disabled:not(.talking),
#controlsContainer #buttonContainer #talkButton.disabled:not(.talking),
html.gccr-theme-boot #buttonContainer #talkButton {
    background-image: var(--talkbtn-disabled) !important;
    pointer-events: none !important;
}

#buttonContainer #talkButton:hover,
#buttonContainer #talkButton:not(:disabled):not(.talking):hover,
#talkButton:hover {
    filter: none !important;
}

html body #currentSpeaker > .speaker-name-solid {
    animation: none !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow: none !important;
}
#queueVisualization #recordProgress {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: var(--gccr-talk-btn-size) !important;
    max-width: var(--gccr-talk-btn-size) !important;
}

#queueVisualization.recording {
    opacity: 1 !important;
    visibility: visible !important;
}

#queueVisualization.recording #recordProgress {
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: var(--gccr-talk-btn-size) !important;
    max-width: var(--gccr-talk-btn-size) !important;
    height:2cqmin !important;
    margin: 0 auto !important;
}
html.gccr-theme-boot #app::before,
html.gccr-boot-bg-hold #app::before,
html.gccr-boot-bg-fade #app::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: #000;
    pointer-events: none;
}
html.gccr-theme-boot #app::before,
html.gccr-boot-bg-hold #app::before {
    opacity: 1;
}
html.gccr-boot-bg-fade #app::before {
    opacity: 0;
    transition: opacity 0.9s ease;
}

#inboxModal #inboxClose {
    position: relative !important;
    z-index: 2 !important;
}

html.gccr-cbx-standalone body #inboxModal.active #inboxClose,
html.gccr-cbx-standalone body #inboxModal.opening #inboxClose,
html.gccr-cbx-standalone body #inboxModal.closing #inboxClose {
    display: block !important;
    flex: 0 0 auto !important;
    width:calc(100% - 5cqmin) !important;
    margin:1.5cqmin 2.5cqmin calc(2.5cqmin + env(safe-area-inset-bottom, 0px)) !important;
    padding:3cqmin 4cqmin !important;
    box-sizing: border-box !important;
    border: none !important;
    border-radius: 8px !important;
    background: var(--color-btn-gradient-end, rgba(0, 150, 255, 0.8)) !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-family: var(--gccr-app-font) !important;
    font-size:3.75cqmin !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
    visibility: visible !important;
    pointer-events: auto !important;
    height: auto !important;
    min-height:11cqmin !important;
    opacity: 1 !important;
}

#userInfoModal .modal-content {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

#userInfoModal #userInfoStats {
    flex: 0 0 auto !important;
}

#userInfoModal #userInfoContent {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

#userInfoModal .user-info-actions {
    flex: 0 0 auto !important;
}

.inbox-fab-icon {
    transition: none !important;
}

.inbox-fab-btn {
    transition: none !important;
}

.inbox-fab-item,
.inbox-fab-item:first-child,
.inbox-fab-item:nth-child(2),
.inbox-fab-item:nth-child(3),
.inbox-fab-item:nth-child(4),
.inbox-fab-wrap.open .inbox-fab-item,
.inbox-fab-wrap.open .inbox-fab-item:first-child,
.inbox-fab-wrap.open .inbox-fab-item:nth-child(2),
.inbox-fab-wrap.open .inbox-fab-item:nth-child(3),
.inbox-fab-wrap.open .inbox-fab-item:nth-child(4) {
    transition: none !important;
    transition-delay: 0s !important;
}

.inbox-fab-wrap:not(.open) .inbox-fab-item {
    opacity: 0 !important;
    transform: none !important;
}

.inbox-fab-wrap.open .inbox-fab-item:not(:disabled) {
    opacity: 1 !important;
    transform: none !important;
}

.inbox-fab-wrap.open .inbox-fab-item:not(:disabled):hover {
    filter: brightness(1.08);
}

.inbox-fab-wrap.open .inbox-fab-item:not(:disabled):active {
    filter: brightness(0.95);
}

.inbox-fab-wrap.open .inbox-fab-item:disabled {
    transform: none !important;
}

.inbox-fab-wrap.open .inbox-fab-item.inbox-fab-item-busy,
.inbox-fab-wrap.open .inbox-fab-item.inbox-fab-item-busy:disabled {
    opacity: 1 !important;
    pointer-events: none !important;
    cursor: wait !important;
}

#inboxConversation {
    position: relative;
}
#inboxConversation > .inbox-media-progress {
    position: absolute;
    left: 0;
    right: 0;

    bottom:var(--inbox-compose-height, 14.5cqmin);
    z-index: 6;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.18s ease;
}
#inboxConversation > .inbox-media-progress.active {
    opacity: 1;
}
#inboxConversation > .inbox-media-progress[hidden] {
    display: none !important;
}
#inboxConversation .inbox-media-progress-bar {
    height:0.75cqmin;
    width: 100%;
    background: rgba(255, 255, 255, 0.12);
    overflow: hidden;
}
#inboxConversation .inbox-media-progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(
        90deg,
        var(--color-btn-gradient-start, #3b82f6),
        var(--color-accent, #09f),
        var(--color-btn-gradient-end, #2563eb)
    );
    transition: width 0.12s linear;
}
#inboxConversation .inbox-media-progress-label {
    position: absolute;
    right:2.5cqmin;
    bottom:calc(100% + 1cqmin);
    max-width: 70%;
    padding:0.5cqmin 2cqmin;
    border-radius: 999px;
    font-size:2.75cqmin;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(0, 0, 0, 0.55);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}
#inboxConversation .inbox-message-input-container {
    position: relative;
    z-index: 5;
}

html body button,
html body button *,
html body .button-full,
html body .button-full *,
html body .action-btn,
html body .action-btn *,
html body [role="button"],
html body [role="button"] *,
html body .user-list-classic-close-btn,
html body #masterVolumeValue,
html body #keyingUpList .keying-up-item,
html body #keyingUpList .keying-up-item .keying-up-name,
html body #toastNotificationTop {
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow: none !important;
}

#moderatedUsersModal .moderated-users-status {
    border-radius: 6px !important;
}
#moderatedUsersModal .moderated-users-tag {
    display: inline-flex !important;
    align-items: center !important;
    padding:0.5cqmin 2cqmin !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #cfe0f2 !important;
    font-family: var(--gccr-app-font) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
    filter: none !important;
}
#moderatedUsersModal .moderated-users-badges {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap:1cqmin !important;
}

#moderatedUsersModal .badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.72em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}
#moderatedUsersModal .badge.text-bg-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
}
#moderatedUsersModal .badge.text-bg-warning {
    color: #000 !important;
    background-color: #ffc107 !important;
}
#moderatedUsersModal .badge.text-bg-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
}
#moderatedUsersModal .moderated-users-content {
    padding: 0 !important;
    scrollbar-width: thin !important;
}
#moderatedUsersModal .moderated-users-content::-webkit-scrollbar {
    width:1.5cqmin !important;
}
#moderatedUsersModal .moderated-users-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.28) !important;
    border-radius: 999px !important;
}
#moderatedUsersModal .moderated-users-content::-webkit-scrollbar-track {
    background: transparent !important;
}
#moderatedUsersModal .moderated-users-row-eta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap:1cqmin !important;
    margin-top:1.5cqmin !important;
}
#moderatedUsersModal #moderatedUsersList.list-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
#moderatedUsersModal #moderatedUsersList > .list-group-item {
    color: #f8fafc !important;
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
#moderatedUsersModal #moderatedUsersList > .list-group-item:last-child {
    border-bottom: 0 !important;
}
#moderatedUsersModal #moderatedUsersList > .list-group-item.moderated-users-empty {
    padding: 0.85rem 1rem !important;
    color: #adb5bd !important;
}
html body #moderatedUsersModal .modal-content button.moderated-users-row-btn {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding:2.5cqmin !important;
    padding-left:2.5cqmin !important;
    padding-right:2.5cqmin !important;
    color: #f8fafc !important;
    box-shadow: none !important;
    transform: none !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    letter-spacing: normal !important;
}
html body #moderatedUsersModal .modal-content button.moderated-users-row-btn:hover,
html body #moderatedUsersModal .modal-content button.moderated-users-row-btn:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    outline: 0 !important;
}
#moderatedUsersModal .moderated-users-modal-dialog {
    position: absolute !important;
    top:calc(var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 14cqmin) + env(safe-area-inset-top, 0px))) + 2.5cqmin) !important;
    left:2.5cqmin !important;
    right:2.5cqmin !important;
    bottom:calc(max(2.5cqmin, env(safe-area-inset-bottom, 0px)) + 2.5cqmin) !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
}
#moderatedUsersModal .moderated-users-modal-content {
    pointer-events: auto !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0.5rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#moderatedUsersModal .moderated-users-modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap:3cqmin !important;
    flex: 0 0 auto !important;
    padding:3cqmin 3.5cqmin !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.035) !important;
}
#moderatedUsersModal .moderated-users-modal-title {
    margin: 0 !important;
    color: #eef6ff !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    line-height: 1.2 !important;
}
#moderatedUsersModal #moderatedUsersClose.gccr-bs-modal-close {
    position: static !important;
    top: auto !important;
    right: auto !important;
    z-index: 1 !important;
    box-sizing: content-box !important;
    width: 1em !important;
    height: 1em !important;
    padding: 0.35em !important;
    margin: 0 !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    color: #fff !important;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1em auto !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    opacity: 0.75 !important;
    box-shadow: none !important;
    text-indent:-2499.75cqmin !important;
    overflow: hidden !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
#moderatedUsersModal #moderatedUsersClose.gccr-bs-modal-close:hover,
#moderatedUsersModal #moderatedUsersClose.gccr-bs-modal-close:focus {
    opacity: 1 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}
#moderatedUsersModal #moderatedUsersClose.gccr-bs-modal-close:focus-visible {
    outline: 2px solid var(--color-accent, #0d6efd) !important;
    outline-offset: 2px !important;
    opacity: 1 !important;
}

html body #userInfoModal .user-info-tabs {
    border: none !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    margin-left:2.5cqmin !important;
    margin-right:2.5cqmin !important;
}
html body #userInfoModal .user-info-tab,
html body #userInfoModal .user-info-tab.active,
html body #userInfoModal .user-info-tab.active:hover,
html body #userInfoModal .user-info-tab:hover,
html body #userInfoModal .user-info-tab:first-child,
html body #userInfoModal .user-info-tab:last-child {
    border-radius: 0 !important;
}

#userInfoModal .user-info-actions .user-info-actions-row > .action-btn,
#userInfoModal #userInfoFriendBtn,
#userInfoModal #userInfoBlockBtn,
#userInfoModal #userInfoMessageBtn,
#userInfoModal #userInfoMoreBtn {
    border-radius: 8px !important;
}

#userInfoModal .user-info-actions .user-info-actions-row > .action-btn,
#userInfoModal .user-info-actions .user-info-actions-row > .action-btn.message-icon-btn,
#userInfoModal .user-info-actions .user-info-actions-row > .action-btn.user-context-btn {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height:10.25cqmin !important;
}

#userInfoModal #modTabPanel #modCapList .user-info-mod-cap-row > .user-info-mod-toggle,
#userInfoModal .user-info-mod-toggle {
    border-radius: 8px !important;
}

body #userInfoModal #userInfoStats.user-info-stats-container {
    background: rgba(0, 0, 0, 0.5) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 8px !important;
}

#inboxModal #inboxMessenger .inbox-empty-state {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding:2.5cqmin 0 0 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
#inboxModal #inboxMessenger .inbox-empty-state > h3 {
    flex: 0 0 auto !important;
    margin:0 2.5cqmin 2.5cqmin !important;
}
#inboxModal #inboxMessenger .inbox-empty-state > #inboxUserList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: auto !important;
    margin:0 2.5cqmin 2.5cqmin !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

.gccr-name-badge {
    height: 1em;
    width: 1em;
    vertical-align: -0.15em;
    margin-right: 0.25em;
    display: inline-block;
    object-fit: contain;
}

#userList .status-indicator,
.channel-roster-user .status-indicator {
    width:6cqmin !important;
    height:6cqmin !important;
    min-width:6cqmin !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
}







#userList .status-indicator .user-list-xray-lease-indicator--talking,
.channel-roster-user .status-indicator .user-list-xray-lease-indicator--talking {
    color: #ef4444 !important;
}

body {
    --gccr-bs-surface: var(--color-sidebar-solid-bg, #212529);
    --gccr-bs-surface-72: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 72%, transparent);
    --gccr-bs-surface-80: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 80%, transparent);
    --gccr-bs-surface-82: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 82%, transparent);
    --gccr-bs-surface-92: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 92%, transparent);
    --gccr-bs-border: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 78%, #fff);
    --gccr-bs-hover: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 92%, #fff);
    --gccr-bs-secondary: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 64%, #fff);
    --gccr-bs-secondary-hover: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 70%, #fff);
    --gccr-bs-secondary-hover-border: color-mix(in srgb, var(--color-sidebar-solid-bg, #212529) 73%, #fff);
}

#sidebar,
#sidebar input,
#sidebar label,
#sidebar .button-full {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#sidebar #tab-home .sidebar-list-label:not(.audio-processing-eq-param-label) {
    font-weight: 400 !important;
    color: #dee2e6 !important;
}

body #sidebar input[type="text"],
body #sidebar #nicknameInput {
    background: var(--gccr-bs-surface-80) !important;
    border: 1px solid var(--gccr-bs-border) !important;
    border-radius: 0.375rem !important;
    color: #dee2e6 !important;
    padding: 0.375rem 0.75rem !important;
    line-height: 1.5 !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

body #sidebar input[type="text"]:focus,
body #sidebar #nicknameInput:focus {
    outline: 0 !important;
    background: var(--gccr-bs-surface-80) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 50%, #fff 20%) !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

body #sidebar .cs-scheme-panel {
    background: var(--gccr-bs-surface) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
}

#sidebar #tab-home .toggle-slider {
    box-sizing: border-box !important;
    width:12cqmin !important;
    height:6cqmin !important;
    min-width:12cqmin !important;
    min-height:6cqmin !important;
    border-radius: 24px !important;
    background: var(--gccr-bs-surface) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

#sidebar #tab-home .toggle-slider::before {
    width:4cqmin !important;
    height:4cqmin !important;
    left:0.75cqmin !important;
    top:0.75cqmin !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.25) !important;
    box-shadow: none !important;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
}

#sidebar #tab-home .toggle-switch:checked + .toggle-slider {
    background: var(--color-accent, #0d6efd) !important;
    border-color: var(--color-accent, #0d6efd) !important;
}

#sidebar #tab-home .toggle-switch:checked + .toggle-slider::before {
    transform: translateX(24px) !important;
    background: #fff !important;
}

#sidebar #tab-home .toggle-switch:focus-visible + .toggle-slider {
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 50%, #fff 20%) !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

#sidebar #tab-home .sidebar-talk-mode-picker input[type="radio"] {
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    background: var(--gccr-bs-surface) !important;
    transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

#sidebar #tab-home .sidebar-talk-mode-picker input[type="radio"]:checked {
    border-color: var(--color-accent, #0d6efd) !important;
    background:radial-gradient(circle at center, #ffffff 0 1cqmin, transparent 1cqmin),
        var(--color-accent, #0d6efd) !important;
}

#sidebar #tab-home .sidebar-talk-mode-picker input[type="radio"]:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

#sidebar #tab-home .sidebar-talk-mode-picker .sidebar-talk-mode-radio-caption {
    font-weight: 400 !important;
    color: #dee2e6 !important;
}

#sidebar #tab-home #masterVolumeValue {
    background: var(--color-accent, #0d6efd) !important;
    color: var(--color-btn-text, #fff) !important;
    -webkit-text-fill-color: var(--color-btn-text, #fff) !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow: none !important;
    border-radius: 0.375rem !important;
    padding: 0.25em 0.55em !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

body #sidebar #sidebarLogoutRestartRow {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
body #sidebar #sidebarTipMerchRow {
    margin-top:0.75cqmin !important;
}
body #sidebar #sidebarVipPodcastRow {
    margin-top:2.5cqmin !important;
}
body #sidebar #sidebarTipMerchRow #legalBtnLabel,
body #sidebar #sidebarTipMerchRow #reportAbuseBtn {
    margin-top: 0 !important;
}

#sidebar #tab-home > .sidebar-list-section:not(.sidebar-list-section-actions) {
    background: var(--gccr-bs-surface-80) !important;
    border: 1px solid var(--gccr-bs-border) !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
}

#sidebar #tab-home > .sidebar-list-section-sound-settings:not(.sidebar-list-section-actions) {
    border-top: 1px solid var(--gccr-bs-border) !important;
    border-radius: 0.375rem 0.375rem 0 0 !important;
}

#sidebar #tab-home > .sidebar-list-section-actions {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

#sidebar #tab-home > .sidebar-list-section:has(.cs-scheme-panel.open){
    overflow: visible !important;
}

#sidebar #tab-home .button-full,
#sidebar #tab-home a.button-full,
#sidebar #tab-home button.button-full {
    background: var(--color-accent, #0d6efd) !important;
    border: 1px solid var(--color-accent, #0d6efd) !important;
    border-radius: 0.375rem !important;
    color: var(--color-btn-text, #fff) !important;
    -webkit-text-fill-color: var(--color-btn-text, #fff) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    padding: 0.375rem 0.75rem !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

#sidebar #tab-home .button-full:hover,
#sidebar #tab-home a.button-full:hover,
#sidebar #tab-home button.button-full:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 80%, #000) !important;
}

#sidebar #tab-home .button-full:focus-visible,
#sidebar #tab-home a.button-full:focus-visible,
#sidebar #tab-home button.button-full:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 40%, transparent) !important;
}

#sidebar #tab-home .button-full:active,
#sidebar #tab-home a.button-full:active,
#sidebar #tab-home button.button-full:active {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 75%, #000) !important;
}

#sidebar #tab-home #reportAbuseBtn,
#sidebar #tab-home #legalBtnLabel {
    border-radius: 0.375rem !important;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    border-left: 1px solid var(--color-accent, #0d6efd) !important;
    border-right: 1px solid var(--color-accent, #0d6efd) !important;
}

#sidebar #tab-home #sidebarLogoutRestartRow {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap:2cqmin !important;
    width: 100% !important;
    margin:0.75cqmin 0 2.5cqmin !important;
    box-sizing: border-box !important;
}
#sidebar #tab-home #logoutExitSidebarBtn,
#sidebar #tab-home #sidebarRestartBtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height:10cqmin !important;
    min-height:10cqmin !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0.375rem !important;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
}
#sidebar #tab-home #sidebarLogoutRestartRow:has(#logoutExitSidebarBtn[hidden]) #sidebarRestartBtn {
    flex: 1 1 100% !important;
    width: 100% !important;
}

html.gccr-ios-shell #sidebarVipPodcastRow, html.gccr-ios-shell #sidebarSubscribeAdFreeBtn{
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#sidebar #tab-home #sidebarSubscribeAdFreeBtn{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height:10cqmin !important;
    min-height:10cqmin !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0.375rem !important;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    border-left: 1px solid var(--color-accent, #0d6efd) !important;
    border-right: 1px solid var(--color-accent, #0d6efd) !important;
}

body #nicknameModal.active {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body #nicknameModal .modal-content {
    background: var(--gccr-bs-surface-72) !important;
    background-color: var(--gccr-bs-surface-72) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    padding: 0 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body #nicknameModal #nicknameModalTitle {
    margin: 0 !important;
    padding: 1rem !important;
    border-bottom: 1px solid var(--gccr-bs-border) !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #dee2e6 !important;
    font-family: inherit !important;
}

body #nicknameModal #nicknameModalMessage {
    margin: 1rem 1rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    color: #adb5bd !important;
}

body #nicknameModal .input-container {
    margin: 0 1rem 1rem !important;
}

body #nicknameModal .nickname-input,
body #nicknameModal #nicknameModalInput {
    min-height: 0 !important;
    padding: 0.375rem 0.75rem !important;
    background: var(--gccr-bs-surface) !important;
    border: 1px solid var(--gccr-bs-border) !important;
    border-radius: 0.375rem !important;
    color: #dee2e6 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

body #nicknameModal .nickname-input::placeholder {
    color: var(--gccr-bs-secondary) !important;
}

body #nicknameModal .nickname-input:focus,
body #nicknameModal #nicknameModalInput:focus {
    outline: 0 !important;
    background: var(--gccr-bs-surface) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 50%, #fff 20%) !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

body #nicknameModal .nickname-error {
    display: block !important;
    margin: 0.5rem 0 0 !important;
    min-height: 0 !important;
    padding: 0.5rem 0.75rem !important;
    text-align: left !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    color: #ea868f !important;
    background: #2c0b0e !important;
    border: 1px solid #842029 !important;
    border-radius: 0.375rem !important;
}

body #nicknameModal .nickname-error:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body #nicknameModal .button-container {
    margin: 0 !important;
    padding: 0.75rem 1rem !important;
    border-top: 1px solid var(--gccr-bs-border) !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

body #nicknameModal #nicknameCancel,
body #nicknameModal #nicknameOk {

    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-family: inherit !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

body #nicknameModal #nicknameCancel {
    background: var(--gccr-bs-secondary) !important;
    border: 1px solid var(--gccr-bs-secondary) !important;
    color: #fff !important;
}

body #nicknameModal #nicknameCancel:hover {
    background: var(--gccr-bs-secondary-hover) !important;
    border-color: var(--gccr-bs-secondary-hover-border) !important;
    filter: none !important;
    transform: none !important;
}

body #nicknameModal #nicknameOk {
    background: var(--color-accent, #0d6efd) !important;
    border: 1px solid var(--color-accent, #0d6efd) !important;
    color: var(--color-btn-text, #fff) !important;
    -webkit-text-fill-color: var(--color-btn-text, #fff) !important;
}

body #nicknameModal #nicknameOk:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 80%, #000) !important;
    filter: none !important;
    transform: none !important;
}

body #nicknameModal #nicknameCancel:focus-visible,
body #nicknameModal #nicknameOk:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 40%, transparent) !important;
}

body #nicknameModal #nicknameCancel:active,
body #nicknameModal #nicknameOk:active {
    transform: none !important;
    filter: brightness(0.92) !important;
}

body #loadingSpinnerIndicator,
body #connectionSpinnerIndicator {
    border: 2.25px solid #fff !important;
    border-right-color: transparent !important;
    box-shadow: none !important;
}

body #loadingSpinnerIndicator.active,
body #connectionSpinnerIndicator.active {
    animation: spin 0.75s linear infinite !important;
}

body #userInfoModal,
body #userInfoModal.active,
body #userInfoModal.closing {
    background: rgba(0, 0, 0, 0.5) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    top:var(--gccr-menu-chrome-height, calc(var(--gccr-menu-bar-height, 14cqmin) + env(safe-area-inset-top, 0px))) !important;
    bottom: 0 !important;
    height: auto !important;
}

body #userInfoModal.active {
    align-items: stretch !important;
    justify-content: stretch !important;
    padding:2.5cqmin !important;
    padding-bottom:max(2.5cqmin, env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
}

body #userInfoModal .modal-content {
    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    max-height: 100% !important;
    flex: 1 1 auto !important;
    background: var(--gccr-bs-surface-72) !important;
    background-color: var(--gccr-bs-surface-72) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body #userInfoModal #userInfoStats.user-info-stats-container {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0.75rem 1rem !important;
    border-bottom: 1px solid var(--gccr-bs-border) !important;
}

body #userInfoModal .user-info-name {
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    color: #dee2e6 !important;
    margin-bottom:0.5cqmin !important;
    text-align: left !important;
}

body #userInfoModal .user-info-status {
    font-size: 0.8125rem !important;
    color: #adb5bd !important;
    margin-bottom: 0.75rem !important;
    text-align: left !important;
}

body #userInfoModal .user-info-status:has(+ .user-info-previous-names:not([hidden])) {
    margin-bottom: 0.15rem !important;
}

body #userInfoModal .user-info-previous-names {
    font-size: 0.7rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: #9ca3af !important;
    margin: 0 0 0.75rem !important;
    text-align: left !important;
    word-break: break-word !important;
    opacity: 0.85 !important;
}

body #userInfoModal .user-info-stat-value {
    color: #adb5bd !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

html body #userInfoModal .user-info-tabs {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0.375rem !important;
    height: auto !important;
    margin:0.75rem 1rem calc(0.25rem + 1.25cqmin) !important;
    gap: 0 !important;
    overflow: hidden !important;
}

html body #userInfoModal #hatersTab,
html body #userInfoModal #modTab,
html body #userInfoModal .user-info-tab,
html body #userInfoModal .user-info-tab:first-child,
html body #userInfoModal .user-info-tab:last-child {
    border: 1px solid var(--gccr-bs-secondary) !important;
    border-left-width: 0 !important;
    border-radius: 0 !important;
    padding: 0.4rem 0.5rem !important;
    height: auto !important;
    font-size: 0.8125rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #dee2e6 !important;
    background: transparent !important;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
}

html body #userInfoModal .user-info-tab:first-child {
    border-left-width: 1px !important;
    border-radius: 0.375rem 0 0 0.375rem !important;
}

html.gccr-cbx-standalone body #userInfoModal #hatersTab {
    border-left-width: 1px !important;
    border-radius: 0.375rem 0 0 0.375rem !important;
}

html body #userInfoModal #modTab,
html body #userInfoModal .user-info-tab:last-child {
    border-radius: 0 0.375rem 0.375rem 0 !important;
}

html body #userInfoModal #hatersTab:hover,
html body #userInfoModal #modTab:hover,
html body #userInfoModal .user-info-tab:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

html body #userInfoModal #hatersTab.active,
html body #userInfoModal #modTab.active,
html body #userInfoModal .user-info-tab.active,
html body #userInfoModal .user-info-tab.active:hover {
    background: var(--color-accent, #0d6efd) !important;
    border-color: var(--color-accent, #0d6efd) !important;
    color: var(--color-btn-text, #fff) !important;
    -webkit-text-fill-color: var(--color-btn-text, #fff) !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow: none !important;
}

html.gccr-btn-on-light body #userInfoModal #hatersTab.active,
html.gccr-btn-on-light body #userInfoModal #modTab.active,
html.gccr-btn-on-light body #userInfoModal .user-info-tab.active,
html.gccr-btn-on-light body #userInfoModal .user-info-tab.active:hover {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow: none !important;
}

body #userInfoModal .user-info-tab-panels {
    min-height:42.5cqmin !important;
    padding: 0.5rem 1rem 0.75rem !important;
}

body #userInfoModal .user-info-entry {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid var(--gccr-bs-border) !important;
    border-radius: 0.375rem !important;
}

body #userInfoModal .user-info-entry-name {
    color: #dee2e6 !important;
}

body #userInfoModal .user-info-empty {
    color: #adb5bd !important;
}

body #userInfoModal .user-info-tag-label {
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    color: #dee2e6 !important;
}

body #userInfoModal .user-info-tag-input {
    height: auto !important;
    min-height: 0 !important;
    padding: 0.375rem 0.75rem !important;
    line-height: 1.5 !important;
    background: var(--gccr-bs-surface-80) !important;
    border: 1px solid var(--gccr-bs-border) !important;
    border-radius: 0.375rem !important;
    color: #dee2e6 !important;
    font-size: 1rem !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

body #userInfoModal .user-info-tag-input:focus {
    outline: 0 !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 50%, #fff 20%) !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

#userInfoModal #modTabPanel #modCapList .user-info-mod-cap-row > .user-info-mod-toggle,
#userInfoModal .user-info-mod-toggle {
    position: relative !important;
    width:12cqmin !important;
    min-width:12cqmin !important;
    max-width:12cqmin !important;
    height:6.5cqmin !important;
    min-height:6.5cqmin !important;
    padding: 0 !important;
    border-radius: 26px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
}

#userInfoModal .user-info-mod-toggle::after {
    content: "" !important;
    position: absolute !important;
    top:0.5cqmin !important;
    left:0.5cqmin !important;
    width:5cqmin !important;
    height:5cqmin !important;
    border-radius: 50% !important;
    background: #adb5bd !important;
    transition: left 0.15s ease-in-out, background-color 0.15s ease-in-out !important;
}

#userInfoModal .user-info-mod-toggle:hover {
    border-color: rgba(255, 255, 255, 0.4) !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

#userInfoModal #modTabPanel #modCapList .user-info-mod-cap-row > .user-info-mod-toggle.on,
#userInfoModal .user-info-mod-toggle.on {
    background: var(--color-accent, #0d6efd) !important;
    border-color: var(--color-accent, #0d6efd) !important;
    color: transparent !important;
}

#userInfoModal .user-info-mod-toggle.on:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
}

#userInfoModal .user-info-mod-toggle.on::after {
    left:6cqmin !important;
    background: #fff !important;
}

body #userInfoModal .user-info-actions {
    border-top: 1px solid var(--gccr-bs-border) !important;
    padding:0.75rem 1rem 2.5cqmin !important;
}

body #userInfoModal .user-info-actions .user-info-actions-row {
    gap: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0.375rem !important;
    overflow: hidden !important;
}

#userInfoModal .user-info-actions .user-info-actions-row > .action-btn,
#userInfoModal #userInfoFriendBtn,
#userInfoModal #userInfoBlockBtn,
#userInfoModal #userInfoMessageBtn,
#userInfoModal #userInfoMoreBtn {
    background: var(--color-accent, #0d6efd) !important;
    border: 1px solid color-mix(in srgb, var(--color-accent, #0d6efd) 55%, #000) !important;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background-color 0.15s ease-in-out, filter 0.15s ease-in-out !important;
}

#userInfoModal #userInfoFriendBtn,
#userInfoModal .user-info-actions .user-info-actions-row > .action-btn:first-child {
    border-radius: 0.375rem 0 0 0.375rem !important;
    border-left-width: 1px !important;
}

#userInfoModal #userInfoMoreBtn,
#userInfoModal .user-info-actions .user-info-actions-row > .action-btn:last-child {
    border-radius: 0 0.375rem 0.375rem 0 !important;
}

#userInfoModal .user-info-actions .user-info-actions-row > .action-btn:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    filter: none !important;
}

#userInfoModal .user-info-actions .user-info-actions-row > .action-btn:disabled {
    background: var(--color-accent, #0d6efd) !important;
    opacity: 0.45 !important;
}

@media (max-width: 400px) {
    body #ccGetVipModal .cc-get-vip-table {
        font-size: 0.75rem !important;
    }
    body #ccGetVipModal .cc-get-vip-table th,
    body #ccGetVipModal .cc-get-vip-table td {
        padding: 0.45rem 0.4rem !important;
    }
}

#userInfoModal .user-info-actions .user-info-action-icon,
#userInfoModal .user-info-actions .user-info-message-icon,
#userInfoModal .user-info-actions .cc-chip-icon-img,
#userInfoModal .user-info-actions .user-info-action-icon,
#userInfoModal .user-info-actions .user-info-message-icon {
    filter: var(--color-btn-icon-filter, none) !important;
}

#toastNotification,
#toastNotification.gccr-toast-container,
body #toastNotification,
body #toastNotification.gccr-toast-container {
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    right:3cqmin !important;
    bottom:max(21cqmin, calc(4cqmin + env(safe-area-inset-bottom, 0px))) !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: stretch !important;
    gap: 0.5rem !important;
    width:min(89cqmin, calc(100vw - 6cqmin)) !important;
    max-width:min(89cqmin, calc(100vw - 6cqmin)) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 60000 !important;
    text-align: left !important;
    overflow: visible !important;
    text-shadow: none !important;
}

#toastNotification .gccr-toast,
body #toastNotification .gccr-toast {
    pointer-events: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    color: #dee2e6 !important;

    background: color-mix(in srgb, var(--gccr-bs-surface, #212529) 52%, transparent) !important;
    background-color: color-mix(in srgb, var(--gccr-bs-surface, #212529) 52%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--gccr-bs-border, #495057) 55%, transparent) !important;
    border-radius: 0.375rem !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.28) !important;
    opacity: 0 !important;
    transform: translateY(0.5rem) !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    overflow: hidden !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
}

#toastNotification .gccr-toast.show,
body #toastNotification .gccr-toast.show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

#toastNotification .gccr-toast.hiding,
body #toastNotification .gccr-toast.hiding {
    opacity: 0 !important;
    transform: translateY(0.35rem) !important;
}

#toastNotification .gccr-toast-row,
body #toastNotification .gccr-toast-row {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#toastNotification .gccr-toast-body,
body #toastNotification .gccr-toast-body {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0.75rem 0.25rem 0.75rem 0.9rem !important;
    color: #dee2e6 !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: pre-line !important;
    text-shadow: none !important;
}

#toastNotification .gccr-toast-close,
body #toastNotification .gccr-toast-close {
    box-sizing: content-box !important;
    width: 0.8em !important;
    height: 0.8em !important;
    padding: 0.45em !important;
    margin: 0 0.4rem 0 0 !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    color: #fff !important;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.8em auto !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    opacity: 0.7 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

#toastNotification .gccr-toast-close:hover,
body #toastNotification .gccr-toast-close:hover,
#toastNotification .gccr-toast-close:focus,
body #toastNotification .gccr-toast-close:focus {
    opacity: 1 !important;
    background-color: transparent !important;
    outline: 0 !important;
}

#toastNotification .gccr-toast-close:focus-visible,
body #toastNotification .gccr-toast-close:focus-visible {
    outline: 2px solid var(--color-accent, #0d6efd) !important;
    outline-offset: 2px !important;
    opacity: 1 !important;
}

#toastNotification .gccr-toast-clickable .gccr-toast-body,
body #toastNotification .gccr-toast-clickable .gccr-toast-body {
    cursor: pointer !important;
}

#toastNotification .gccr-toast-clickable:hover,
body #toastNotification .gccr-toast-clickable:hover {
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 55%, var(--gccr-bs-border, #495057)) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--color-accent, #0d6efd) 35%, transparent),
        0 0.5rem 1rem rgba(0, 0, 0, 0.45) !important;
}

#toastNotification .gccr-toast-clickable:focus-visible,
body #toastNotification .gccr-toast-clickable:focus-visible {
    outline: 2px solid var(--color-accent, #0d6efd) !important;
    outline-offset: 2px !important;
}

body #userInfoModal .modal-content {
    position: relative !important;
}

body #userInfoModal #userInfoClose.gccr-bs-modal-close,
body #userInfoModal.active #userInfoClose.gccr-bs-modal-close,
body #userInfoModal.opening #userInfoClose.gccr-bs-modal-close,
body #userInfoModal.active:not(.closing) #userInfoClose.gccr-bs-modal-close {
    position: absolute !important;
    top: 0.65rem !important;
    right: 0.65rem !important;
    z-index: 6 !important;
    box-sizing: content-box !important;
    width: 1em !important;
    height: 1em !important;
    padding: 0.35em !important;
    margin: 0 !important;
    display: inline-block !important;
    flex: none !important;
    color: #fff !important;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1em auto !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    opacity: 0.75 !important;
    box-shadow: none !important;
    text-indent:-2499.75cqmin !important;
    overflow: hidden !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

body #userInfoModal #userInfoClose.gccr-bs-modal-close:hover,
body #userInfoModal #userInfoClose.gccr-bs-modal-close:focus {
    opacity: 1 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body #userInfoModal #userInfoClose.gccr-bs-modal-close:focus-visible {
    outline: 2px solid var(--color-accent, #0d6efd) !important;
    outline-offset: 2px !important;
    opacity: 1 !important;
}

body #userInfoModal #userInfoStats .user-info-name-row,
body #userInfoModal #userInfoStats #userInfoPreviousNames,
body #userInfoModal #userInfoStats #userInfoStatus {
    padding-right: 2.5rem !important;
    box-sizing: border-box !important;
}

html body #sidebar #tab-home #sidebarTipMerchRow,
html body #sidebar #tab-home #sidebarVipPodcastRow {
    display: contents !important;
    gap: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
}
html body #sidebar #tab-home #sidebarVipPodcastRow {
    margin-top:2.5cqmin !important;
}
html body #sidebar #tab-home #sidebarVipPodcastRow[hidden] {
    display: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

html body,
html body *:not(svg):not(svg *):not(path) {
    text-shadow: none !important;
}

body #toastNotification.gccr-toast-container .gccr-toast {
    background: color-mix(in srgb, var(--gccr-bs-surface, #212529) 52%, transparent) !important;
    background-color: color-mix(in srgb, var(--gccr-bs-surface, #212529) 52%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--gccr-bs-border, #495057) 55%, transparent) !important;
    color: #dee2e6 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.28) !important;
    text-shadow: none !important;
}
body #toastNotification.gccr-toast-container .gccr-toast-body {
    color: #dee2e6 !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
}

html body #userListModal #userList .nickname {
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow:
        -1px -1px 0 #000,
         1px -1px 0 #000,
        -1px  1px 0 #000,
         1px  1px 0 #000,
        -2px  0 0 #000,
         2px  0 0 #000,
         0 -2px 0 #000,
         0  2px 0 #000,
         0  0  0 #000 !important;
}

.chaos-bank-notice-chip {
    width:4.5cqmin !important;
    height:4.5cqmin !important;
    object-fit: contain !important;
    filter: brightness(0) saturate(100%) invert(77%) sepia(48%) saturate(650%) hue-rotate(5deg) brightness(1.05) !important;
    flex-shrink: 0 !important;
}

html body #gccrCapabilityBanOverlay.gccr-capability-ban-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding:max(6cqmin, env(safe-area-inset-top, 0px)) 6cqmin max(6cqmin, env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    background: #000 !important;
    color: #fff !important;
    pointer-events: auto !important;
}
html body #gccrCapabilityBanOverlay.gccr-capability-ban-overlay:not([hidden]) {
    display: flex !important;
}
html body #gccrCapabilityBanOverlay .gccr-capability-ban-inner {
    text-align: center !important;
    max-width:min(92vw, 105cqmin) !important;
}
html body #gccrCapabilityBanOverlay .gccr-capability-ban-title {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: clamp(2.4rem, 10vw, 4rem) !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.1 !important;
    color: #fff !important;
    text-shadow: none !important;
}
html body #gccrCapabilityBanOverlay .gccr-capability-ban-timer {
    margin-top: 0.85rem !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: clamp(1.05rem, 4.2vw, 1.45rem) !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    color: rgba(255, 255, 255, 0.88) !important;
    text-shadow: none !important;
    font-variant-numeric: tabular-nums !important;
}
html body #gccrCapabilityBanOverlay .gccr-capability-ban-notice {
    margin: 1.25rem 0 0 !important;
    padding: 0 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: clamp(0.72rem, 2.6vw, 0.82rem) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0.01em !important;
    color: rgba(255, 255, 255, 0.55) !important;
    text-shadow: none !important;
    text-wrap: pretty !important;
}
.gccr-audio-play-btn, html body .gccr-audio-player button.gccr-audio-play-btn, html body .gccr-audio-player button.btn.gccr-audio-play-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    max-width: 2.25rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 0.375rem !important;
    background: color-mix(in srgb, var(--color-accent, #3b82f6) 22%, transparent) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #e8eaed !important;
    -webkit-text-fill-color: #e8eaed !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    text-transform: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-tap-highlight-color: transparent;
}

@keyframes gccrBsModalOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes gccrBsProgressStripes {
    from {
        background-position-x: 1rem;
    }
    to {
        background-position-x: 0;
    }
}

body #confirmModal.gccr-bs-confirm.active,
body #confirmModal.gccr-bs-confirm.closing,
html body > #confirmModal.gccr-bs-confirm.active,
html body > #confirmModal.gccr-bs-confirm.closing {
    z-index: 2147483647 !important;
    position: fixed !important;
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding:max(1rem, env(safe-area-inset-top, 0px)) 1rem
        max(1rem, env(safe-area-inset-bottom, 0px)) !important;
}

body #confirmModal.gccr-bs-confirm .modal-content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width:125cqmin !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--gccr-bs-surface-72, color-mix(in srgb, var(--gccr-bs-surface, #212529) 72%, transparent)) !important;
    background-color: var(--gccr-bs-surface-72, color-mix(in srgb, var(--gccr-bs-surface, #212529) 72%, transparent)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    color: #dee2e6 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body #confirmModal.gccr-bs-confirm.active .modal-content {
    animation: gccrBsModalIn 0.3s ease-out both !important;
}

body #confirmModal.gccr-bs-confirm.closing .modal-content {
    animation: gccrBsModalOut 0.24s ease-in both !important;
}

body #confirmModal.gccr-bs-confirm #confirmMessage {
    margin: 0 !important;
    padding: 1rem !important;
    border-bottom: 1px solid var(--gccr-bs-border) !important;
    color: #dee2e6 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

body #confirmModal.gccr-bs-confirm .button-container {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-shrink: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0.75rem !important;
    background: transparent !important;
}

body #confirmModal.gccr-bs-confirm #confirmNo,
body #confirmModal.gccr-bs-confirm #confirmYes {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0.375rem 0.75rem !important;
    border: 1px solid transparent !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
    cursor: pointer !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

body #confirmModal.gccr-bs-confirm #confirmNo {
    background: var(--gccr-bs-secondary) !important;
    border-color: var(--gccr-bs-secondary) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body #confirmModal.gccr-bs-confirm #confirmNo:hover {
    background: var(--gccr-bs-secondary-hover) !important;
    border-color: var(--gccr-bs-secondary-hover-border) !important;
    filter: none !important;
    transform: none !important;
}

body #confirmModal.gccr-bs-confirm #confirmYes {
    background: var(--color-accent, #0d6efd) !important;
    border-color: var(--color-accent, #0d6efd) !important;
    color: var(--color-btn-text, #fff) !important;
    -webkit-text-fill-color: var(--color-btn-text, #fff) !important;
}

body #confirmModal.gccr-bs-confirm #confirmYes:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 80%, #000) !important;
    filter: none !important;
    transform: none !important;
}

body #confirmModal.gccr-bs-confirm #confirmNo:focus-visible,
body #confirmModal.gccr-bs-confirm #confirmYes:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

body #alertModal.gccr-bs-alert.active,
body #alertModal.gccr-bs-alert.closing,
html body > #alertModal.gccr-bs-alert.active,
html body > #alertModal.gccr-bs-alert.closing {
    z-index: 2147483647 !important;
    position: fixed !important;
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding:max(1rem, env(safe-area-inset-top, 0px)) 1rem
        max(1rem, env(safe-area-inset-bottom, 0px)) !important;
}

body #alertModal.gccr-bs-alert .modal-content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width:125cqmin !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--gccr-bs-surface-72, color-mix(in srgb, var(--gccr-bs-surface, #212529) 72%, transparent)) !important;
    background-color: var(--gccr-bs-surface-72, color-mix(in srgb, var(--gccr-bs-surface, #212529) 72%, transparent)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    color: #dee2e6 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body #alertModal.gccr-bs-alert.active .modal-content {
    animation: gccrBsModalIn 0.3s ease-out both !important;
}

body #alertModal.gccr-bs-alert.closing .modal-content {
    animation: gccrBsModalOut 0.24s ease-in both !important;
}

body #alertModal.gccr-bs-alert #alertMessage {
    margin: 0 !important;
    padding: 1rem !important;
    border-bottom: 1px solid var(--gccr-bs-border) !important;
    color: #dee2e6 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
}

body #alertModal.gccr-bs-alert .button-container {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-shrink: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0.75rem !important;
    background: transparent !important;
}

body #alertModal.gccr-bs-alert #alertOk {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0.375rem 0.75rem !important;
    border: 1px solid transparent !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 transparent !important;
    cursor: pointer !important;
    background: var(--color-accent, #0d6efd) !important;
    border-color: var(--color-accent, #0d6efd) !important;
    color: var(--color-btn-text, #fff) !important;
    -webkit-text-fill-color: var(--color-btn-text, #fff) !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

body #alertModal.gccr-bs-alert #alertOk:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 80%, #000) !important;
    filter: none !important;
    transform: none !important;
}

body #alertModal.gccr-bs-alert #alertOk:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

#inboxModal .inbox-image-bubble,
#inboxModal .inbox-message-bubble,
#inboxModal .inbox-voice-bubble,
#inboxModal .inbox-video-bubble,
#inboxModal .inbox-media-unavailable {
    border-radius: 0.375rem !important;
    padding: 0.5rem 0.75rem !important;
}

#inboxModal .inbox-message-bubble.outgoing,
#inboxModal .inbox-message-bubble.incoming,
#inboxModal .inbox-image-bubble.outgoing,
#inboxModal .inbox-image-bubble.incoming,
#inboxModal .inbox-voice-bubble.outgoing,
#inboxModal .inbox-voice-bubble.incoming,
#inboxModal .inbox-video-bubble.outgoing,
#inboxModal .inbox-video-bubble.incoming {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

#inboxModal #inboxMessageInput {
    border-radius: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    min-height: 2.5rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
}

#inboxModal #inboxMessageInput:focus {
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}

#inboxModal .inbox-message-input-container.inbox-recipient-offline #inboxMessageInput:disabled,
#inboxModal .inbox-message-input-container.inbox-chaos-bank-readonly #inboxMessageInput:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

#inboxModal .inbox-message-input-container.inbox-recipient-offline #inboxSendBtn:disabled,
#inboxModal .inbox-message-input-container.inbox-chaos-bank-readonly #inboxSendBtn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    filter: grayscale(0.6);
}

#inboxModal #inboxSendBtn {
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    max-width: 2.5rem !important;
    border: 0 !important;
    border-radius: 0.375rem !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;

    background: linear-gradient(135deg, var(--color-btn-gradient-start, rgba(59, 130, 246, 0.8)), var(--color-btn-gradient-end, rgba(37, 99, 235, 0.8))) !important;
    box-shadow: none !important;
    transform: none !important;
    color: #fff !important;
}

#inboxModal #inboxSendBtn img {
    width:5cqmin !important;
    height:5cqmin !important;
    filter: brightness(0) invert(1) !important;
    pointer-events: none !important;
}

#inboxModal #inboxSendBtn:hover,
#inboxModal #inboxSendBtn:active {
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
    background: linear-gradient(135deg, var(--color-btn-gradient-start, rgba(59, 130, 246, 0.95)), var(--color-btn-gradient-end, rgba(37, 99, 235, 0.95))) !important;
}

#inboxModal #inboxFabBtn.inbox-fab-btn,
#inboxModal .inbox-fab-btn {
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    max-width: 2.5rem !important;
    border-radius: 0.375rem !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

#inboxModal .inbox-fab-item {
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    border-radius: 0.375rem !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    box-shadow: none !important;
}

#inboxModal .inbox-fab-wrap.open .inbox-fab-btn {
    box-shadow: none !important;
}

#inboxModal .inbox-tab {
    border-radius: 0.375rem !important;
}

#inboxModal .inbox-rail-indicator {
    border-radius: 0.5rem !important;
}

#inboxModal .inbox-tab-close-btn,
#inboxModal .inbox-message-unsend-btn {
    border-radius: 0.25rem !important;
}

#inboxModal .inbox-message-pending {
    margin-right: 0.35rem;
    font-size: 0.7rem;
    opacity: 0.75;
    font-style: italic;
}

#inboxModal .inbox-message-input-container {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.5rem 0.75rem !important;
}

#inboxModal #inboxNavTabs {
    border-radius: 0 !important;
}

#inboxModal .gccr-nav-tab {
    border-radius: 0 !important;
}

body #contactModal.active,
body #contactModal.closing {
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body #contactModal .modal-content {
    background: var(--gccr-bs-surface-72, color-mix(in srgb, var(--gccr-bs-surface, #212529) 72%, transparent)) !important;
    background-color: var(--gccr-bs-surface-72, color-mix(in srgb, var(--gccr-bs-surface, #212529) 72%, transparent)) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    padding: 0 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body #contactModal .button-container {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0.75rem 1rem !important;
    border-top: 1px solid var(--gccr-bs-border) !important;
}
body #contactModal #contactModalOk {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0.375rem 0.75rem !important;
    border: 1px solid var(--color-accent, #0d6efd) !important;
    border-radius: 0.375rem !important;
    background: var(--color-accent, #0d6efd) !important;
    color: var(--color-btn-text, #fff) !important;
    -webkit-text-fill-color: var(--color-btn-text, #fff) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
}

html body .cc-btn,
html body .cc-btn-primary,
html body .cc-btn-secondary {
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
    background-image: none !important;
}

html body #menuBar #usersOnline.menubar-stat-connecting .menu-bar-stat-line:has(.menu-bar-stat-number:empty){
    background-color: rgba(255, 255, 255, 0.12) !important;
    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(255, 255, 255, 0.42) 50%,
        rgba(255, 255, 255, 0.08) 100%
    ) !important;
    background-size: 200% 100% !important;
    background-repeat: no-repeat !important;
    animation: none !important;
}

html body #menuBar #usersOnline.menubar-stat-connecting .menu-bar-stat-line:has(.menu-bar-stat-number:empty) {
    min-width: 2.5ch !important;
}

#rulesModal.gccr-terms-modal,
html body > #rulesModal.modal.gccr-terms-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10100 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding:max(1rem, env(safe-area-inset-top, 0px)) 1rem
        max(1rem, env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}
#rulesModal.gccr-terms-modal.active,
html body > #rulesModal.modal.gccr-terms-modal.active {
    display: flex !important;
}
#rulesModal .modal-dialog {
    position: relative !important;
    width: 100% !important;
    max-width:125cqmin !important;
    margin: auto !important;
    pointer-events: none !important;
}
#rulesModal .modal-content.gccr-terms-modal-content,
#rulesModal .gccr-terms-modal-content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width:125cqmin !important;
    max-height:min(85vh, 160cqmin) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    background: var(--gccr-bs-surface-72, color-mix(in srgb, var(--gccr-bs-surface, #212529) 72%, transparent)) !important;
    background-color: var(--gccr-bs-surface-72, color-mix(in srgb, var(--gccr-bs-surface, #212529) 72%, transparent)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    color: #dee2e6 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
#rulesModal.active .gccr-terms-modal-content {
    animation: gccrBsModalIn 0.3s ease-out both !important;
}
#rulesModal .modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0.85rem 1rem !important;
    border-bottom: 1px solid var(--gccr-bs-border, #495057) !important;
    background: transparent !important;
}
#rulesModal .modal-title {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #dee2e6 !important;
}
#rulesModal .btn-close,
html body #rulesModal .btn-close {
    box-sizing: content-box !important;
    flex: 0 0 auto !important;
    width: 1.25em !important;
    height: 1.25em !important;
    min-width: 1.25em !important;
    min-height: 1.25em !important;
    padding: 0.45em !important;
    margin: 0 0 0 auto !important;
    display: inline-block !important;
    color: #fff !important;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.25em auto !important;
    border: 0 !important;
    border-radius: 0.375rem !important;
    opacity: 0.8 !important;
    filter: none !important;
}
#rulesModal .btn-close:hover {
    opacity: 1 !important;
}
#rulesModal .btn-close[hidden],
#rulesModal .btn-close[aria-hidden="true"] {
    display: none !important;
}
#rulesModal .modal-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.85rem 1rem !important;
    color: #dee2e6 !important;
    font-size: 0.875rem !important;
    line-height: 1.45 !important;
}
#rulesModal #rulesMessage.gccr-terms-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height:min(42vh, 70cqmin) !important;
    margin: 0 0 0.75rem !important;
    padding:1.25cqmin !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
    font-size: 0.8125rem !important;
    line-height: 1.4 !important;
    color: #dee2e6 !important;
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0.375rem !important;
}
#rulesModal #rulesMessage.gccr-terms-scroll,
#rulesModal #rulesMessage.gccr-terms-scroll * {
    touch-action: pan-y !important;
}
#rulesModal #rulesMessage p {
    margin: 0 0 0.55rem !important;
    text-align: center !important;
}
#rulesModal #rulesMessage ul {
    margin: 0 0 0.55rem !important;
    padding-left: 1.1rem !important;
    text-align: left !important;
}
#rulesModal #rulesMessage li {
    margin-bottom: 0.35rem !important;
}
#rulesModal #rulesMessage a,
#rulesModal .gccr-terms-agree .form-check-label a {
    color: color-mix(in srgb, var(--color-accent, #0d6efd) 75%, #fff) !important;
    text-decoration: underline !important;
    text-underline-offset: 0.12em !important;
}
#rulesModal .gccr-terms-agree.form-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    flex-shrink: 0 !important;
}

#rulesModal .gccr-terms-agree .form-check-input {
    flex: 0 0 auto !important;
    float: none !important;
    width: 1.25em !important;
    height: 1.25em !important;
    margin: 0.125em 0 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    background-color: var(--gccr-bs-surface, #212529) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 0.25em !important;
    accent-color: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    print-color-adjust: exact !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
#rulesModal .gccr-terms-agree .form-check-input:checked {
    background-color: var(--color-accent, #0d6efd) !important;
    border-color: var(--color-accent, #0d6efd) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
#rulesModal .gccr-terms-agree .form-check-input:focus {
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 50%, #fff 20%) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 25%, transparent) !important;
}
#rulesModal .gccr-terms-agree .form-check-input:focus:not(:focus-visible) {
    box-shadow: none !important;
}
#rulesModal .gccr-terms-agree .form-check-label {
    margin: 0 !important;
    padding: 0 !important;
    color: #ced4da !important;
    font-size: 0.8125rem !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}
#rulesModal .modal-footer {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-shrink: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0.75rem !important;
    border-top: 1px solid var(--gccr-bs-border, #495057) !important;
    background: transparent !important;
}

html body #rulesModal .modal-content .modal-footer > button.btn.btn-primary,
html body #rulesModal .modal-content .modal-footer > #rulesOk.btn {
    display: inline-block !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 5.5rem !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: var(--color-accent, #0d6efd) !important;
    background-color: var(--color-accent, #0d6efd) !important;
    border: 1px solid var(--color-accent, #0d6efd) !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
html body #rulesModal .modal-content .modal-footer > button.btn.btn-primary:hover,
html body #rulesModal .modal-content .modal-footer > #rulesOk.btn:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    background-color: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 80%, #000) !important;
}
html body #rulesModal .modal-content .modal-footer > button.btn.btn-primary:focus-visible,
html body #rulesModal .modal-content .modal-footer > #rulesOk.btn:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 40%, transparent) !important;
}
html body #rulesModal .modal-content .modal-footer > button.btn.btn-primary:disabled,
html body #rulesModal .modal-content .modal-footer > #rulesOk.btn:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}

html body #sidebar #tab-home > .sidebar-list-section-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap:1.5cqmin !important;
    gap:1.5cqmin !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left:2.5cqmin !important;
    margin-right:2.5cqmin !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
}

html body #sidebar #tab-home > .sidebar-list-section-actions #sidebarTipMerchRow {
    display: contents !important;
}
html body #sidebar #tab-home > .sidebar-list-section-actions #sidebarVipPodcastRow:not([hidden]) {
    display: contents !important;
}
html body #sidebar #tab-home > .sidebar-list-section-actions .sidebar-action-tile, html body #sidebar #tab-home > .sidebar-list-section-actions a.button-full.sidebar-action-tile, html body #sidebar #tab-home > .sidebar-list-section-actions button.button-full.sidebar-action-tile, html body #sidebar #tab-home > .sidebar-list-section-actions #sidebarShareGccrBtn.sidebar-action-tile, html body #sidebar #tab-home > .sidebar-list-section-actions #reportAbuseBtn.sidebar-action-tile, html body #sidebar #tab-home > .sidebar-list-section-actions #legalBtnLabel.sidebar-action-tile, html body #sidebar #tab-home > .sidebar-list-section-actions #sidebarSubscribeAdFreeBtn.sidebar-action-tile, html body #sidebar #tab-home > .sidebar-list-section-actions #sidebarMerchShopBtn.sidebar-action-tile, html body #sidebar #tab-home > .sidebar-list-section-actions #sidebarWebsiteBtn.sidebar-action-tile, html body #sidebar #tab-home #reportAbuseBtn.sidebar-action-tile, html body #sidebar #tab-home #legalBtnLabel.sidebar-action-tile, html body #sidebar #sidebarTipMerchRow .button-full.sidebar-action-tile, html body #sidebar #sidebarTipMerchRow a.button-full.sidebar-action-tile{
    position: relative !important;
    aspect-ratio: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height:10cqmin !important;
    max-height: none !important;
    flex: 0 1 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.65rem !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0.45rem 0.75rem !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-decoration: none !important;
    line-height: 1.25 !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    border-radius: 0.375rem !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}
html body #sidebar #tab-home > .sidebar-list-section-actions .sidebar-action-tile[hidden], html body #sidebar #tab-home > .sidebar-list-section-actions .sidebar-action-tile[aria-hidden="true"][hidden]{
    display: none !important;
}
html body #sidebar #tab-home > .sidebar-list-section-actions .sidebar-action-emoji{
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.35rem !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
html body #sidebar #tab-home > .sidebar-list-section-actions .sidebar-action-label{
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    -webkit-box-orient: unset !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
    pointer-events: none !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#userList .block-btn .cbx-icon,
#userList .blocked-indicator .cbx-icon,
#userListModal .block-btn .cbx-icon,
#userListModal .blocked-indicator .cbx-icon {
    filter: brightness(0) saturate(100%) invert(17%) sepia(95%) saturate(4621%) hue-rotate(347deg) brightness(94%) contrast(107%) !important;
}

#userList .block-btn .cbx-icon[data-alt="Unblock"],
#userListModal .block-btn .cbx-icon[data-alt="Unblock"] {
    filter: brightness(0) saturate(100%) invert(62%) sepia(84%) saturate(360%) hue-rotate(84deg) brightness(96%) contrast(93%) !important;
}

#userList .message-btn:not(.message-btn-disabled) img,
#userListModal .message-btn:not(.message-btn-disabled) img,
#userList .user-context-btn .cbx-icon,
#userListModal .user-context-btn .cbx-icon {
    filter: brightness(0) saturate(100%) invert(72%) sepia(57%) saturate(2056%) hue-rotate(173deg) brightness(102%) contrast(101%) !important;
}

.gccr-user-list-context-menu .gccr-user-list-context-sep {
    height: 0 !important;
    margin: 0.5rem 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    opacity: 1 !important;
    background: transparent !important;
}

#gccrOnboardingModeModal.gccr-onboarding-mode-modal,
html body > #gccrOnboardingModeModal.modal.gccr-onboarding-mode-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483600 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding:max(2.5cqmin, env(safe-area-inset-top, 0px)) 2.5cqmin
        max(2.5cqmin, env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: rgba(0, 0, 0, 0.55) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: auto !important;
}

#gccrOnboardingModeModal.gccr-onboarding-mode-modal.active,
html body > #gccrOnboardingModeModal.modal.gccr-onboarding-mode-modal.active {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#gccrOnboardingModeModal > .modal-dialog {
    position: relative !important;
    width:min(140cqmin, calc(100vw - 5cqmin)) !important;
    max-width:calc(100vw - 5cqmin) !important;
    max-height:calc(100vh - 5cqmin) !important;
    margin: auto !important;
    display: flex !important;
    flex-direction: column !important;
    pointer-events: none !important;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-content,
#gccrOnboardingModeModal .modal-content.gccr-onboarding-mode-content {
    width: 100% !important;
    max-height:calc(100vh - 5cqmin) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
    background: #111111 !important;
    background-color: #111111 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    color: #dee2e6 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

#gccrOnboardingModeModal .modal-header {
    flex: 0 0 auto;
    padding: 0.65rem 0.85rem 0.35rem;
}

#gccrOnboardingModeModal .modal-title {
    font-size: 1.05rem;
    margin: 0;
}

#gccrOnboardingModeModal .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0.35rem 0.85rem 0.55rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-lead {
    margin: 0;
    color: #ced4da;
    font-size: 0.82rem;
    line-height: 1.3;
    flex: 0 0 auto;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-option {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.03);
    cursor: pointer;
    min-height: 0;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-option:has(input:checked) {
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 75%, #fff);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-accent, #0d6efd) 45%, transparent);
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 12%, transparent);
}

#gccrOnboardingModeModal .gccr-onboarding-mode-shot-wrap {
    width: 100%;
    max-width: none;
    margin: 0 0 0.4rem;
    aspect-ratio: 9 / 16;
    max-height:min(42vh, 80cqmin);
    height: auto;
    border-radius: 0.35rem;
    overflow: hidden;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.1);
    flex: 1 1 auto;
    min-height: 0;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-shot {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-option .form-check {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    margin: 0;
    min-height: 0;
    padding-left: 0;
    flex: 0 0 auto;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-option .form-check-input {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-option .form-check-label {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    color: #e9ecef;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-option .form-check-label strong {
    font-size: 0.92rem;
}

#gccrOnboardingModeModal .gccr-onboarding-mode-blurb {
    color: #adb5bd;
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 400;
}

#gccrOnboardingModeModal .modal-footer {
    display: flex !important;
    flex-wrap: wrap !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    border-top: 1px solid var(--gccr-bs-border, #495057) !important;
    background: transparent !important;
    padding: 0.55rem 0.85rem 0.7rem !important;
}

html body #gccrOnboardingModeModal .modal-content .modal-footer > button.btn.btn-primary,
html body #gccrOnboardingModeModal .modal-content .modal-footer > #gccrOnboardingModeContinue.btn {
    display: inline-block !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 5.5rem !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: var(--color-accent, #0d6efd) !important;
    background-color: var(--color-accent, #0d6efd) !important;
    border: 1px solid var(--color-accent, #0d6efd) !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
html body #gccrOnboardingModeModal .modal-content .modal-footer > button.btn.btn-primary:hover,
html body #gccrOnboardingModeModal .modal-content .modal-footer > #gccrOnboardingModeContinue.btn:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    background-color: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 80%, #000) !important;
}
html body #gccrOnboardingModeModal .modal-content .modal-footer > button.btn.btn-primary:focus-visible,
html body #gccrOnboardingModeModal .modal-content .modal-footer > #gccrOnboardingModeContinue.btn:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 40%, transparent) !important;
}
html body #gccrOnboardingModeModal .modal-content .modal-footer > button.btn.btn-primary:disabled,
html body #gccrOnboardingModeModal .modal-content .modal-footer > #gccrOnboardingModeContinue.btn:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

@media (max-width: 360px) {
    #gccrOnboardingModeModal .gccr-onboarding-mode-blurb {
        display: none;
    }

    #gccrOnboardingModeModal .gccr-onboarding-mode-shot-wrap {
        max-height:min(38vh, 65cqmin);
    }
}

.gccr-onboarding-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483605;

    background: transparent !important;
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: auto;
}

.gccr-onboarding-overlay.gccr-onboarding-overlay--visible {
    opacity: 1;
}

.gccr-onboarding-spotlight {
    position: fixed;
    border-radius: 12px;
    box-shadow:
        0 0 0 9999px rgba(0, 0, 0, 0.62),
        0 0 0 2px rgba(255, 255, 255, 0.85),
        0 0 18px 4px color-mix(in srgb, var(--color-accent, #0d6efd) 55%, transparent);
    background: transparent;
    pointer-events: none;
    animation: gccr-onboarding-pulse 1.6s ease-in-out infinite;
    z-index: 1;
}

@keyframes gccr-onboarding-pulse {
    0%,
    100% {
        box-shadow:
            0 0 0 9999px rgba(0, 0, 0, 0.62),
            0 0 0 2px rgba(255, 255, 255, 0.8),
            0 0 14px 3px color-mix(in srgb, var(--color-accent, #0d6efd) 45%, transparent);
    }
    50% {
        box-shadow:
            0 0 0 9999px rgba(0, 0, 0, 0.62),
            0 0 0 3px #fff,
            0 0 26px 8px color-mix(in srgb, var(--color-accent, #0d6efd) 70%, transparent);
    }
}

.gccr-onboarding-card {
    position: fixed;
    z-index: 2;
    padding: 0.9rem 1rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: #111111 !important;
    background-color: #111111 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
    color: #dee2e6;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.gccr-onboarding-title {
    margin: 0 0 0.4rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: #dee2e6;
}

.gccr-onboarding-body {
    margin: 0 0 0.85rem;
    font-size: 0.92rem;
    line-height: 1.4;
    color: #ced4da;
}

.gccr-onboarding-card-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

html body .gccr-onboarding-overlay .gccr-onboarding-card-actions > button.btn.btn-primary,
html body .gccr-onboarding-overlay #gccrOnboardingNextBtn.btn {
    display: inline-block !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 5.5rem !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: var(--color-accent, #0d6efd) !important;
    background-color: var(--color-accent, #0d6efd) !important;
    border: 1px solid var(--color-accent, #0d6efd) !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
html body .gccr-onboarding-overlay .gccr-onboarding-card-actions > button.btn.btn-primary:hover,
html body .gccr-onboarding-overlay #gccrOnboardingNextBtn.btn:hover {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    background-color: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 80%, #000) !important;
}
html body .gccr-onboarding-overlay .gccr-onboarding-card-actions > button.btn.btn-primary:focus-visible,
html body .gccr-onboarding-overlay #gccrOnboardingNextBtn.btn:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 40%, transparent) !important;
}

.gccr-onboarding-skip {
    position: fixed;
    right:3cqmin;
    bottom:max(3cqmin, env(safe-area-inset-bottom, 0px));
    z-index: 3;
}

html body .gccr-onboarding-overlay > button.btn.gccr-onboarding-skip,
html body .gccr-onboarding-overlay #gccrOnboardingSkipBtn.btn {
    display: inline-block !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
    color: #f8f9fa !important;
    -webkit-text-fill-color: #f8f9fa !important;
    background: rgba(33, 37, 41, 0.45) !important;
    background-color: rgba(33, 37, 41, 0.45) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(248, 249, 250, 0.85) !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
html body .gccr-onboarding-overlay > button.btn.gccr-onboarding-skip:hover,
html body .gccr-onboarding-overlay #gccrOnboardingSkipBtn.btn:hover {
    color: #212529 !important;
    -webkit-text-fill-color: #212529 !important;
    background: rgba(248, 249, 250, 0.88) !important;
    background-color: rgba(248, 249, 250, 0.88) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: #f8f9fa !important;
}

#sidebarOpenCbRow[hidden]{display:none!important}

.cc-modal {background:var(--color-modal-bg,rgba(0,20,40,.97));border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 30%,transparent);border-radius:16px;width:100%;max-width:none;height:calc(100vh - 20px);max-height:none;overflow-y:auto;padding:0 0 20px;box-shadow:0 8px 40px rgba(0,0,0,.7),0 0 0 1px color-mix(in srgb,var(--color-accent,#fbbf24) 12%,transparent);backdrop-filter: none;-webkit-backdrop-filter: none}.cc-modal::-webkit-scrollbar {width:6px}.cc-modal::-webkit-scrollbar-track {background:0 0}.cc-modal::-webkit-scrollbar-thumb {background:color-mix(in srgb,var(--color-accent,#fbbf24) 30%,transparent);border-radius:3px}.cc-modal-header {display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 15%,transparent);position:sticky;top:0;background:var(--color-modal-bg,rgba(0,20,40,.97));backdrop-filter: none;-webkit-backdrop-filter: none;z-index:1}.cc-btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:0;border-radius:20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.01em}.cc-btn:disabled {opacity:.4;cursor:not-allowed}.cc-btn-primary {background:var(--color-accent,#fbbf24);color:var(--color-btn-text,#fff)}.cc-btn-primary:hover:not(:disabled) {background:color-mix(in srgb,var(--color-accent,#fbbf24) 85%,#000)}.cc-btn-secondary:hover:not(:disabled) {background:color-mix(in srgb,var(--color-accent,#fbbf24) 10%,transparent)}#ccGetVipModal.cc-get-vip-overlay {
    align-items: stretch;
    justify-content: stretch;
    padding: 0 !important;
    inset: 0 !important;
    z-index: 10070;
}#ccGetVipModal .cc-get-vip-modal {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}#ccGetVipModal .cc-get-vip-modal > .cc-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding: 10px 12px 0 16px;
    position: relative;
}#ccGetVipModal .cc-get-vip-body {
    padding: 7px 11px 3px;
    overflow: auto;
    flex: 1 1 auto;
    min-height: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
}#ccGetVipModal .cc-get-vip-splash {
    display: block;
    width: 90px;
    height: auto;
    margin: 0;
    border-radius: 6px;
    flex: 0 0 auto;
}#ccGetVipModal .cc-get-vip-table-wrap {
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--color-accent, #09f) 35%, transparent);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.5);
}#ccGetVipModal .cc-get-vip-pitch {
    margin: 14px 0 0;
    text-align: center;
    font-size: 0.92rem;
    line-height: 1.45;
    opacity: 0.92;
}#ccGetVipModal .cc-get-vip-table th,
#ccGetVipModal .cc-get-vip-table td {
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}#ccGetVipModal .cc-get-vip-table th {
    font-weight: 900;
}#ccGetVipModal .cc-get-vip-table td:first-child {
    font-weight: 900;
}#ccGetVipModal .cc-get-vip-table td:nth-child(2),
#ccGetVipModal .cc-get-vip-table td:nth-child(3) {
    font-weight: 400;
}#ccGetVipModal .cc-get-vip-table th:nth-child(2),
#ccGetVipModal .cc-get-vip-table th:nth-child(3),
#ccGetVipModal .cc-get-vip-table td:nth-child(2),
#ccGetVipModal .cc-get-vip-table td:nth-child(3) {
    width: 28%;
}#ccGetVipModal .cc-get-vip-table tr:last-child td {
    border-bottom: none;
}#ccGetVipModal .cc-get-vip-note {
    margin: 10px 0 0;
    color: #f6c344;
    font-size: 0.85rem;
}#ccGetVipModal .cc-get-vip-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-bottom: 0;
    padding: 12px 16px calc(19px + env(safe-area-inset-bottom, 0px));
    border-top: 0 !important;
}body #ccGetVipModal.cc-get-vip-overlay {
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    background: rgba(0, 0, 0, 0.5) !important;
}body #ccGetVipModal .cc-get-vip-modal {
    width: min(92vw, 500px) !important;
    max-width: 500px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(90vh, 720px) !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: var(--gccr-bs-surface-72) !important;
    background-color: var(--gccr-bs-surface-72) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
    padding: 0 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}body #ccGetVipModal .cc-get-vip-modal > .cc-modal-header {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1rem !important;
    padding: 0.75rem 1rem 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    position: static !important;
}body #ccGetVipModal .cc-get-vip-splash {
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 auto !important;
}body #ccGetVipModal .cc-get-vip-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 11px !important;
}body #ccGetVipModal .cc-get-vip-table-wrap {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    border: 1px solid var(--gccr-bs-border) !important;
    border-radius: 0.375rem !important;
    background: transparent !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
}body #ccGetVipModal .cc-get-vip-table th,
body #ccGetVipModal .cc-get-vip-table td {
    padding: 0.5rem !important;
    border-bottom: 1px solid var(--gccr-bs-border) !important;
    color: #dee2e6 !important;
}body #ccGetVipModal .cc-get-vip-table thead th {
    font-weight: 700 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;

    background: color-mix(in srgb, var(--gccr-bs-surface) 94%, #fff) !important;
}body #ccGetVipModal .cc-get-vip-table td:first-child {
    font-weight: 500 !important;
}body #ccGetVipModal .cc-get-vip-table tbody tr td {
    background: rgba(255, 255, 255, 0.03) !important;
}body #ccGetVipModal .cc-get-vip-table tr:last-child td {
    border-bottom: none !important;
}body #ccGetVipModal .cc-get-vip-table td:nth-child(2) {
    box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.16) !important;
}body #ccGetVipModal .cc-get-vip-pitch {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: 0.8125rem !important;
    line-height: 1.5 !important;
    color: #adb5bd !important;
    opacity: 1 !important;
}body #ccGetVipModal .cc-get-vip-note {
    flex: 0 0 auto !important;
    margin: 1rem 0 0 !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    color: #ffda6a !important;
    background: #332701 !important;
    border: 1px solid #997404 !important;
    border-radius: 0.375rem !important;
}body #ccGetVipModal .cc-get-vip-footer {
    flex: 0 0 auto !important;
    padding: 0.75rem 1rem !important;
    border-top: 1px solid var(--gccr-bs-border) !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.5rem !important;
}body #ccGetVipModal .cc-get-vip-footer .cc-btn {
    flex: 0 0 auto !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-family: inherit !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}body #ccGetVipModal .cc-get-vip-footer .cc-btn-secondary {
    background: var(--gccr-bs-secondary) !important;
    border: 1px solid var(--gccr-bs-secondary) !important;
    color: #fff !important;
}body #ccGetVipModal .cc-get-vip-footer .cc-btn-secondary:hover:not(:disabled) {
    background: var(--gccr-bs-secondary-hover) !important;
    border-color: var(--gccr-bs-secondary-hover-border) !important;
}body #ccGetVipModal .cc-get-vip-footer .cc-btn-primary {
    background: var(--color-accent, #0d6efd) !important;
    border: 1px solid var(--color-accent, #0d6efd) !important;
    color: var(--color-btn-text, #fff) !important;
    -webkit-text-fill-color: var(--color-btn-text, #fff) !important;
}body #ccGetVipModal .cc-get-vip-footer .cc-btn-primary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--color-accent, #0d6efd) 85%, #000) !important;
    border-color: color-mix(in srgb, var(--color-accent, #0d6efd) 80%, #000) !important;
}body #ccGetVipModal .cc-get-vip-footer .cc-btn:focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--color-accent, #0d6efd) 40%, transparent) !important;
}.cc-modal-header,
#ccGetVipModal .cc-get-vip-modal > .cc-modal-header,
body #ccGetVipModal .cc-get-vip-modal > .cc-modal-header {
    border-bottom: 0 !important;
}.cc-btn-secondary,
body #ccGetVipModal .cc-get-vip-footer .cc-btn-secondary,
body #ccGetVipModal .cc-get-vip-footer .cc-btn-primary {
    border: none !important;
}@media (max-width: 400px){body #ccGetVipModal .cc-get-vip-table th,
body #ccGetVipModal .cc-get-vip-table td {
        padding: 0.45rem 0.4rem !important;
    }}
#ccGetVipModal .cc-get-vip-table{width:100%}

/* Material Icons glyphs that replaced the old inline SVG <img> icons: same boxes as before, glyph sized to fill them */
.cbx-icon{color:#e3e3e3;font-size:24px;width:1em;height:1em;overflow:hidden;user-select:none}
#menuBar #muteToggleButton #muteToggleIcon{font-size:7.6cqmin;color:#fff}
#menuBar #inboxButton #inboxIcon{color:#fff}
#menuBar #muteToggleButton.is-muted #muteToggleIcon{color:#ef4444}
html #menuBar #inboxButton #inboxIcon{font-size:7cqmin}
.sidebar-scroll-hint .cbx-icon{font-size:28px}
.user-info-action-icon,.user-info-message-icon{font-size:20px}
/* the user list forces 0.9rem !important on every row span, so these need the ids and !important */
.block-btn .cbx-icon,.blocked-indicator .cbx-icon,#userList .block-btn .cbx-icon,#userList .blocked-indicator .cbx-icon,#userListModal .block-btn .cbx-icon,#userListModal .blocked-indicator .cbx-icon{font-size:32px!important}
.message-btn .cbx-icon,.user-context-btn .cbx-icon,#userList .message-btn .cbx-icon,#userList .user-context-btn .cbx-icon,#userListModal .message-btn .cbx-icon,#userListModal .user-context-btn .cbx-icon{font-size:26px!important}
#keyingUpList .keying-up-icon{font-size:.88em}
.inbox-rail-avatar-icon{font-size:22px}
.inbox-send-icon{font-size:20px;color:#fff}
/* Close buttons draw the Material Icons "close" glyph (it fills ~60% of its em box, the old SVG X filled all of its box, hence the scale) */
#moderatedUsersClose::before,#userInfoClose::before,#rulesModal .btn-close::before,.gccr-toast-close::before{content:"\e5cd";font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:1em;line-height:1;display:block;width:1em;height:1em;color:#fff;transform:scale(1.65);-webkit-font-smoothing:antialiased;pointer-events:none;text-indent:0}
.gccr-toast-close::before{font-size:.8em}
#rulesModal .btn-close::before{font-size:1.25em}
/* Undo and reverse are a quarter smaller than block/skip above them; the extra eighth above and below keeps
   each one centred where it was, so block and skip don't move (a later rule zeroes the side buttons' margins). */
#controlsContainer #buttonContainer #skipReverseContainer #reverseButton,
#controlsContainer #buttonContainer #blockDownloadContainer #undoRecordingButton{margin:calc(var(--gccr-side-btn-size, 11.75cqmin) * .125) 0!important}
#controlsContainer #buttonContainer #blockDownloadContainer #undoRecordingButton{width:calc(var(--gccr-side-btn-size, 11.75cqmin) * .75)!important;height:calc(var(--gccr-side-btn-size, 11.75cqmin) * .75)!important;min-width:calc(var(--gccr-side-btn-size, 11.75cqmin) * .75)!important;min-height:calc(var(--gccr-side-btn-size, 11.75cqmin) * .75)!important}
/* ---------- Speaker name + queue timer ----------
   Copied from Open CB's sender panel (cbx/opencb/src/css/style.css .sender / .sender-card / .sender-line /
   .sender-nick / .sender-timer) so both apps match on every screen. #app is a full-screen size container,
   like Open CB's .phone, so the cqmin/% values mean the same thing. Each element first resets every property
   (all: unset) so the ~30 older rules for these ids, and the inline sizes the name-fitting script sets,
   can't leak in; the ids are nested in #cbxSender to outrank them. */
#app #cbxSender, #app #cbxSender .cbx-sender-card, #app #cbxSender .cbx-sender-line,
#app #cbxSender #currentSpeaker, #app #cbxSender #currentSpeaker *, #app #cbxSender #playbackInfo, #app #cbxSender #incomingQueueTimeCounter {
  all: unset !important;
}
#app #cbxSender {
  position: absolute !important; left: 0 !important; right: 0 !important; top: 23% !important; height: 29% !important;
  display: flex !important; align-items: flex-start !important; justify-content: center !important; padding-top: 2cqmin !important;
  z-index: 11 !important; pointer-events: none !important; font-family: var(--gccr-app-font) !important;   /* above the controls layer (10) and its black video panel, below menus/dialogs (1000+) */
}
#app #cbxSender .cbx-sender-card {
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 3cqmin !important;
  text-align: center !important; width: 100% !important;
}
#app #cbxSender .cbx-sender-line {
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 3cqmin !important;
  width: 100% !important; padding: 0 3cqmin !important; box-sizing: border-box !important;
}
#app #cbxSender #currentSpeaker {
  display: block !important; font-weight: 700 !important; font-size: 6.4cqmin !important; line-height: 1.15 !important;
  color: #8f8f8f !important; -webkit-text-fill-color: #8f8f8f !important; max-width: 66% !important; word-break: break-word !important;
  text-align: center !important; opacity: 0 !important; transition: opacity .15s !important; pointer-events: auto !important; cursor: pointer !important;
}
#app #cbxSender #currentSpeaker * { display: inline !important; }
#app #cbxSender #playbackInfo { display: block !important; opacity: 0 !important; transition: opacity .15s !important; }
#app #cbxSender #incomingQueueTimeCounter {
  display: block !important; color: #8f8f8f !important; -webkit-text-fill-color: #8f8f8f !important; font-size: 6cqmin !important; font-weight: 500 !important;
}
/* shown while a message plays / while there's queue time to show (CBX's own state classes) */
#app #cbxSender #currentSpeaker.visible, #app #cbxSender #playbackInfo.active { opacity: 1 !important; }
/* as before: the timer steps aside while a top toast is showing */
html:has(#toastNotificationTop.show) #app #cbxSender #playbackInfo { opacity: 0 !important; }
/* ---------- Queue/record bars, "who's recording" list, top toasts ----------
   These used to sit inside the (unused) video-message panel; they now hang off #app at the same spots
   that panel put them: the bars' bottom edge at 47vh + 2px from the bottom, the list under the header
   at the right, top toasts 14.75cqmin above the bars. */
#app > #videoContainerBars { top: auto !important; bottom: calc(47vh + 2px) !important; left: 0 !important; right: 0 !important; z-index: 11 !important; }
#app > #keyingUpList { position: absolute !important; top: var(--gccr-header-stack) !important; right: 1.75cqmin !important; z-index: 11 !important; }
#app > #toastNotificationTop { position: absolute !important; top: auto !important; bottom: calc(47vh + 2px + 14.75cqmin) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; z-index: 12 !important;
  margin: 0 !important; width: max-content !important; max-width: min(92%, 105cqmin) !important; text-align: center !important; white-space: normal !important;
  color: #fff; font-size: 9pt; line-height: 1.25; background: none; border: 0; border-radius: 0; box-shadow: none; text-shadow: none;
  opacity: 0; visibility: hidden; pointer-events: none !important; }
#app > #toastNotificationTop.show { opacity: 1; visibility: visible; pointer-events: auto !important; }
html.gccr-top-toast-visible #app #cbxSender #playbackInfo { opacity: 0 !important; }