/* GCCR_UBUNTU_FONT_EMBED_START — generated by tools/gen-ubuntu-font-embed.mjs */

@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/ubuntu-400.woff2") format("woff2");
}

@font-face {
    font-family: "Ubuntu";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/ubuntu-700.woff2") format("woff2");
}


/* GCCR_UBUNTU_FONT_EMBED_END */

:root {
    --gccr-app-font: "Ubuntu", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --gccr-text-outline-stroke: 2px rgba(0, 0, 0, 0.94);
    --gccr-text-outline-glow:
        0 0 3px rgba(0, 0, 0, 0.42),
        0 0 7px rgba(0, 0, 0, 0.22);
    --gccr-icon-outline-filter:
        drop-shadow(0 0 1px #000)
        drop-shadow(0 0 2px #000)
        drop-shadow(0 0 4px rgba(0, 0, 0, 0.9));
}

html,
body {
    font-family: var(--gccr-app-font);
}
#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 scoreboardFlash{0%,to{filter:drop-shadow(0 0 4px rgba(0, 0, 0, .9)) brightness(1);opacity:1;transform:scale(1)}50%{filter:drop-shadow(0 0 4px rgba(0, 0, 0, .9)) brightness(10) saturate(0);opacity:1;transform:scale(1.15)}}@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}}@keyframes emojiPickerFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes emojiPickerFadeOut{0%{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}.emoji-picker-modal *{touch-action:auto}#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}#iosConnectionParticipants{touch-action:pan-y!important}#iosConnectionParticipants,#iosConnectionParticipants *{-webkit-overflow-scrolling:touch!important;user-select:text!important;-webkit-user-select:text!important}#connectionErrorMessage.scrollable *,#inboxMessages.scrollable *,#inboxMessagesList,#inboxMessagesList *,#inboxMessagesList div,#inboxMessagesList div[style*=background],#iosConnectionParticipants *,#rulesMessage.scrollable *,#tosMessage.scrollable *,#tosViewMessage.scrollable *{touch-action:pan-y!important}#ccChipShopModal .cc-chip-shop-body,#ccChipShopModal .cc-chip-shop-modal,#chaosChipsModal .cc-bank-shell,#chaosChipsModal .cc-bank-shell .cc-tab-panel,#chaosChipsModal .cc-bank-shell .cc-tab-panels,#chaosChipsModal .cc-bank-shell .cc-user-dropdown,#chaosChipsModal .cc-bank-shell .cc-wager-list,#leaderboardModal.active #leaderboardContent .cc-bank-shell,#leaderboardModal.active #leaderboardContent .cc-tab-panel,#leaderboardModal.active #leaderboardContent .cc-tab-panels,#leaderboardModal.active .leaderboard-chaos-bank-mount,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-bank-shell,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-tab-panel,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-tab-panels,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-user-dropdown,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-wager-list{touch-action:pan-y!important;-webkit-overflow-scrolling:touch!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:340px;position:absolute;top:calc(43vh - 49px + 50px);width:340px;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 img{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)))}#menuBar #inboxButton.has-unread #inboxButtonLabel{color:var(--color-accent,#09f);text-shadow:0 0 8px var(--color-accent,rgba(0,153,255,.7))}body:has(#inboxModal.active) #menuBar #inboxButton #inboxIcon{filter:brightness(0) invert(1)}body:has(#inboxModal.active) #menuBar #inboxButton #inboxButtonLabel{color:var(--color-accent,#09f);text-shadow:none}body:has(#channelListModal.active) #menuBar #channelIndicator,body:has(#sidebar.active) #menuBar #menuRight,body:has(#userListModal.active) #menuBar #usersOnline,body:has(#channelListModal.active) #menuBar #channelIndicator #channelIndicatorValue{color:#fff!important;text-shadow:none!important}body:has(#channelListModal.active) #menuBar #channelIndicator .menu-bar-item-label{color:var(--color-accent,#09f)!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(8px,env(safe-area-inset-top));padding-bottom:8px;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 #channelIndicator .menu-bar-item-label,#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 #channelIndicator,#menuBar #menuRight,#menuBar #usersOnline,#rulesMessage p{margin:0}#menuBar #channelIndicatorValue{font-size:1rem;line-height:1.2;font-weight:700;color:#fff;pointer-events:none;user-select:none;-webkit-user-select:none}#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-header-stack);bottom:0;background:var(--color-sidebar-bg);z-index:1005;visibility:hidden;pointer-events:none}#sidebar.active{visibility:visible;pointer-events:auto}#sidebar-tabs{display:flex;position:absolute;left:0;right:0;margin:0}#sidebar-tabs span{padding:8px;border-radius:0;background:rgba(0,0,0,.75);cursor:pointer;transition:background .05s ease,box-shadow .2s ease;box-sizing:border-box;background:0 0!important;border:0!important;min-width:64px!important;height:100%!important;justify-content:center!important;gap:0!important;position:relative!important;align-items:center!important;transition:transform .2s cubic-bezier(.2, 0, 0, 1)!important;flex:1!important}#sidebar-tabs span.active{background:0 0!important;box-shadow:none!important}#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%}:root:not([data-color-scheme=pride]):not([data-color-scheme=festive]) .button-container button:hover,:root:not([data-color-scheme=pride]):not([data-color-scheme=festive]) .modal-content .button-container button:hover{filter:brightness(.82);transform:translateY(-2px)}.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}.cam-fab-root{order:2}#camButton:disabled{opacity:1}.leaderboard-modal-content,.modal,.modal-content,.rules-modal-content,.video-recording-modal-content,.video-review-modal-content,[id$=Modal]{transition:none!important}.modal.active .leaderboard-modal-content,.modal.active .rules-modal-content,.modal.closing .leaderboard-modal-content,.modal.closing .rules-modal-content{animation:none!important;transform:none!important;filter:none!important}.video-recording-modal.active .video-recording-modal-content,.video-recording-modal.closing .video-recording-modal-content,.video-review-modal.active .video-review-modal-content,.video-review-modal.closing .video-review-modal-content{animation:none!important;transform:none!important}#channelListModal,#userListModal,.modal,.video-recording-modal,.video-review-modal,[id$=Modal]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.leaderboard-modal-content,.modal-content,.rules-modal-content,.video-recording-modal-content,.video-review-modal-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--color-modal-bg,rgba(0,20,40,.75))!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}}#controlsContainer #videoMessageContainer.video-message-container{position:fixed;left:50%;right:auto;bottom:calc(100vh - (43vh - 49px + 50px) + 3px);height:auto;max-height:none;margin:0;transform:translateX(-50%);overflow:hidden}#controlsContainer #videoMessageContainer.video-message-container .video-message-blur-layer,.video-message-container .video-message-blur-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.video-message-container .video-message-blur-layer #videoMessageImage,.video-message-container .video-message-blur-layer #videoMessagePlayer,.video-message-container .video-message-blur-layer .video-js,.video-message-container .video-message-blur-layer .video-js video{pointer-events:auto}.video-message-container{position:relative;width:260px;height:calc(260px*4/2.5);margin:8px auto;background:#000;overflow:hidden;flex-shrink:0;display:block;border:0;border-radius:6px}.video-message-container.video-idle{background:#000}body.video-fullscreen-active,html.video-fullscreen-active{background:#000!important}#videoFullscreenBlockingOverlay{position:fixed!important;inset:0!important;background:#000!important;z-index:2147483646;pointer-events:none}.video-message-container.video-fullscreen{position:fixed!important;inset:0!important;max-width:none!important;aspect-ratio:auto!important;margin:0!important;transform:none!important;z-index:2147483647;border-radius:0;cursor:pointer}#controlsContainer #videoMessageContainer.video-message-container.video-fullscreen,#videoFullscreenBlockingOverlay,.video-message-container.video-fullscreen{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important}.video-message-container.video-fullscreen .video-js{max-width:none!important}.video-message-container.video-fullscreen #videoMessageImage,.video-message-container.video-fullscreen .video-js video,.video-message-container.video-fullscreen video{object-fit:contain!important;object-position:center center}.video-message-container.video-fullscreen #currentSpeaker,.video-message-container.video-fullscreen #videoContainerBars{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.video-message-container .video-js{z-index:1}button[data-video-close].video-close-btn-themed,button[data-video-close].video-close-btn-themed:hover{box-shadow:0 1px 3px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.15),0 0 0 2px rgba(0,0,0,.35),0 0 12px 4px rgba(0,0,0,.6)}button[data-video-close].video-close-btn-themed{background:var(--color-accent,#3b82f6);transition:background .2s,box-shadow .2s}button[data-video-close].video-close-btn-themed:hover{background:#2563eb;background:color-mix(in srgb,var(--color-accent,#3b82f6) 78%,#000)}button[data-video-close].video-close-btn-themed:active{background:#1d4ed8;background:color-mix(in srgb,var(--color-accent,#3b82f6) 65%,#000);box-shadow:0 1px 2px rgba(0,0,0,.28),0 0 0 2px rgba(0,0,0,.35),0 0 10px 3px rgba(0,0,0,.55)}button[data-video-close] .video-close-icon{display:block;width:20px;height:20px;flex-shrink:0;pointer-events:none}button[data-video-close] .video-close-icon path{stroke:#ffffff}button[data-video-close]:active .video-close-icon{opacity:.9}.video-playback-close-btn{display:none;position:absolute;top:8px;right:8px;z-index:99999;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;-webkit-tap-highlight-color:transparent;pointer-events:auto;box-shadow:0 2px 12px rgba(0,0,0,.5)}.video-playback-close-btn span{display:block;font-weight:300;user-select:none}#videoRecordingModal.video-recording-modal,.video-playback-close-btn:hover{background:rgba(0,0,0,.85)}.video-playback-close-btn:active{background:rgba(255,255,255,.25)}.video-message-container:not(.video-idle) .video-playback-close-btn{display:flex!important}.video-message-container.video-fullscreen .video-playback-close-btn{display:flex!important;visibility:visible!important;opacity:1!important;top:12px;right:12px;width:48px;height:48px;font-size:2rem;z-index:2147483647}#controlsContainer #reactionScoreboard{position:relative;top:auto;left:auto;z-index:12}.video-message-icons-row{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);z-index:4;display:flex;flex-direction:row;align-items:center;gap:8px;pointer-events:none}#videoContainerBars #queueVisualization,#videoContainerBars #recordProgress,.video-message-icons-row.has-icons{pointer-events:auto}.video-message-icons-row.hidden-during-playback{visibility:hidden!important;pointer-events:none!important;opacity:0!important}.video-message-icon,.video-message-icon-media{width:48px;min-width:48px;flex-shrink:0;overflow:hidden}.video-message-icon{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:opacity .25s ease,transform .2s ease,width .2s ease,min-width .2s ease}.video-message-icon:hover{transform:scale(1.05)}.video-message-icon.fade-out{opacity:0;pointer-events:none}.video-message-icon-media{position:relative;height:48px;min-height:48px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.6)}.video-message-icon-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:3px;border:0;background:0 0;flex-shrink:0}.video-message-icon-placeholder{position:absolute;inset:0;border-radius:3px;border:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}#videoContainerBars,.video-message-icon-type-badge{position:absolute;pointer-events:none;box-sizing:border-box}.video-message-icon-type-badge{left:2px;bottom:2px;z-index:2;width:17px;height:17px;padding:1px;border-radius:4px;background:rgba(0,0,0,.55);box-shadow:0 0 0 1px rgba(0,0,0,.95),0 0 0 2px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.8)}.video-message-icon-type-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 2px #000)}.video-message-icon-name{font-size:10px;line-height:1.2;color:rgba(255,255,255,.9);text-align:center;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#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}#videoMessageContainer #recordProgressBar{box-shadow:none}#videoContainerBars #queueVisualizationBar{width:100%;max-width:100%;height:8px;display:flex;flex-direction:row-reverse;gap:0;border-radius:2px;overflow:hidden;background:rgba(0,0,0,.8);margin:0 auto;box-sizing:border-box;min-width:0}.video-idle-globe-overlay{display:none;width:100%;height:100%;pointer-events:none;z-index:2;container-type:size}.video-idle-globe-overlay .video-idle-globe-img{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:unset;object-fit:cover;object-position:top center;opacity:.35;filter:drop-shadow(0 0 20px #000) drop-shadow(0 0 60px rgba(0, 0, 0, .8))}.video-message-container.video-idle .video-idle-globe-overlay{display:flex;align-items:stretch;justify-content:center}#videoMessageContainer #currentSpeaker{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:20;pointer-events:auto;width:auto;max-width:calc(100% - 24px);text-align:center;font-weight:700;font-family:var(--gccr-app-font);color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6);white-space:nowrap;box-sizing:border-box;margin:0;padding:0 10px;top:auto;font-size:18pt;line-height:1.08;max-height:1.28em;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;overflow:hidden;text-overflow:ellipsis}#videoMessageContainer #currentSpeaker.visible{opacity:1!important}.video-message-container.video-idle .video-js{visibility:hidden;opacity:0}.video-idle-globe-overlay,.video-message-container .video-js,.video-tap-to-play-overlay{position:absolute;inset:0;align-items:center;justify-content:center}.video-message-container .video-js{width:100%!important;max-width:100%!important;height:100%!important;padding-top:0!important;transition:opacity .15s ease;display:flex}#videoMessageImage,.video-message-container video{width:100%!important;height:100%!important;object-position:center center}.video-message-container video{object-fit:cover!important}#videoMessageImage{position:absolute;inset:0;object-fit:cover;z-index:1;background:#000}.video-tap-to-play-overlay{display:none;z-index:2;background:rgba(0,0,0,.6);color:#fff;font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.video-recording-modal.active,.video-review-modal.active,.video-tap-to-play-overlay.visible{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-content,.video-review-modal-content{display:flex;flex-direction:column;align-items:center;width:calc(100% - 30px);max-width:400px;height:66.67vh;background:var(--color-sidebar-bg,#1f2937);border-radius:0;padding:16px;box-shadow:0 8px 32px rgba(0,0,0,.5)}#videoRecordingModal .video-recording-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:0!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important;background:var(--color-modal-bg,rgba(0,20,40,.82))!important;backdrop-filter: none;-webkit-backdrop-filter: none;-webkit-backdrop-filter:none!important}#videoRecordingModal .video-recording-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:16px 16px 12px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:0 0;gap:8px}#videoRecordingModal .video-recording-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}#videoRecordingModal .video-recording-close-btn{width:40px!important;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}#videoRecordingModal .video-recording-close-btn:hover{background:rgba(255,255,255,.1)!important}#videoRecordingModal .video-recording-close-btn:active{background:rgba(255,255,255,.15)!important}#videoRecordingModal .video-recording-preview-wrap{border-radius:12px;margin:10px;width:calc(100% - 20px);box-sizing:border-box}#videoRecordingModal #videoLivePreview{border-radius:12px}#videoRecordingModal .video-recording-progress{border-radius:999px;margin:12px 16px}#videoRecordingModal .video-recording-actions{margin:12px 16px 16px;gap:12px}#videoRecordingModal .video-recording-icon-btn{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.08)!important;color:#e8eaed!important;transition:background .15s ease}#videoRecordingModal .video-recording-icon-btn:hover,#videoReviewModal .video-review-actions button:hover{background:rgba(255,255,255,.12)!important}#videoRecordingModal .video-recording-icon-btn:active,#videoReviewModal .video-review-actions button:active{background:rgba(255,255,255,.18)!important}#videoRecordingModal .video-recording-icon-btn:disabled,.video-recording-modal .video-recording-icon-btn:disabled{opacity:.5;cursor:not-allowed}#videoRecordingModal.gallery-trim-mode .video-recording-actions{display:none}#videoGalleryTrimPanel.display-none{display:none!important}#videoRecordingModal.gallery-trim-mode #videoGalleryTrimPanel{display:block;margin:8px 16px 16px;padding:12px;border-radius:12px;background:rgba(255,255,255,.06)}#videoGalleryTrimPanel .video-gallery-trim-hint{margin:0 0 10px;font-size:.85rem;color:rgba(232,234,237,.85)}#videoGalleryTrimPanel .video-gallery-trim-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}#videoGalleryTrimPanel .video-gallery-trim-row label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#e8eaed}#videoGalleryTrimPanel .video-gallery-trim-input{width:5.5rem;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.35);color:#e8eaed}#videoGalleryTrimPanel .video-gallery-trim-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}#videoGalleryTrimPanel .video-gallery-trim-primary,#videoGalleryTrimPanel .video-gallery-trim-secondary{padding:10px 14px;border-radius:10px;border:0;font-size:.9rem;cursor:pointer}#videoGalleryTrimPanel .video-gallery-trim-primary{background:rgba(52,168,83,.9);color:#fff}#videoGalleryTrimPanel .video-gallery-trim-secondary{background:rgba(255,255,255,.1);color:#e8eaed}#videoRecordingModal #videoRecordingProgressBar.gallery-encode-indeterminate{width:100%!important;margin-left:0;transform:none;opacity:1;transition:none;background:linear-gradient(90deg,var(--color-accent,#3b82f6) 0,rgba(255,255,255,.55) 45%,rgba(255,255,255,.55) 55%,var(--color-accent,#3b82f6) 100%);background-size:200% 100%;animation:gccr-gallery-encode-indeterminate 1s linear infinite}#videoReviewModal.video-review-modal{background:rgba(0,0,0,.85)}#videoReviewModal .video-review-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:0!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}#videoReviewModal .video-review-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:16px 16px 12px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:0 0;gap:8px}#videoReviewModal .video-review-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}#videoReviewModal .video-review-actions button,#videoReviewModal .video-review-close-btn{border-radius:50%!important;border:0!important;padding:0!important;align-items:center!important;justify-content:center!important;transition:background .15s ease}#videoReviewModal .video-review-close-btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;background:0 0!important;color:#adb5bd!important;font-size:1.1rem!important;display:flex!important;cursor:pointer;line-height:1!important;flex-shrink:0;margin-left:auto}#videoReviewModal .video-review-close-btn:hover{background:rgba(255,255,255,.1)!important}#videoReviewModal .video-review-close-btn:active{background:rgba(255,255,255,.15)!important}#videoReviewModal .video-recording-preview-wrap,.video-recording-preview-wrap{border-radius:12px;margin:10px;width:calc(100% - 20px);box-sizing:border-box}#videoReviewModal #videoReviewImage,#videoReviewModal #videoReviewPlayer{border-radius:12px;width:100%;height:100%;object-fit:contain;display:block;box-sizing:border-box}#videoReviewModal #videoReviewImage{object-position:center center;background:#000}#videoMessageContainer .ghost-self-lease-hud[hidden],#videoMessageContainer .xray-self-lease-hud[hidden],#videoReviewModal #videoReviewImage.display-none,#videoReviewModal #videoReviewPlayer.display-none{display:none!important}#videoReviewModal .video-review-actions{margin:12px 16px 16px;gap:12px}#videoReviewModal .video-review-actions button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;background:rgba(255,255,255,.08)!important;color:#e8eaed!important;display:inline-flex!important}#videoReviewModal .video-review-actions #videoReviewSendBtn{background:var(--color-accent,#3b82f6)!important}#videoReviewModal .video-review-actions #videoReviewSendBtn:hover{background:var(--color-accent,#2563eb)!important;filter:brightness(1.08)}#videoReviewModal .video-review-actions button img{width:24px;height:24px;filter:brightness(0) invert(1)}.video-recording-preview-wrap{flex:1;min-height:0;max-width:100%;background:#000;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-recording-modal #videoLivePreview,.video-review-modal #videoReviewImage,.video-review-modal #videoReviewPlayer{width:100%;height:100%;min-height:100%;object-fit:contain;display:block;background:#000;border-radius:0;box-sizing:border-box}.video-recording-progress{flex-shrink:0;align-self:stretch;height:6px;background:rgba(255,255,255,.1);border-radius:0;margin:12px 0;overflow:hidden}#videoRecordingProgressBar{height:100%;width:0%;background:var(--color-accent,#3b82f6);transition:width .1s linear}.video-recording-actions,.video-review-actions{flex-shrink:0;align-self:stretch;display:flex;gap:8px;justify-content:center;margin-top:12px}.video-recording-actions button{padding:8px 16px;border-radius:0}.video-recording-actions button,.video-review-actions button{border:0;cursor:pointer;font-weight:700;background:var(--color-btn-bg,#3b82f6);color:#fff}.video-review-actions button img{width:24px;height:24px}.video-recording-actions button:hover,.video-review-actions button:hover{background:var(--color-accent,#2563eb)}.video-recording-modal .video-recording-icon-btn,.video-review-actions button{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,.video-review-actions button img{display:block;filter:brightness(0) invert(1)}.gccr-offscreen-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}#videoMessageContainer .power-lease-hud-stack{position:absolute;top:8px;left:8px;right:auto;bottom:auto;z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;max-width:42%}#videoMessageContainer .ghost-self-lease-hud{pointer-events:none}#videoMessageContainer .ghost-self-lease-hud,#videoMessageContainer .xray-self-lease-hud{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}#videoMessageContainer .xray-self-lease-icon{display:block;width:28px;height:28px;object-fit:contain;filter:brightness(0) saturate(100%) invert(56%) sepia(57%) saturate(600%) hue-rotate(92deg) brightness(98%) contrast(92%) drop-shadow(0 0 3px rgba(0, 0, 0, .95)) drop-shadow(0 1px 2px rgba(0, 0, 0, .9))}#videoMessageContainer .xray-self-lease-timer{font-size:clamp(11px, 2.8vw, 14px)!important;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;min-width:3.2em;color:#4ade80;text-shadow:0 0 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.85),0 1px 2px #000}#videoMessageContainer .ghost-self-lease-icon{display:block;width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 3px rgba(0, 0, 0, .95)) drop-shadow(0 1px 2px rgba(0, 0, 0, .9))}#videoMessageContainer .ghost-self-lease-timer{font-size:clamp(11px, 2.8vw, 14px)!important;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;min-width:3.2em;color:#93c5fd;text-shadow:0 0 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.85),0 1px 2px #000}#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,#camButton,#downloadButton,#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-image:url(img/talk/tower.svg);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,#camButton,#downloadButton,#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}#camButton:disabled,#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}#camButton:not(:disabled):hover,#talkButton:not(.disabled):not(.talking):hover{filter:brightness(.82);background-color:var(--color-btn-bg)!important}[data-color-scheme=grayscale] #talkButton:not(.disabled):not(.talking){background-color:#3b82f6!important}[data-color-scheme=grayscale] #talkButton:not(.disabled):not(.talking):hover{filter:brightness(.82);background-color:#2563eb!important}[data-color-scheme=grayscale] #talkButton.talking{background-color:#ef4444!important}[data-color-scheme=grayscale] #talkButton.disabled{background-color:#374151!important;cursor:not-allowed}[data-color-scheme=grayscale] #camButton:not(:disabled),[data-color-scheme=grayscale] #camButton:not(:disabled):hover,[data-color-scheme=liquidGlass] #talkButton:not(.talking):not(.disabled){background-color:var(--color-btn-bg)!important}[data-color-scheme=liquidGlass] #talkButton:not(.talking):not(.disabled):hover{filter:brightness(.82);background-color:var(--color-btn-bg)!important}[data-color-scheme=liquidGlass] #talkButton.talking{background-color:#ef4444!important}[data-color-scheme=liquidGlass] #talkButton.disabled{background-color:#374151!important;cursor:not-allowed}[data-color-scheme=liquidGlass] #camButton:not(:disabled){background-color:var(--color-btn-bg)!important}[data-color-scheme=liquidGlass] #camButton:not(:disabled):hover{filter:brightness(.82);background-color:var(--color-btn-bg)!important}[data-color-scheme=orange] #talkButton:not(.talking):not(.disabled){background-color:var(--color-btn-bg,#9a3412)!important}[data-color-scheme=orange] #camButton:not(:disabled):hover,[data-color-scheme=orange] #talkButton:not(.talking):not(.disabled):hover{filter:brightness(.92);background-color:var(--color-btn-hover-start,#7c2d0f)!important}[data-color-scheme=orange] #talkButton.talking{background-color:#ef4444!important}[data-color-scheme=orange] #talkButton.disabled{background-color:#374151!important;cursor:not-allowed}[data-color-scheme=orange] #camButton:not(:disabled){background-color:var(--color-btn-bg,#9a3412)!important}#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{background-image:url(img/embedded/asset-09ca2daa2f.svg);margin-bottom:0}#reverseButton.active,#skipButton.active{filter:none}#reverseButton{background-image:url(img/embedded/asset-88bb617b52.svg);min-height:0}#downloadButton{width:calc(140px*2/3);height:30px}#camButton,#downloadButton{background-color:var(--color-btn-bg,#3b82f6);border:var(--btn-glass-border,none);border-radius:12px;padding:0;min-height:0;display:flex;align-items:center;justify-content:center;opacity:1;filter:var(--color-btn-icon-filter, none)}#downloadButton{background-image:url(img/embedded/asset-c3bae89fde.svg);background-size:40%auto;background-position:center;background-repeat:no-repeat}#blockButton{width:47px;height:47px;min-width:47px;min-height:47px;background-size:contain;background-position:center}#camButton{width:60px;height:60px;background-size:50%auto;background-position:center}#camButton{background-image:url(img/embedded/asset-083175279a.svg);background-repeat:no-repeat}#downloadButton .download-button-undo-icon{display:none;width:40%;height:auto;max-height:100%;object-fit:contain;pointer-events:none;flex-shrink:0}#camButton.active,#downloadButton.active{filter:var(--color-btn-icon-filter, none)}#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:hover,#reverseButton:hover,#skipButton:hover,#talkButton:hover{transform:scale(1.05)}#camButton:hover,#buttonContainer #downloadButton:hover{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(0, 0, 0, .95))}#blockButton:active,#camButton:active,#buttonContainer #downloadButton: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}#inboxMd3Tabs{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)}.inbox-md3-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}.inbox-md3-tab:hover{color:#d1d5db;background:rgba(255,255,255,.05)}#leaderboardModal .leaderboard-main-tab.active:hover,#leaderboardModal .leaderboard-tab.active:hover,.inbox-md3-tab.active:hover,.inbox-md3-tab:active{background:rgba(255,255,255,.08)}.inbox-md3-tab.active{color:#fff;border-top:2px solid var(--color-btn-gradient-start);text-shadow:0 0 10px #000}.inbox-friend-sheet-btn img,.inbox-md3-tab-icon{width:20px;height:20px;filter:brightness(0) invert(1);flex-shrink:0}.inbox-md3-tab-icon{opacity:.45;transition:opacity .15s ease}.inbox-md3-tab.active .inbox-md3-tab-icon{opacity:1}.inbox-md3-tab-label{display:block;font-size:.75rem;line-height:1.2;letter-spacing:.25px}.inbox-md3-tab-indicator{display:none}#inboxFriendsPanel{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px}#inboxFriendsPanel[hidden],#inboxMessenger[hidden]{display:none!important}.inbox-friends-section-header{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);padding:10px 16px 4px}.inbox-friend-sheet-backdrop{position:fixed;inset:0;z-index:9999;background:0 0}.inbox-friend-sheet{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:color-mix(in srgb,var(--color-modal-bg,#1e1e2e) 76%,transparent);-webkit-backdrop-filter: none;backdrop-filter: none;border-radius:20px 20px 0 0;padding:8px 0 max(16px,env(safe-area-inset-bottom));box-shadow:0-4px 24px rgba(0,0,0,.5);transform:translateY(100%);transition:transform .28s cubic-bezier(.4, 0, .2, 1)}.inbox-friend-sheet.open{transform:translateY(0)}.inbox-friend-sheet-handle{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);margin:0 auto 12px}.inbox-friend-sheet-name{font-size:.82rem;color:rgba(255,255,255,.45);text-align:center;padding:0 16px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-friend-sheet-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 24px;background:0 0;border:0;color:#e8eaed;font-size:.95rem;font-weight:400;cursor:pointer;text-align:left;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.inbox-friend-sheet-btn:hover{background:rgba(255,255,255,.05)}.inbox-friend-sheet-btn:active{background:rgba(255,255,255,.1)}.inbox-friend-sheet-btn.destructive{color:#f28b82}.inbox-friend-sheet-btn img{opacity:.75}.inbox-friend-sheet-btn.destructive img{filter:brightness(0) saturate(100%) invert(65%) sepia(30%) saturate(800%) hue-rotate(310deg) brightness(110%)}.inbox-friend-sheet-btn.disabled,.inbox-friend-sheet-btn:disabled{opacity:.38;cursor:default;pointer-events:none}label{display:block;margin:15px 0 10px;font-weight:700;color:#d1d5db;text-shadow:0 0 10px #000}input[type=text],select,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,select:hover,textarea:hover{background:var(--color-modal-bg,rgba(0,0,0,.85))}select option{background:var(--color-sidebar-solid-bg,#1e293b);color:var(--color-btn-text,#f1f5f9)}#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)}[data-color-scheme=liquidGlass] input[type=checkbox],[data-color-scheme=liquidGlass] input[type=radio]{accent-color:#000!important;-webkit-appearance:none;appearance:none;width:1.1em;height:1.1em;border:2px solid rgba(203,213,225,.5);background:rgba(148,163,184,.2);vertical-align:-.2em}[data-color-scheme=liquidGlass] input[type=checkbox]{border-radius:4px}[data-color-scheme=liquidGlass] input[type=checkbox]:checked{background:rgba(203,213,225,.5) url("img/embedded/asset-c926f4a07f.svg") center/75%no-repeat;border-color:rgba(203,213,225,.6)}[data-color-scheme=liquidGlass] input[type=radio]{border-radius:50%}[data-color-scheme=liquidGlass] input[type=radio]:checked{background:radial-gradient(circle at center,#000 35%,rgba(203,213,225,.5) 35%);border-color:rgba(203,213,225,.6)}[data-color-scheme=orange] input[type=checkbox],[data-color-scheme=orange] input[type=radio]{accent-color:#fb923c!important}.theme-selector-column select{margin-bottom:20px}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)}.audio-processing-slider-horizontal{-webkit-appearance:none;appearance:none;height:6px;background:rgba(0,0,0,.75);border:solid 1px #111;border-radius:3px;outline:0;margin:0;padding:0}.audio-processing-slider-horizontal::-webkit-slider-runnable-track{width:100%;height:6px;background:rgba(0,0,0,.75);border:solid 1px #111;border-radius:3px;cursor:pointer}.audio-processing-slider-horizontal::-webkit-slider-track{width:100%;height:6px;background:rgba(0,0,0,.75);border:solid 1px #111;border-radius:3px;cursor:pointer}.audio-processing-slider-horizontal::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-btn-gradient-start,#3b82f6),var(--color-btn-gradient-end,#2563eb));cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:box-shadow .2s ease;margin-top:-5px;position:relative}.audio-processing-slider-horizontal::-webkit-slider-thumb:hover{box-shadow:0 2px 8px rgba(59,130,246,.5)}.audio-processing-slider-horizontal::-moz-range-track{width:100%;height:6px;background:rgba(0,0,0,.75);border:solid 1px #111;border-radius:3px;cursor:pointer}.audio-processing-slider-horizontal::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-btn-gradient-start,#3b82f6),var(--color-btn-gradient-end,#2563eb));cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);border:0;transition:box-shadow .2s ease}.audio-processing-slider-horizontal::-moz-range-thumb:hover{box-shadow:0 2px 8px rgba(59,130,246,.5)}input[type=range]#masterVolume:not(.form-range){--master-volume-track-bg:rgba(60, 60, 75, 0.95);--master-volume-percent:0;height:28px;padding:0;border:0;background:0 0}input[type=range]#masterVolume:not(.form-range)::-webkit-slider-runnable-track{width:100%;height:10px;border-radius:999px;background:linear-gradient(to right,var(--color-accent,#09f) 0,var(--color-accent,#09f) var(--master-volume-percent,0),var(--master-volume-track-bg) var(--master-volume-percent,0),var(--master-volume-track-bg) 100%);cursor:pointer;border:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}input[type=range]#masterVolume:not(.form-range)::-webkit-slider-track{width:100%;height:10px;border-radius:999px;background:linear-gradient(to right,var(--color-accent,#09f) 0,var(--color-accent,#09f) var(--master-volume-percent,0),var(--master-volume-track-bg) var(--master-volume-percent,0),var(--master-volume-track-bg) 100%);cursor:pointer;border:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}input[type=range]#masterVolume:not(.form-range)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:5px;height:22px;margin-top:-6px;border-radius:3px;background:var(--color-accent,#09f);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:box-shadow .15s ease;border:0}input[type=range]#masterVolume:not(.form-range)::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent,#09f) 15%,transparent),0 1px 3px rgba(0,0,0,.3)}input[type=range]#masterVolume:not(.form-range)::-moz-range-track{width:100%;height:10px;border-radius:999px;background:var(--master-volume-track-bg);cursor:pointer;border:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}input[type=range]#masterVolume:not(.form-range)::-moz-range-thumb{width:5px;height:22px;border-radius:3px;background:var(--color-accent,#09f);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.3);border:0;transition:box-shadow .15s ease}input[type=range]#masterVolume:not(.form-range)::-moz-range-thumb:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent,#09f) 15%,transparent),0 1px 3px rgba(0,0,0,.3)}#channelListModal,#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}#channelListModal{display:flex;flex-direction:column;align-items:flex-start;z-index:1006;max-height:70vh;width:max-content}#alertModal,#channelPinModal,#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,#channelPinModal,#confirmModal,#contactModal,#inboxModal,#leaderboardModal,#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}#leaderboardModal .leaderboard-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding:5px 5px 10px}#leaderboardModal .leaderboard-main-tabs{display:flex;gap:0;flex-shrink:0;padding:0;margin:5px;background-color:rgba(0,0,0,.5);border-radius:10px}#leaderboardModal .leaderboard-main-tab{background:0 0;border:0;color:gray;font-size:16px;font-weight:600;padding:5px 25px;cursor:pointer;transition:color .15s ease,background .15s ease;position:relative;flex:1;text-align:center;text-shadow:0 0 5px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}#leaderboardModal .leaderboard-main-tab:first-child{border-radius:10px 0 0 10px}#leaderboardModal .leaderboard-main-tab:last-child{border-radius:0 10px 10px 0}#leaderboardModal .leaderboard-main-tab:hover{color:#d1d5db;background:rgba(255,255,255,.05)}#leaderboardModal .leaderboard-main-tab.active{color:#fff;border-bottom:2px solid var(--color-btn-gradient-start);text-shadow:0 0 10px #000}#leaderboardModal .leaderboard-section{display:none;flex:1 1 auto;min-height:0;flex-direction:column}#leaderboardModal .leaderboard-section.active{display:flex}#leaderboardModal .leaderboard-tabs{display:flex;gap:0;flex-shrink:0;padding:0;margin:5px;background-color:rgba(0,0,0,.5);border-radius:10px}#leaderboardModal .leaderboard-tab:first-child{border-radius:10px 0 0 10px}#leaderboardModal .leaderboard-tab:last-child{border-radius:0 10px 10px 0}#leaderboardModal .leaderboard-tab,#userInfoModal{background:0 0;align-items:center;justify-content:center}#leaderboardModal .leaderboard-tab{border:0;color:gray;font-size:1rem;font-weight:700;padding:5px 10px;cursor:pointer;transition:color .15s ease,background .15s ease;border-bottom:2px solid transparent;position:relative;flex:1;text-align:center;display:flex;flex-direction:column}#leaderboardModal .leaderboard-tab:hover{color:#d1d5db;background:rgba(255,255,255,.05)}#leaderboardModal .leaderboard-tab.active{color:#fff;border-bottom-color:var(--color-btn-gradient-start)}#leaderboardModal .leaderboard-tab span{font-size:10pt;text-shadow:0 0 10px #000}#leaderboardModal .leaderboard-tab-panels{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;margin:0;border-radius:0;background-color:#000}#leaderboardModal .leaderboard-tab-panels.scrollable{border-radius:0!important}#leaderboardModal .leaderboard-tab-panel{display:none;height:100%}#leaderboardModal .leaderboard-tab-panel.active{display:block}#leaderboardModal .leaderboard-list{display:flex;flex-direction:column;gap:5px;border:1px solid #111;margin-left:0;margin-right:0;background-color:#000;margin-top:0;padding-top:8px}#leaderboardModal #keyUpsLeaderboard{padding-bottom:5px}#leaderboardModal .leaderboard-entry{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:0;transition:background .15s ease}#leaderboardModal .leaderboard-entry:hover{background-color:rgba(0,0,0,.85)}#leaderboardModal .leaderboard-entry-name{color:#d1d5db;font-weight:500;font-size:10pt;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaderboardModal .leaderboard-entry-count{color:#9ca3af;font-size:.9rem;font-weight:500;margin-left:12px;flex-shrink:0}#leaderboardModal .hall-of-fame-entry{justify-content:space-between}#leaderboardModal .hall-of-fame-entry .leaderboard-entry-name{flex:2}#leaderboardModal .hall-of-fame-entry .leaderboard-entry-name:hover{color:var(--color-btn-gradient-start,#3b82f6);text-decoration:underline!important}#leaderboardModal .hall-of-fame-entry .leaderboard-entry-count{flex:1;text-align:center;margin-left:8px;margin-right:8px}#leaderboardModal .leaderboard-entry-month{color:#6b7280;font-size:.85rem;font-weight:400;flex:1;text-align:right;margin-left:8px;flex-shrink:0}#leaderboardModal .leaderboard-empty{color:#9ca3af;margin:0;font-size:.9rem;text-align:center;padding:20px 0}#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 .action-btn.friend-action-blocked-by-them{opacity:.42!important;filter:grayscale(1) brightness(.95)!important;cursor:not-allowed!important;pointer-events:auto!important}#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,#userInfoModal .modal-close{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,#userInfoModal .modal-close:active,#userInfoModal .modal-close:focus,#userInfoModal .modal-close:hover,.modal-close:active,.modal-close:focus,.modal-close:hover{background:0 0!important;outline:0!important;box-shadow:none!important;border:0!important}.modal-close:active,.modal-close:focus,.modal-close:hover{transform:none!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}#inboxFriendsPanel .friends-modal-entry{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:5px 10px;margin-top:0;margin-bottom:0;background:rgba(0,0,0,.55);border-radius:10px;border:1px solid rgba(255,255,255,.06)}#inboxFriendsPanel .friends-modal-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}#inboxFriendsPanel .friends-modal-name{color:#fff;font-size:.95rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#inboxFriendsPanel .friends-modal-name.clickable{cursor:pointer}#inboxFriendsPanel .friends-modal-status{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}#inboxFriendsPanel .friends-modal-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;min-width:0}#inboxFriendsPanel .friends-modal-notify{flex-shrink:0;max-width:min(220px,38vw)}#inboxFriendsPanel .friends-modal-notify-label{display:flex;align-items:center;justify-content:flex-end;gap:10px;cursor:pointer;user-select:none;margin:0;min-height:32px}#inboxFriendsPanel .friends-modal-notify-text{font-size:.78rem;color:#d1d5db;line-height:1.25;text-align:right;text-wrap:balance}#inboxFriendsPanel .friends-modal-notify-switch-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}#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-row:last-child,.ios-connection-participants li:last-child{border-bottom:none}#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}#channelListModal.closing{animation:none}#userListModal.active{pointer-events:auto}#alertModal.active,#channelPinModal.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:20px!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:20px!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: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}#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}@media (max-height:600px){#iosConnectionModal .modal-content{height:calc(100vh - 20px);max-height:calc(100vh - 20px);padding:8px}}@media (max-height:500px){#iosConnectionModal .modal-content{height:calc(100vh - 20px);max-height:calc(100vh - 20px);padding:6px}}#iosConnectionModal .modal-content #iosConnectionParticipants{touch-action:pan-y!important;overflow-y:auto;flex:1;min-height:100px;max-height:40vh;margin:8px 0}#iosConnectionModal .modal-content h2{margin-top:0;margin-bottom:5px;font-size:14pt;font-weight:600;color:#fff;flex-shrink:0;background-color:#000;padding:5px;border:1px solid #111}@media (max-height:500px){#iosConnectionModal .modal-content h2{margin-bottom:6px;font-size:.875rem}}#iosConnectionModal .modal-content>p{margin-bottom:5px;font-size:1rem;color:#d1d5db;line-height:1.5;flex-shrink:0}#iosConnectionModal .modal-content>p small{font-size:10pt;color:#9ca3af}.ios-connection-filter-container,.ios-connection-participants{margin-bottom:10px;padding:10px;border-radius:0;border:1px solid #111}.ios-connection-filter-container{flex-shrink:0;background:rgba(0,0,0,.3);margin-top:10px}.ios-connection-filter-container .toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:12px;margin-top:0;margin-bottom:0}.ios-connection-filter-container .toggle-text{flex:1;text-align:left;font-size:12ptrem;color:#d1d5db;line-height:1.4;font-weight:500}.ios-connection-participants{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;background-color:rgba(0,0,0,.75);text-align:left;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;position:relative!important;width:100%!important;box-sizing:border-box!important}.ios-connection-participants .ios-connection-loading{text-align:center;color:#9ca3af;font-style:italic;margin:0}.ios-connection-participants ul{list-style:none;padding:0;margin:0}.ios-connection-participants li{padding:8px 0;color:#e5e7eb;font-size:10pt;border-bottom:1px solid #111}.ios-connection-participants .empty-participants{text-align:center;color:#9ca3af;font-style:italic;padding:12px 0}.ios-connection-stats-graph{margin-bottom:0;margin-top:0;padding:12px;background:rgba(0,0,0,.5);border-radius:0;border:1px solid #111}.stats-graph-title{color:#d1d5db;font-size:.85rem;font-weight:500;margin-bottom:10px;text-align:center}.stats-graph-container{display:flex;align-items:flex-end;justify-content:space-between;height:80px;gap:2px;padding:5px 0}.stats-graph-bar{flex:1;min-width:3px;background:linear-gradient(to top,#3b82f6,#60a5fa);border-radius:2px 2px 0 0;position:relative;transition:opacity .2s ease}.stats-graph-bar:hover{opacity:.8}.stats-graph-bar-label{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:8pt;color:#9ca3af;white-space:nowrap;text-align:center;max-width:50px;overflow:visible;box-sizing:border-box;pointer-events:none;z-index:1}.stats-graph-error,.stats-graph-loading{color:#9ca3af;font-size:.8rem;text-align:center;padding:20px 0}.stats-graph-error{color:#ef4444}#iosConnectionModal .button-container{display:flex;flex-direction:row;gap:12px;margin-top:0;flex-shrink:0}#iosDeclineModal .button-container button,.ios-connection-button{border:0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.ios-connection-button{flex:1;min-width:0;padding:12px 8px;font-size:.85rem;word-break:break-word;hyphens:auto}.ios-connection-accept{background:rgba(34,197,94,.3);border:1px solid #111;color:#86efac}.ios-connection-accept:hover{background:rgba(34,197,94,.4);border-color:#111}.ios-connection-accept:active{background:rgba(34,197,94,.5)}.ios-connection-decline{background:rgba(239,68,68,.3);border:1px solid #111;color:#fca5a5}.ios-connection-decline:hover{background:rgba(239,68,68,.4);border-color:#111}.ios-connection-decline:active{background:rgba(239,68,68,.5)}.ios-connection-skip{background:rgba(59,130,246,.3);border:1px solid #111;color:#93c5fd}.ios-connection-skip:hover{background:rgba(59,130,246,.4);border-color:#111}.ios-connection-skip:active{background:rgba(59,130,246,.5)}#iosDeclineModal .modal-content{width:90%;max-width:400px;background:var(--color-modal-bg,rgba(0,20,40,.97));border:1px solid #111;border-radius:10px;padding:24px;text-align:center}#iosDeclineModal .modal-content p{margin-bottom:24px;font-size:1.1rem;color:#d1d5db;line-height:1.5}#iosDeclineModal .button-container{margin-top:0}#iosDeclineModal .button-container button{width:100%;padding:14px 20px;color:var(--color-btn-text,#fff);font-size:1rem}#iosDeclineModal .button-container button:active,#iosDeclineModal .button-container button:hover{filter:brightness(.82);transform:translateY(-2px)}#iosDeclineModal .button-container button,#iosDeclineModal .button-container button:active{background:linear-gradient(135deg,var(--color-btn-gradient-start),var(--color-btn-gradient-end))}#inboxModal{justify-content:flex-start;align-items:stretch;padding:0;top:var(--gccr-header-stack);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}#inboxModal #messengerTitle.inbox-modal-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;clip-path:inset(50%)}#inboxModal .modal-close{background:0 0;border:0;color:#d1d5db;font-size:2rem;cursor:pointer;padding:0 0 8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:background .05s ease;line-height:1;margin-top:0}#inboxModal .modal-close:active,#inboxModal .modal-close:focus,#inboxModal .modal-close:hover{background:0 0!important;outline:0!important;box-shadow:none!important;border:0!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}#inboxModal .inbox-friend-request-actions .inbox-friend-request-accept,#inboxSendBtn{background:linear-gradient(135deg,var(--color-btn-gradient-start,rgba(59,130,246,.8)),var(--color-btn-gradient-end,rgba(37,99,235,.8)));box-shadow:0 3px 10px rgba(0,0,0,.5);transition:background .2s ease,transform .1s ease,box-shadow .15s ease;align-self:center}#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-friend-request-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.inbox-friend-request-actions .action-btn{flex:1 1 auto;min-width:100px;padding:8px 14px;font-size:.85rem;border-radius:8px;border:0;cursor:pointer;font-weight:500;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--color-btn-text,#fff);transition:filter .15s ease,transform .05s ease;backdrop-filter:var(--btn-glass-blur,none);-webkit-backdrop-filter:var(--btn-glass-blur,none)}#inboxModal .inbox-friend-request-actions .inbox-friend-request-accept{border:var(--btn-glass-border,none)}#inboxModal .inbox-friend-request-actions .inbox-friend-request-accept:hover{filter:brightness(.88)}#inboxModal .inbox-friend-request-actions .inbox-friend-request-accept:active{filter:brightness(.78)}#inboxModal .inbox-friend-request-actions .inbox-friend-request-decline{background:linear-gradient(135deg,var(--color-btn-hover-start,rgba(0,80,160,.8)),var(--color-btn-hover-end,rgba(0,100,200,.8)));border:var(--btn-glass-border,none)}#inboxModal .inbox-friend-request-actions .inbox-friend-request-decline:hover{filter:brightness(.9)}#inboxModal .inbox-friend-request-actions .inbox-friend-request-decline:active{filter:brightness(.82)}#inboxFriendsPanel .inbox-friend-pending-fr-right{flex-shrink:0;max-width:min(52%,220px)}#inboxFriendsPanel .inbox-friends-fr-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:0}#inboxFriendsPanel .inbox-friends-fr-actions .action-btn{min-width:72px;padding:6px 10px;font-size:.8rem}#inboxFriendsPanel .inbox-friend-pending-copy{display:flex;flex-direction:column;min-width:0;gap:2px}#inboxFriendsPanel .friends-modal-name--pending{white-space:normal;overflow:visible;text-overflow:clip;font-weight:600}#inboxFriendsPanel .inbox-friend-pending-sub{font-size:.72rem;color:rgba(255,255,255,.45);line-height:1.25}.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 #contactModalTitle{margin:0 0 16px!important;font-size:1.25rem!important;font-weight:500!important;color:#e8eaed!important;background:0 0!important;padding:0!important;letter-spacing:.01em}#contactModal #contactModalMessage{margin:0 0 20px!important;font-size:.9375rem!important;line-height:1.5!important;color:#e8eaed!important}#contactModal #contactModalMessage p{margin:0 0 8px!important}#contactModal #contactModalMessage p:last-child{margin-bottom:0!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)}#channelPinModal .modal-content{width:calc(100vw - 32px);max-width:400px;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;background:var(--color-modal-bg,rgba(0,20,40,.82))!important;backdrop-filter: none;-webkit-backdrop-filter: none;-webkit-backdrop-filter:none!important}#channelPinModal #channelPinModalTitle,.modal-content h2{margin:0 0 16px;font-size:1.25rem;font-weight:500;color:#e8eaed}#channelPinModal .input-container{margin-bottom:20px;width:100%;box-sizing:border-box}#channelPinModal .modal-content input{width:100%;box-sizing:border-box;min-height:48px;font-size:1.25rem;letter-spacing:.25em;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);padding:12px 16px;color:#e8eaed;-webkit-text-security:none}#channelPinModal .button-container{display:flex;justify-content:flex-end;flex-wrap:nowrap;gap:12px;margin-top:0;width:100%;box-sizing:border-box}#channelPinModal .button-container button{flex:0 0 auto;width:auto;min-width:100px;border-radius:20px;padding:10px 20px;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.25);background:0 0;color:#e8eaed;visibility:visible;opacity:1}#channelPinModal .button-container button:first-child{visibility:visible;opacity:1}#channelPinModal .button-container button:last-child{background:var(--color-accent,#3b82f6);border:0;color:#fff}.rules-button-container{justify-content:center}.rules-button-container button{flex:0 0 auto;min-width:120px;border-radius:10px}#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}#iosConnectionModal,#iosDeclineModal{position:fixed;align-items:center;justify-content:center}#iosConnectionModal,#iosDeclineModal{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;flex-direction:column;z-index:3000;opacity:0;pointer-events:none;padding:0;box-sizing:border-box;height:100vh}#iosConnectionModal.active,#iosDeclineModal.active{opacity:1;pointer-events:auto}#iosConnectionModal .modal-content{width:calc(100vw - 20px);max-width:400px;height:calc(100vh - 20px);max-height:700px;margin:10px;background:var(--color-modal-bg,rgba(0,20,40,.97));border:1px solid #111;border-radius:0;padding:5px;text-align:center;display:flex;flex-direction:column;overflow:hidden;touch-action:none;box-sizing:border-box}#toastNotification{position:fixed;bottom:84px;left:50%;transform:translateX(-50%) translateY(100px);background:rgba(0,0,0,.85);color:#d1d5db;padding:16px 24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:60000;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .05s ease;max-width:90%;text-align:center;font-size:.95rem;border:1px solid #111}#toastNotification.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}#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)}#videoMessageContainer #toastNotificationTop{position:absolute;right:7px;top:-1px;margin-top:5px;color:#fff;z-index:1;max-width:90%;background:0 0;border-radius:0;box-shadow:none;text-align:right;border:0;pointer-events:none;opacity:0;visibility:hidden;text-shadow:none;font-size:9pt;line-height:1.25}#videoMessageContainer #toastNotificationTop.show{opacity:1;visibility:visible;pointer-events:auto}body.video-playing #keyingUpList{display:none!important}body.video-playing #toastNotificationTop{visibility:hidden!important;opacity:0!important;pointer-events:none!important}#keyingUpList{display:flex;top:21px;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,#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-switch-wrap{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}#channelList{max-height:70vh;overflow:hidden;background:var(--color-sidebar-bg,rgba(0,20,40,.6));list-style:none;box-shadow:0 4px 20px rgba(0,0,0,.5)}#userList li{justify-content:space-between;box-sizing:border-box;animation:none!important}.channel-list-row{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px;min-width:0}button.channel-count{position:relative;box-sizing:border-box;font:inherit;color:#d1d5db;font-size:.9rem;cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px 22px 2px 8px;margin-left:8px;display:inline-flex;align-items:center;flex-shrink:0;min-height:28px}button.channel-count::after{content:"";position:absolute;right:6px;top:50%;width:8px;height:8px;margin-top:-7px;margin-left:5px;box-sizing:border-box;border-right:2px solid rgba(209,213,219,.9);border-bottom:2px solid rgba(209,213,219,.9);transform:rotate(45deg);transition:transform .22s ease;opacity:.9;pointer-events:none}button.channel-count[aria-expanded="true"]::after{transform:rotate(225deg);margin-top:-5px}button.channel-count:hover{background:rgba(255,255,255,.12)}button.channel-count:focus-visible{outline:2px solid var(--color-accent,#ef4444);outline-offset:2px}.channel-roster{flex:0 0 auto;flex-shrink:0;width:100%;margin:8px 0 0;padding:6px 0 4px 8px;border-top:1px solid rgba(255,255,255,.08);box-sizing:border-box;overflow:visible;min-height:auto}.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}.channel-roster-empty,.channel-roster-loading{color:rgba(255,255,255,.5);font-style:italic}#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 img{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}.description.marquee,.nickname.marquee{overflow:hidden;text-overflow:clip;position:relative}.description.marquee>.marquee-wrapper,.nickname.marquee>.marquee-wrapper{display:inline-block;white-space:nowrap;padding-right:50px;will-change:transform;position:relative;font-size:inherit;line-height:inherit}.description.marquee>.marquee-wrapper{pointer-events:auto}.description.marquee>.marquee-wrapper a{pointer-events:auto;position:relative;z-index:1}.description.marquee:hover>span,.nickname.marquee:hover>span{animation-play-state:paused}.nickname.marquee>.marquee-wrapper{font-weight:inherit}.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 img{width:32px;height:32px}#userList .block-btn img,#userList .blocked-indicator img,#userListModal .block-btn img,#userListModal .blocked-indicator img{filter:brightness(0) saturate(100%) invert(17%) sepia(95%) saturate(4621%) hue-rotate(347deg) brightness(94%) contrast(107%)}#userList .block-btn img[alt=Unblock],#userListModal .block-btn img[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)}.feedback-button svg,.message-btn img{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}#videoMessageContainer #playbackInfo{pointer-events:auto;z-index:3}#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:65px;left:50%;transform:translateX(-50%);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:65px;left:50%;transform:translateX(-50%);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}#controlsContainer #recordProgress{position:absolute;top:150px;left:200px;transform:none;margin:0}#recordProgress.active,.queue-segment.active.playing{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,#queueVisualizationWrapper{display:flex;flex-direction:column;align-items:center}#queueVisualizationWrapper{width:0;height:0;margin:0;padding:0;gap:0;overflow:visible;position:static;z-index:15}#queueVisualization{width:100%;height:10px;opacity:0;visibility:hidden;transition:visibility .05s ease}#queueVisualization.active{opacity:1;visibility:visible}.save-fab-shell,#saveFabShell{display:contents}.save-fab-shell #downloadButton,#saveFabShell #downloadButton{position:fixed!important;top:auto!important;right:auto!important;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 8px)!important;left:50%!important;z-index:1004;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border-radius:24px;background-size:24px 24px,100% 100%;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important;pointer-events:auto}#downloadButton:disabled,#saveFabShell #downloadButton:disabled{opacity:1!important;cursor:not-allowed}#queueVisualizationBar{width:180px;height:8px;display:flex;flex-direction:row-reverse;gap:0;border-radius:2px;overflow:hidden;background:rgba(0,0,0,.8);padding:0;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);margin:0 auto;position:relative}#queueVisualizationBar .queue-segment:nth-child(n+30){flex:0 0 calc(200%/57)}.queue-segment,.queue-segment.active{background-clip:content-box;border:0;outline:0}.queue-segment{flex:0 0 calc(100%/57);height:100%;padding:0 1px;background:linear-gradient(180deg,rgba(255,255,255,.14)0,rgba(220,220,220,.06) 100%);border-radius:1px;box-sizing:border-box;transition:background .05s ease,box-shadow .05s ease;contain:paint;min-width:0;box-shadow:0 0 2px rgba(255,255,255,.08),0 0 4px rgba(0,0,0,.25)}.queue-segment.active{background:linear-gradient(180deg,var(--color-accent,#0f8) 0,color-mix(in srgb,var(--color-accent,#0f8) 75%,#1a1a1a) 100%);box-shadow:0 0 2px var(--color-accent,#0f8),inset 0 1px 0 rgba(255,255,255,.18)}.queue-segment.recording-used{background:linear-gradient(180deg,rgba(255,255,255,.12)0,rgba(200,200,200,.05) 100%);background-clip:content-box;box-shadow:0 0 2px rgba(255,255,255,.06)}.queue-segment.recording-remaining{background:linear-gradient(180deg,var(--color-accent,#09f) 0,color-mix(in srgb,var(--color-accent,#09f) 75%,#1a1a1a) 100%);background-clip:content-box;box-shadow:0 0 2px var(--color-accent,#09f),inset 0 1px 0 rgba(255,255,255,.18)}#queueVisualization.recording #recordProgress{visibility:hidden;pointer-events:none}.queue-segment.active.history,.queue-segment.active.queued{opacity:.4}.queue-segment.flash{animation:queueFlash .2s ease}.reaction-fab-shell,body:has(.modal.active) .save-fab-shell,body:has(.modal.active) #saveFabShell,body:has(#userListModal.active) .reaction-fab-shell,body:has(#userListModal.active) .save-fab-shell,body:has(#userListModal.active) #saveFabShell,body:has(#sidebar.active) .reaction-fab-shell,body:has(#sidebar.active) .save-fab-shell,body:has(#sidebar.active) #saveFabShell,body:has(#leaderboardModal.active) .reaction-fab-shell,body:has(#leaderboardModal.active) .save-fab-shell,body:has(#leaderboardModal.active) #saveFabShell,body:has(#channelListModal.open) .reaction-fab-shell,body:has(#channelListModal.open) .save-fab-shell,body:has(#channelListModal.open) #saveFabShell{z-index:990!important}body:has(.modal.active) #feelingsFridayBanner,body:has(#userListModal.active) #feelingsFridayBanner,body:has(#sidebar.active) #feelingsFridayBanner,body:has(#leaderboardModal.active) #feelingsFridayBanner,body:has(#channelListModal.open) #feelingsFridayBanner{z-index:990!important}.reaction-fab-shell{position:fixed;left:calc(max(12px,env(safe-area-inset-left)) + 6px);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 8px);z-index:1004;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;padding:0;background:transparent;box-shadow:none;transition:gap .28s cubic-bezier(.2,0,0,1)}.reaction-fab-shell.open{gap:5px}.reaction-fab-toggle{width:48px;height:48px;border-radius:24px;border:1px solid color-mix(in srgb,var(--color-btn-bg,var(--color-accent,#09f)) 78%,#000 22%);background:var(--color-btn-bg,var(--color-accent,#09f));color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.2,0,0,1),background .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1),color .2s ease}.reaction-fab-toggle:active{transform:scale(.92)}.reaction-fab-toggle:hover{box-shadow:0 3px 12px rgba(0,0,0,.66),0 0 0 1px rgba(0,0,0,.4)}.reaction-fab-toggle:focus-visible{outline:2px solid var(--color-accent,#09f);outline-offset:3px}.feedback-buttons-container.reaction-fab-panel{position:relative;flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;max-width:0;margin:0;padding:0;box-sizing:border-box;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;opacity:0;visibility:hidden;pointer-events:none;overflow-x:hidden;overflow-y:visible;transition:max-width .34s cubic-bezier(.2,0,0,1),opacity .2s cubic-bezier(.2,0,0,1),visibility .2s}.reaction-fab-shell.open .feedback-buttons-container.reaction-fab-panel{max-width:min(96vw,448px);opacity:1;visibility:visible;pointer-events:auto}#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel,#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel.active,#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel:not(.active){width:auto!important;max-width:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;outline:0!important;gap:5px!important;padding:14px 22px 14px 4px!important;overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important}#reactionFabShell.reaction-fab-shell.open #feedbackButtons.feedback-buttons-container.reaction-fab-panel,#reactionFabShell.reaction-fab-shell.open #feedbackButtons.feedback-buttons-container.reaction-fab-panel.active,#reactionFabShell.reaction-fab-shell.open #feedbackButtons.feedback-buttons-container.reaction-fab-panel:not(.active){max-width:min(96vw,448px)!important}#reactionFabShell #feedbackButtons .feedback-button{flex:0 0 auto!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:24px!important;border:0!important;padding:0!important;background:var(--color-btn-bg,var(--color-accent,#09f))!important;box-shadow:0 2px 10px rgba(0,0,0,.42),0 0 1px rgba(0,0,0,.58),0 0 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.34),inset 0 2px 5px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 2px rgba(0,0,0,.1),0 1px 2px 1px color-mix(in srgb,var(--color-btn-bg,var(--color-accent,#09f)) 32%,rgba(0,0,0,.24)),0 2px 6px rgba(0,0,0,.26)!important;transition:transform .2s cubic-bezier(.2,0,0,1),background .2s ease,box-shadow .2s ease,filter .2s ease!important}#reactionFabShell #feedbackButtons .feedback-button:hover{transform:scale(1.05)!important;box-shadow:0 2px 11px rgba(0,0,0,.44),0 0 1px rgba(0,0,0,.68),0 0 3px rgba(0,0,0,.46),0 2px 4px rgba(0,0,0,.28),inset 0 2px 6px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.11),0 2px 4px color-mix(in srgb,var(--color-btn-bg,var(--color-accent,#09f)) 26%,rgba(0,0,0,.34)),0 2px 6px rgba(0,0,0,.32)!important}#reactionFabShell #feedbackButtons .feedback-button:active{transform:scale(.92)!important}#reactionFabShell #feedbackButtons.feedback-buttons-container:not(.active) .feedback-button{background:color-mix(in srgb,var(--color-btn-bg,var(--color-accent,#09f)) 52%,rgba(0,0,0,.38))!important}#reactionFabShell #feedbackButtons #heartFeedbackButton{padding:0!important}#reactionFabShell #feedbackButtons #customFeedbackButton3{display:none!important}#reactionFabShell #feedbackButtons #heartFeedbackButton .emoji-lg{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:1!important;font-size:22px!important}#buttonTheme,#colorScheme{margin-bottom:10px}#rulesTitle{font-size:14pt;padding-top:10px;padding-bottom:10px;background-color:transparent;margin-top:0!important;border:0}.feedback-buttons-container.reaction-fab-panel:not(.active) .feedback-button{cursor:not-allowed;opacity:.5;filter:grayscale(100%)}.feedback-buttons-container.reaction-fab-panel:not(.active) .feedback-button:hover{transform:none;opacity:.5;filter:grayscale(100%)}#inboxButton,.feedback-button{border-radius:0;opacity:1;visibility:visible}.feedback-button{width:45px;height:45px;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .05s ease,background .05s ease,box-shadow .05s ease,border-color .05s ease;color:#fff;padding:0;transform:translateX(0) translateY(0) rotate(0) scale(1);border:1px solid #222}#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,.feedback-button img{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}.feedback-button.emoji-button{font-size:22px}#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}.feedback-button.emoji-button,.feedback-button.emoji-button span{display:flex;align-items:center;justify-content:center;line-height:1}.feedback-button img{margin-bottom:2px}.feedback-button:hover{transform:scale(1.1);background:rgba(0,0,0,.75);box-shadow:0 4px 12px rgba(0,0,0,.6)}.feedback-button:active{transform:scale(.95)}.feedback-button.disabled,.feedback-button:disabled{cursor:not-allowed!important;filter:grayscale(100%) brightness(.5)!important;opacity:1!important;border-color:#111!important}.feedback-button.disabled:hover,.feedback-button:disabled:hover{transform:none!important;background:rgba(0,0,0,.6)!important;filter:grayscale(100%) brightness(.5)!important;opacity:1!important;box-shadow:0 2px 8px rgba(0,0,0,.5)!important}.reaction-scoreboard{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start;z-index:901;pointer-events:auto;border:0;box-shadow:0 0 1px 5px rgba(0,0,0,.5);border-radius:3px;transition:transform .05s ease;cursor:pointer;transform:translateX(0) scale(1);opacity:1;background:rgba(0,0,0,.5)}.reaction-scoreboard:hover{transform:scale(1.1)}.reaction-scoreboard:active{transform:scale(.95)}.reaction-scoreboard.hidden{display:none}.reaction-scoreboard .scoreboard-item{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.reaction-scoreboard .scoreboard-item img{width:15px;height:15px;display:block;filter:drop-shadow(0 0 2px rgba(0, 0, 0, .8));transition:filter .3s ease,transform .3s ease;transform:scale(1)}.reaction-scoreboard .scoreboard-item img.flash{animation:scoreboardFlash .5s ease}.reaction-scoreboard .score-number{font-size:8pt;line-height:1;color:#d1d5db;text-align:center;min-width:auto;font-weight:700}.reaction-scoreboard .scoreboard-count-line{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;line-height:1}.reaction-scoreboard .scoreboard-multiplier{font-size:9px;line-height:1.1;color:#fff;text-align:center;font-weight:700;letter-spacing:.02em;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;pointer-events:none;display:none;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.32),0 0 14px rgba(0,0,0,.12);white-space:nowrap}.reaction-scoreboard .scoreboard-multiplier.active{display:inline-flex;align-items:center;justify-content:center}.reaction-scoreboard .scoreboard-emoji-wrap.flash{animation:scoreboardFlash .5s ease}#heartFeedbackButton{color:#f44}#heartFeedbackButton:hover{color:#f66;box-shadow:0 4px 16px rgba(255,68,68,.4)}#middleFingerFeedbackButton{color:#ff6b6b}#middleFingerFeedbackButton:hover{color:#ff8f8f;box-shadow:0 4px 16px rgba(255,107,107,.4)}#hundredFeedbackButton{color:gold}#hundredFeedbackButton:hover{color:#ffed4e;box-shadow:0 4px 16px rgba(255,215,0,.4)}#particleContainer{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;pointer-events:none;z-index:1;overflow:visible}.feedback-particle{position:absolute;pointer-events:none;transition:none;transform:translate3d(0,0,0) scale(1);opacity:1;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:visible;transform-origin:center center;display:block;box-sizing:border-box;line-height:0;text-align:center;contain:none}.feedback-particle.heart{color:#ff6b9d}.feedback-particle.middle-finger{color:#ff6b6b}.feedback-particle.animate{animation:particleFloat 1.5s steps(36,end) forwards}.feedback-button-custom{position:relative}.feedback-button-custom .custom-emoji-display{min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center;margin-top:0}.feedback-button-custom .custom-emoji-display.empty{font-size:10px!important;color:rgba(255,255,255,.6);line-height:1.2!important;text-align:center;padding:1px;font-weight:700;max-width:50px;width:50px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;display:flex;align-items:center;justify-content:center}.emoji-picker-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:0 0;z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;overflow:hidden;touch-action:none}.emoji-picker-modal.active{display:flex!important;opacity:1}.emoji-picker-modal .emoji-picker-tabs{touch-action:pan-x!important}.emoji-picker-modal .emoji-picker-grid{touch-action:pan-y!important}.emoji-picker-content{background:var(--color-modal-bg,rgba(0,20,40,.97));border-radius:0;width:100vw;max-width:700px;height:100vh;display:flex;flex-direction:column;box-shadow:0 0 5px 1px #000;border:1px solid gray;overflow:hidden;position:relative;padding:5px}#emojiPickerModal.emoji-picker-modal,#emojiPickerModal.emoji-picker-modal.active{background:0 0!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important}#emojiPickerModal .emoji-picker-modal-content{width:calc(100vw - 20px)!important;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important;padding:0!important;display:flex!important;overflow:hidden!important;margin:0 auto;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}#emojiPickerModal .emoji-picker-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}#emojiPickerModal .emoji-picker-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}#emojiPickerModal .emoji-picker-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}#emojiPickerModal .emoji-picker-modal-close-btn:hover{background:rgba(255,255,255,.1)!important}#emojiPickerModal .emoji-picker-modal-close-btn:active,#emojiPickerModal .emoji-picker-modal-close-btn:focus{background:rgba(255,255,255,.15)!important;outline:0!important;box-shadow:none!important}.emoji-picker-close{background:0 0;border:0;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .05s ease}.emoji-picker-close:hover{background:rgba(255,255,255,.1)}.emoji-picker-search{padding:12px 20px;border-bottom:none;flex-shrink:0}.emoji-picker-search input{width:100%;padding:10px 14px;background:rgba(0,0,0,.4);border:1px solid #111;border-radius:8px;color:#fff;font-size:14px;outline:0;transition:border-color .05s ease,background .05s ease}.emoji-picker-search input:focus{border-color:#111;background:rgba(0,0,0,.6)}.emoji-picker-tabs{display:flex;gap:10px;padding:12px 20px 16px;overflow-x:scroll;overflow-y:hidden;min-height:44px;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;position:relative;z-index:1;background-color:rgba(0,0,0,.25);border:1px solid #111}.emoji-picker-tabs::-webkit-scrollbar{height:4px}.emoji-picker-tabs::-webkit-scrollbar-track{background:0 0}.emoji-picker-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.emoji-picker-tab{padding:6px 12px;min-height:32px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:9999px;color:#d1d5db;font-size:12px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease;flex-shrink:0}.emoji-picker-tab:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22)}.emoji-picker-tab.active{background:var(--color-accent,rgba(226,232,240,.9));border-color:transparent;color:var(--color-btn-text,#000);box-shadow:0 1px 3px rgba(0,0,0,.3)}.emoji-picker-grid{flex:1;overflow-y:scroll;overflow-x:hidden;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;position:relative;z-index:1}.emoji-picker-grid::-webkit-scrollbar{width:6px}.emoji-picker-grid::-webkit-scrollbar-track{background:0 0}.emoji-picker-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.emoji-picker-item{width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease,box-shadow .16s ease;padding:0}.emoji-picker-item:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.2);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.28)}.emoji-picker-item.selected{background:color-mix(in srgb,var(--color-accent,rgba(226,232,240,.9)) 20%,transparent);border-color:var(--color-accent,rgba(226,232,240,.9));box-shadow:0 0 0 1px rgba(0,0,0,.2)}.emoji-picker-no-results{grid-column:1/-1;text-align:center;color:#9ca3af;padding:40px 20px;font-size:14px}.emoji-picker-footer{padding:5px;border-top:none;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;margin-left:5px;margin-right:5px}.emoji-picker-ok{color:#fff}.emoji-picker-cancel,.emoji-picker-ok{min-height:40px;padding:0 20px;border-radius:20px;border:1px solid transparent;font-size:14px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}.emoji-picker-ok{background:var(--color-accent,rgba(226,232,240,.9));color:var(--color-btn-text,#000);box-shadow:0 1px 2px rgba(0,0,0,.28)}.emoji-picker-ok:hover{filter:brightness(.95);box-shadow:0 2px 6px rgba(0,0,0,.32);transform:translateY(-1px)}.emoji-picker-cancel{background:0 0;border-color:rgba(255,255,255,.28);color:#e5e7eb}.emoji-picker-cancel:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.42);transform:translateY(-1px)}.emoji-picker-cancel:active,.emoji-picker-ok:active{transform:translateY(0)}@media (max-width:768px){.emoji-picker-content{width:95%;max-height:85vh}.emoji-picker-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;padding:10px;min-height:0;flex:1;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-y:scroll}.emoji-picker-item{width:40px;height:40px;font-size:20px}.emoji-picker-tabs{padding:10px 16px 14px;min-height:44px;-webkit-overflow-scrolling:touch;touch-action:pan-x;overflow-x:scroll;flex-shrink:0}.emoji-picker-tab{padding:5px 10px;font-size:11px}}.emoji-picker-modal.active{animation:emojiPickerFadeIn .2s ease forwards}#emojiPickerModal.closing{display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important}#emojiPickerModal .emoji-picker-modal-content{display:grid!important;grid-template-columns:72px 1fr!important;grid-template-rows:auto auto 1fr auto!important;grid-template-areas:"header header" "nav search" "nav grid" "nav footer"!important;flex-direction:unset!important}#emojiPickerModal .emoji-picker-modal-header{grid-area:header}#emojiPickerModal .emoji-picker-search{grid-area:search}#emojiPickerModal .emoji-picker-tabs{grid-area:nav;display:flex!important;flex-direction:column!important;align-items:center!important;overflow-x:hidden!important;overflow-y:auto!important;padding:8px 0!important;gap:4px!important;min-height:unset!important;border-right:1px solid rgba(255,255,255,.1)!important;border-bottom:none!important;border-left:none!important;border-top:none!important;background:rgba(0,0,0,.3)!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important;overscroll-behavior-x:unset!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}#emojiPickerModal .emoji-picker-grid{grid-area:grid}#emojiPickerModal .emoji-picker-footer{grid-area:footer}#emojiPickerModal .emoji-picker-tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:60px!important;min-height:56px!important;padding:8px 4px!important;border-radius:16px!important;gap:4px!important;white-space:normal!important;flex-shrink:0!important}#emojiPickerModal .emoji-picker-tab .ep-nav-icon{font-size:22px;line-height:1;display:block;pointer-events:none}#emojiPickerModal .emoji-picker-tab .ep-nav-label{font-size:10px;line-height:1.2;text-align:center;display:block;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}@media (max-width:768px){#emojiPickerModal .emoji-picker-modal-content{grid-template-columns:62px 1fr!important}#emojiPickerModal .emoji-picker-tab{width:52px!important;min-height:50px!important}#emojiPickerModal .emoji-picker-tab .ep-nav-icon{font-size:19px}#emojiPickerModal .emoji-picker-tab .ep-nav-label{font-size:9px;max-width:52px}}[data-color-scheme=pride] .button-container button:first-child,[data-color-scheme=pride] .modal-content .button-container button:first-child{background:linear-gradient(135deg,red,#ff6400)!important;color:#fff!important}[data-color-scheme=pride] .button-container button:nth-child(2),[data-color-scheme=pride] .modal-content .button-container button:nth-child(2){background:linear-gradient(135deg,#ff8c00,gold)!important;color:#000!important}[data-color-scheme=pride] .button-container button:nth-child(3),[data-color-scheme=pride] .modal-content .button-container button:nth-child(3){background:linear-gradient(135deg,gold,#00ff7f)!important;color:#000!important}[data-color-scheme=pride] .button-container button:nth-child(4),[data-color-scheme=pride] .modal-content .button-container button:nth-child(4){background:linear-gradient(135deg,#00ff7f,#00bfff)!important;color:#000!important}[data-color-scheme=pride] .button-container button:nth-child(5),[data-color-scheme=pride] .modal-content .button-container button:nth-child(5){background:linear-gradient(135deg,#00bfff,#8a2be2)!important;color:#fff!important}[data-color-scheme=pride] .button-container button:nth-child(n+6),[data-color-scheme=pride] .modal-content .button-container button:nth-child(n+6){background:linear-gradient(135deg,#8a2be2,#ff1493)!important;color:#fff!important}[data-color-scheme=pride] .button-container button:hover,[data-color-scheme=pride] .modal-content .button-container button:hover{filter:brightness(.88) saturate(1.1);transform:translateY(-2px)}[data-color-scheme=pride] #talkButton:not(.disabled):not(.talking){background-color:#007faa!important}[data-color-scheme=pride] #talkButton.talking{background-color:red!important}[data-color-scheme=pride] #skipButton{background-color:#aa5d00!important}[data-color-scheme=pride] #reverseButton{background-color:#aa8f00!important}[data-color-scheme=pride] #blockButton{background-color:#ff1493!important}[data-color-scheme=pride] #camButton,[data-color-scheme=pride] #downloadButton{background-color:gold!important}[data-color-scheme=pride] input[type=checkbox],[data-color-scheme=pride] input[type=radio]{accent-color:#f0f!important}[data-color-scheme=pride] #userList,[data-color-scheme=pride] #userListModal{border:0!important}[data-color-scheme=highContrast] #blockButton,[data-color-scheme=highContrast] #camButton,[data-color-scheme=highContrast] #downloadButton,[data-color-scheme=highContrast] #saveFabShell #downloadButton,[data-color-scheme=highContrast] #reverseButton,[data-color-scheme=highContrast] #skipButton,[data-color-scheme=highContrast] #talkButton,[data-color-scheme=highContrast] .button-container button,[data-color-scheme=highContrast] .emoji-picker-cancel,[data-color-scheme=highContrast] .emoji-picker-ok,[data-color-scheme=highContrast] .emoji-picker-search input,[data-color-scheme=highContrast] .feedback-button,[data-color-scheme=highContrast] .inbox-block-btn,[data-color-scheme=highContrast] .inbox-friend-request-accept,[data-color-scheme=highContrast] .inbox-friend-request-decline,[data-color-scheme=highContrast] .modal-content .button-container button,[data-color-scheme=highContrast] .modal-content input[type=text],[data-color-scheme=highContrast] .modal-content textarea,[data-color-scheme=highContrast] input[type=text],[data-color-scheme=highContrast] select,[data-color-scheme=highContrast] textarea{border:1px solid #fff!important}[data-color-scheme=highContrast] .block-btn,[data-color-scheme=highContrast] .message-btn{border:0!important}[data-color-scheme=highContrast] .reaction-scoreboard{border:0!important;background:0 0!important;box-shadow:none!important}[data-color-scheme=highContrast] input[type=checkbox],[data-color-scheme=highContrast] input[type=radio]{border:0!important;outline:0!important;accent-color:#000!important}[data-color-scheme=highContrast] #channelIndicator,[data-color-scheme=highContrast] #channelListModal,[data-color-scheme=highContrast] #inboxButton,[data-color-scheme=highContrast] #personIcon,[data-color-scheme=highContrast] #sidebar-tabs span,[data-color-scheme=highContrast] #usersOnline,[data-color-scheme=highContrast] .emoji-picker-modal,[data-color-scheme=highContrast] .modal-content,[data-color-scheme=highContrast] .tab-button{border:1px solid #fff!important}[data-color-scheme=highContrast] #alertModal,[data-color-scheme=highContrast] #channelPinModal,[data-color-scheme=highContrast] #confirmModal,[data-color-scheme=highContrast] #inboxModal,[data-color-scheme=highContrast] #rulesModal,[data-color-scheme=highContrast] #userList,[data-color-scheme=highContrast] #userListModal{border:0!important}.option-container{margin:20px 0}.radio-group{display:flex;flex-direction:column;gap:6px}.radio-group label{margin:5px 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 .chips-transfer-btn,.user-info-actions .friend-btn,.user-info-actions .join-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 .chips-transfer-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 .chips-transfer-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 .chips-transfer-btn:hover,.user-info-actions .friend-btn:hover,.user-info-actions .join-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 .join-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#4b5563)}.user-info-actions .join-btn:disabled:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:none;box-shadow:none}.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}[data-color-scheme=festive] .button-container button:first-child,[data-color-scheme=festive] .modal-content .button-container button:first-child{background:linear-gradient(135deg,rgba(220,38,38,.9),rgba(239,68,68,.9))!important;color:#fff!important}[data-color-scheme=festive] .button-container button:nth-child(2),[data-color-scheme=festive] .modal-content .button-container button:nth-child(2){background:linear-gradient(135deg,rgba(34,197,94,.9),rgba(22,163,74,.9))!important;color:#fff!important}[data-color-scheme=festive] .button-container button:nth-child(3),[data-color-scheme=festive] .modal-content .button-container button:nth-child(3){background:linear-gradient(135deg,rgba(220,38,38,.9),rgba(239,68,68,.9))!important;color:#fff!important}[data-color-scheme=festive] .button-container button:nth-child(4),[data-color-scheme=festive] .modal-content .button-container button:nth-child(4){background:linear-gradient(135deg,rgba(34,197,94,.9),rgba(22,163,74,.9))!important;color:#fff!important}[data-color-scheme=festive] .button-container button:nth-child(5),[data-color-scheme=festive] .modal-content .button-container button:nth-child(5){background:linear-gradient(135deg,rgba(220,38,38,.9),rgba(239,68,68,.9))!important;color:#fff!important}[data-color-scheme=festive] .button-container button:nth-child(n+6),[data-color-scheme=festive] .modal-content .button-container button:nth-child(n+6){background:linear-gradient(135deg,rgba(34,197,94,.9),rgba(22,163,74,.9))!important;color:#fff!important}[data-color-scheme=festive] .button-container button:hover,[data-color-scheme=festive] .modal-content .button-container button:hover{filter:brightness(.88) saturate(1.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(34,197,94,.4),0 4px 12px rgba(220,38,38,.4)}[data-color-scheme=festive] #talkButton:not(.disabled):not(.talking){background-color:#1b9e4b!important}[data-color-scheme=festive] #skipButton,[data-color-scheme=festive] #talkButton.talking{background-color:#dc2626!important}[data-color-scheme=festive] #reverseButton{background-color:#1b9e4b!important}[data-color-scheme=festive] #blockButton{background-color:#dc2626!important}[data-color-scheme=festive] #camButton,[data-color-scheme=festive] #downloadButton{background-color:#1b9e4b!important}[data-color-scheme=festive] input[type=checkbox],[data-color-scheme=festive] input[type=radio]{accent-color:#22c55e!important}[data-color-scheme=festive] #userList,[data-color-scheme=festive] #userListModal{border:0!important}#iosConnectionAccept,#iosConnectionDecline,#iosConnectionSkip{margin-bottom:0}#iosIdleAudio,.modal{display:none}.modal.active{display:block}.modal.closing{display:block!important}#alertModal.closing,#channelPinModal.closing,#confirmModal.closing,#contactModal.closing,#iosConnectionModal.closing,#leaderboardModal.closing{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}#alertModal.closing,#channelPinModal.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}#iosConnectionModal.closing,#leaderboardModal.closing{padding-top:0!important}#leaderboardModal.closing{background:0 0!important;z-index:1002!important}#iosConnectionModal.closing{background:rgba(0,0,0,.85)!important;opacity:1!important;pointer-events:auto!important;z-index:3000!important}.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)}#iosConnectionModal.closing .modal-content{margin:10px auto!important}#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}}}.emoji-sm{font-size:18px;line-height:1}.emoji-lg,.emoji-md{font-size:15px;line-height:1}.emoji-lg{font-size:24px}.emoji-display-block{display:block;margin-bottom:2px}.no-pointer-events{pointer-events:none}.flex-around{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}.flex-start,.inline-close-btn{display:flex;align-items:center}.flex-start{gap:8px}.inline-close-btn{width:40px;height:40px;border:0;background:0 0;color:#fff;cursor:pointer;border-radius:6px;font-size:1.5rem;justify-content:center;transition:background .2s ease,transform .1s ease}.modal-header-h2{margin:0 0 0 10px}.modal-header-h2-sm{margin:0 0 0 5px}.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 #contactBtnLabel,#tab-home .button-container.button-container-col-inline #contactBtnLabel,#tab-home .button-container.button-container-col-inline #websiteBtnLabel{flex:1 1 calc(50% - 3px);width:auto;min-width:0;margin-bottom:5px}#sidebar .button-container.button-container-col-inline #legalBtnLabel,#tab-home .button-container.button-container-col-inline #legalBtnLabel{flex:1 1 100%}#sidebar .button-container.button-container-col-inline #recentChangesBtn,#tab-home .button-container.button-container-col-inline #recentChangesBtn{flex:1 1 100%;width:auto;min-width:0;margin-bottom:5px}.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}#userInfoStats .flex-around{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 8px;width:100%;box-sizing:border-box;align-items:start;justify-items:center}.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-stat-item .emoji-sm,.user-info-stat-item .emoji-md{font-size:20px;line-height:1}.user-info-stat-value{color:#fff;font-weight:500;line-height:1.2;min-height:1.2em;text-align:center;font-variant-numeric:tabular-nums;align-self:center}.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}.leaderboard-tab-icon{display:block;margin:0 auto}.rules-content{margin:0;border-width:0;font-size:16px;line-height:24px;padding-top:8px;padding-bottom:20px}.rules-content p{margin-bottom:10px;color:#d1d5db}.rules-content h2{margin-top:30px;margin-bottom:20px;color:#f3f4f6;font-size:1.5em}.rules-content h2:first-child{margin-top:0}.rules-content h3{margin-top:20px;margin-bottom:10px;color:#f3f4f6}.rules-content h4{margin-top:15px;margin-bottom:8px;color:#e5e7eb}.rules-content ul{margin-left:20px;margin-bottom:15px}.rules-content p.margin-bottom{margin-bottom:16px}.rules-agreement-container{margin:10px 0 0;padding:8px;background:rgba(0,0,0,.75);border-radius:0;height:auto;overflow:visible;line-height:1;display:block;border:1px solid #111}.rules-agreement-label{display:flex;align-items:center;cursor:not-allowed;margin:0;padding:5px;opacity:1;background-color:transparent}.rules-agreement-checkbox{width:20px;height:20px;cursor:not-allowed;margin:0;flex-shrink:0;opacity:.6}.rules-agreement-text{color:#9ca3af;font-size:.95rem;margin:0;padding:0;line-height:1;flex:1 1 0%;text-align:center}.rules-ok-disabled{opacity:.25;cursor:not-allowed}#rulesOk{margin-bottom:0;margin-top:10px;border:1px solid #111}.display-none{display:none}.audio-processing-input{flex:1;padding:6px 10px;border:1px solid #333;background:rgba(0,0,0,.5);color:#fff;font-size:.85rem;font-family:var(--gccr-app-font);transition:border-color .2s ease,background .2s ease}.audio-processing-input:focus{outline:0;border-color:var(--color-accent,#09f);background:rgba(0,0,0,.7)}.audio-processing-input:hover{border-color:#555}.audio-processing-eq-param{flex:1 1 0;min-width:60px;display:flex;flex-direction:column;align-items:center}.audio-processing-eq-param-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:0}.audio-processing-eq-param-label{text-align:left;margin:0;font-size:.9em}.audio-processing-eq-value-input{display:inline-block;min-width:3.5rem;width:auto;flex:0 0 auto;padding:4px 8px;font-family:var(--gccr-app-font);font-size:.9rem;color:#fff;text-align:center;border:0;border-radius:4px;background:0 0;flex-shrink:0;white-space:nowrap}#masterVolumeValue:not(.badge){font-family:var(--gccr-app-font)!important;background:0 0!important;border:0!important;text-align:right!important;flex:0 0 auto!important;min-width:3.5rem!important;white-space:nowrap!important}.audio-processing-eq-slider{width:100%}#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}.modal-message{text-align:left;margin:16px 0;line-height:1.6;color:rgba(255,255,255,.85)}.modal-message p{margin:8px 0}.modal-message ul{margin:8px 0 8px 20px;padding:0;list-style-position:inside}.modal-message li{margin:4px 0}.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}#iosConnectionModal .modal-content,#iosDeclineModal .modal-content{backdrop-filter:none;-webkit-backdrop-filter:none}#sidebar,#talkButton{backdrop-filter:none;-webkit-backdrop-filter:none}#queueVisualization,#queueVisualizationBar{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}#inboxModal .inbox-block-btn,#inboxModal .inbox-friend-request-accept,#inboxModal .inbox-friend-request-decline{border-radius:20px!important;border:0!important;padding:6px 14px!important;font-size:.82rem!important;letter-spacing:.02em}#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}#channelListModal,#userListModal{transform:translateX(-22px)!important}#channelListModal.active{transform:translateX(0)!important}#sidebar.active,#userListModal.active{transform:translateX(0)!important;opacity:1!important}#channelListModal.closing,#sidebar.closing,#userListModal.closing{transform:translateX(22px)!important;opacity:0!important;pointer-events:none!important}#channelListModal.closing,#userListModal.closing{transform:translateX(-22px)!important}#channelListModal.closing{transform:translateX(calc(-100% - 24px))!important}#channelListModal:not(.active):not(.closing){transform:translateX(calc(-100% - 24px))!important}#channelListModal{transition:transform .15s ease,opacity .3s cubic-bezier(.2, 0, 0, 1),visibility .3s linear!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 img{width:28px!important;height:28px!important;opacity:.5!important;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .45))!important}#sidebar-tabs{z-index:8!important;background:rgba(255,255,255,.03)!important;height:80px!important;bottom:0!important;align-items:center!important;border-top:1px solid rgba(255,255,255,.05)!important;padding:0 8px!important;justify-content:space-around!important}#sidebar-tabs span::before{content:""!important;position:absolute!important;top:12px!important;width:64px!important;height:32px!important;background:var(--color-accent,rgba(0,153,255,.2))!important;border-radius:16px!important;z-index:0!important;opacity:0!important;transform:scaleX(.5)!important;transition:opacity .2s ease,transform .2s cubic-bezier(.2, 0, 0, 1)!important}#sidebar-tabs span.active::before{opacity:1!important;transform:scaleX(1)!important}#sidebar-tabs img{width:24px!important;height:24px!important;z-index:1!important;filter:brightness(.9)!important}#sidebar-tabs span.active img{filter:brightness(1.2)!important}#menuBar{height:56px!important;min-height:56px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#menuBar{justify-content:flex-start!important}#menuBar,#menuBar #channelIndicator:hover,#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 #channelIndicator,#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 #channelIndicator{width:auto!important;min-width:48px!important;max-width:none!important;flex:0 0 auto!important;padding:8px 5px!important}#menuBar #inboxButton:hover,#menuBar #muteToggleButton:hover{background:0 0!important}#menuBar #channelIndicator:active,#menuBar #channelIndicator:focus,#menuBar #menuRight:active,#menuBar #menuRight:focus,#menuBar #usersOnline:active,#menuBar #usersOnline:focus{background:#000!important}#controlsContainer #reactionScoreboard,#topBar .top-right-item{flex-shrink:0!important;height:36px!important;min-height:36px!important}#controlsContainer #reactionScoreboard{margin:5px auto 0!important;padding:0 3px!important;background:transparent!important;border:0!important;border-radius:5px!important}#controlsContainer #reactionScoreboard .scoreboard-item img{width:18px!important;height:18px!important}#controlsContainer #reactionScoreboard .score-number{font-size:.6rem!important;margin-top:2px!important}#controlsContainer #reactionScoreboard .scoreboard-item .emoji-sm{font-size:1rem!important}#topBar .top-right-item{padding:0!important;font-size:.62rem!important}#topBar .top-right-item img{width:16px!important;height:16px!important;filter:brightness(0) invert(1);opacity:.9;flex-shrink:0}#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],#sidebar select{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,#sidebar select:focus{outline:0!important;border-color:var(--color-accent,#09f)!important;background:rgba(255,255,255,.08)!important}#sidebar select{appearance:none!important;-webkit-appearance:none!important;background-color:rgba(255,255,255,.05)!important;background-image:url("img/embedded/asset-7b6db0b526.svg")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;padding:12px 40px 12px 16px!important}#sidebar select option{background:#1e293b!important;color:#f1f5f9!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>#usernameColor,#tab-home>#usernameColorDropdown{padding-bottom:10px!important;margin-bottom:10px!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],#tab-home .sidebar-list-item select{margin-bottom:0!important;margin-top:0!important;padding:10px 14px!important}#tab-home .sidebar-list-item select{padding:10px 36px 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-logout-exit-btn.button-full,#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}html.gccr-ios-shell #bluetoothMicSidebarRow,html.gccr-ios-shell #headsetMediaTalkHooksSidebarRow,html.gccr-ios-shell #logoutExitSidebarBtn,html.gccr-ios-shell #sidebarSubscribeAdFreeBtn,html.gccr-ios-shell .sidebar-android-exit-subscribe-stack,html.gccr-ios-shell #inboxFriendsPanel .friends-modal-notify{display:none!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!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-item-roger-group{flex-direction:column!important;align-items:stretch!important;padding-bottom:10px!important}#tab-home .roger-beep-sub-row{margin-top:6px!important;padding-left:14px!important;flex:1 1 100%!important;min-width:0!important;box-sizing:border-box!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-item-slider{flex-direction:column!important;align-items:stretch!important;padding:10px 16px 12px!important;min-height:72px!important}#tab-home .sidebar-list-item-slider .audio-processing-eq-param{width:100%!important;display:block!important}#tab-home .sidebar-list-item-slider .audio-processing-eq-param-header{margin-bottom:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}#tab-home .sidebar-list-item-slider .audio-processing-eq-slider,#tab-home .sidebar-list-item-slider input[type=range]{display:block!important;width:100%!important;height:auto!important;min-height:24px!important}#tab-home .sidebar-list-item-slider #masterVolumeValue,#tab-home .sidebar-list-item-slider .audio-processing-eq-param-header .audio-processing-eq-param-label,#tab-home .sidebar-list-item-slider .audio-processing-eq-param-header .audio-processing-eq-value-input{align-self:center!important;line-height:1.25!important}#tab-home .sidebar-list-item-slider #masterVolumeValue,#tab-home .sidebar-list-item-slider .audio-processing-eq-param-header .audio-processing-eq-value-input{flex:0 0 auto!important;min-width:3.5rem!important;white-space:nowrap!important}#tab-home .sidebar-list-radio{margin:0!important;padding:0 16px 16px!important}#tab-home .sidebar-list-radio .radio-group{display:flex!important;flex-direction:column!important;gap:8px!important}#tab-home .sidebar-list-radio-label{margin:0!important;min-height:44px!important;display:flex!important;align-items:center!important;padding:0!important;cursor:pointer!important;gap:12px!important}#tab-home .sidebar-list-radio-label input[type=radio]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;flex-shrink:0!important;accent-color:var(--color-accent,#3b82f6)!important;cursor:pointer!important}#tab-home .sidebar-list-section-sound-settings .sidebar-advanced-settings-body-inner .sidebar-list-item-label-only{padding:10px 16px 4px!important;min-height:0!important;border-bottom:none!important}#tab-home .sidebar-advanced-settings-summary .sidebar-list-label,#tab-home .sidebar-list-radio-label,#tab-home .sidebar-list-section-sound-settings .sidebar-advanced-settings-body-inner .sidebar-list-item-label-only .sidebar-list-label{font-size:.875rem!important;font-weight:500!important;color:var(--color-sidebar-text,#e8eaed)!important}#tab-home .sidebar-list-section-advanced-settings{padding:0!important;overflow:visible!important}#tab-home .sidebar-list-section-sound-settings{padding:0!important;overflow:visible!important}#tab-home .sidebar-list-section-customization{padding:0!important;overflow:visible!important}#tab-home .sidebar-advanced-settings-details{border-radius:inherit}#tab-home .sidebar-advanced-settings-summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;min-height:46px!important;padding:5px 16px!important;box-sizing:border-box!important;border-bottom:none!important;position:relative!important;padding-inline-end:44px!important}#tab-home .sidebar-advanced-settings-summary::-webkit-details-marker{display:none!important}#tab-home .sidebar-advanced-settings-summary::marker{content:""!important}#tab-home .sidebar-advanced-settings-summary::after{content:""!important;position:absolute!important;right:16px!important;top:50%!important;width:12px!important;height:12px!important;margin-top:-11px!important;border-right:2.5px solid var(--color-sidebar-text,rgba(232,234,237,.85))!important;border-bottom:2.5px solid var(--color-sidebar-text,rgba(232,234,237,.85))!important;transform:rotate(45deg)!important;transition:transform .22s ease!important;opacity:.9!important}#tab-home .sidebar-advanced-settings-details[open]>.sidebar-advanced-settings-summary::after{transform:rotate(225deg)!important;margin-top:-7px!important}#tab-home .sidebar-advanced-settings-body{display:grid!important;grid-template-rows:0fr!important;transition:grid-template-rows .28s ease!important}#tab-home .sidebar-advanced-settings-details[open] .sidebar-advanced-settings-body{grid-template-rows:1fr!important}#tab-home .sidebar-advanced-settings-body-inner{overflow:hidden!important;min-height:0!important}#tab-home .sidebar-advanced-settings-body-inner>.sidebar-list-item{border-top:1px solid rgba(255,255,255,.07)!important}#tab-home .sidebar-list-section-sound-settings .sidebar-advanced-settings-body-inner>.sidebar-list-item-label-only+.sidebar-list-item-radio{border-top:none!important}#tab-home .sidebar-list-section-sound-settings .sidebar-list-item-radio{padding:0 16px 12px!important;min-height:0!important;border-bottom:none!important;align-items:stretch!important}#tab-home .sidebar-list-section-sound-settings .sidebar-list-item-switch,#tab-home .sidebar-list-section-customization .sidebar-list-item-switch{border-top:1px solid rgba(255,255,255,.07)!important}#tab-home .sidebar-list-section-sound-settings .sidebar-list-radio{margin:0!important;padding:0!important}#tab-home .sidebar-list-section-sound-settings .sidebar-list-radio .radio-group{display:flex!important;flex-direction:column!important;gap:6px!important}#tab-home .sidebar-list-section-actions{background:0 0!important;border:0!important;padding:0!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}#tab-home .sidebar-list-section-actions .button-container:has(#websiteBtnLabel){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 #recentChangesBtnRow.gccr-recent-changes-row--hidden{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important;border:0!important}#sidebar .sidebar-two-btn-row .button-full{flex:1 1 0!important;min-width:0!important;width:auto!important}#sidebar #sidebarTipMerchRow{padding-top:.25em!important;padding-bottom:.25em!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:20px!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}[data-color-scheme=green] #sidebar .button-full{background:#052e16!important;color:#fff!important}[data-color-scheme=green] #sidebar .button-full:hover{background:#14532d!important}[data-color-scheme=green] #sidebar .button-full:active{background:#022c15!important}[data-color-scheme=grayscale] #sidebar .button-full{background:#2d2d2d!important;color:#fff!important;text-shadow:0 0 1px rgba(0,0,0,.5)!important}[data-color-scheme=grayscale] #sidebar .button-full:hover{background:#404040!important}[data-color-scheme=grayscale] #sidebar .button-full:active{background:#1a1a1a!important}[data-color-scheme=grayscale] #blockButton.active,[data-color-scheme=grayscale] #camButton.active,[data-color-scheme=grayscale] #camButton:not(:disabled),[data-color-scheme=grayscale] #downloadButton:not(:disabled),[data-color-scheme=grayscale] #reverseButton.active,[data-color-scheme=grayscale] #skipButton.active{background-color:#3b82f6!important}[data-color-scheme=grayscale] #blockButton.active:hover,[data-color-scheme=grayscale] #camButton.active:hover,[data-color-scheme=grayscale] #camButton:not(:disabled):hover,[data-color-scheme=grayscale] #downloadButton:not(:disabled):hover,[data-color-scheme=grayscale] #reverseButton.active:hover,[data-color-scheme=grayscale] #skipButton.active:hover{background-color:#2563eb!important;filter:brightness(.82)}[data-color-scheme=liquidGlass] #blockButton,[data-color-scheme=liquidGlass] #camButton,[data-color-scheme=liquidGlass] #downloadButton,[data-color-scheme=liquidGlass] #reverseButton,[data-color-scheme=liquidGlass] #skipButton,[data-color-scheme=liquidGlass] #talkButton{backdrop-filter: none;-webkit-backdrop-filter: none;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 2px 10px rgba(0,0,0,.38),0 1px 3px rgba(0,0,0,.22)!important}[data-color-scheme=liquidGlass] #blockButton.active,[data-color-scheme=liquidGlass] #camButton.active:not(:disabled),[data-color-scheme=liquidGlass] #downloadButton.active,[data-color-scheme=liquidGlass] #reverseButton.active,[data-color-scheme=liquidGlass] #skipButton.active,[data-color-scheme=liquidGlass] #talkButton:not(.disabled):not(.talking){background-color:rgba(148,163,184,.22)!important;box-shadow:0 3px 12px rgba(0,0,0,.42),0 1px 4px rgba(0,0,0,.25)!important}[data-color-scheme=liquidGlass] #talkButton.talking{background-color:rgba(239,68,68,.55)!important;box-shadow:0 3px 12px rgba(0,0,0,.45),0 0 10px rgba(239,68,68,.25)!important}[data-color-scheme=liquidGlass] #blockButton:disabled,[data-color-scheme=liquidGlass] #blockButton:not(.active),[data-color-scheme=liquidGlass] #camButton:disabled,[data-color-scheme=liquidGlass] #camButton:not(.active),[data-color-scheme=liquidGlass] #downloadButton:not(.active),[data-color-scheme=liquidGlass] #reverseButton:disabled,[data-color-scheme=liquidGlass] #reverseButton:not(.active),[data-color-scheme=liquidGlass] #skipButton:disabled,[data-color-scheme=liquidGlass] #skipButton:not(.active),[data-color-scheme=liquidGlass] #talkButton.disabled,[data-color-scheme=liquidGlass] #talkButton:disabled{background-color:rgba(100,116,139,.14)!important;filter:none!important;box-shadow:0 2px 6px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.2)!important}[data-color-scheme=liquidGlass] #sidebar .button-full{background:#1e293b!important;color:#fff!important;text-shadow:0 0 1px rgba(0,0,0,.5)!important}[data-color-scheme=liquidGlass] #sidebar .button-full:hover{background:#334155!important}[data-color-scheme=liquidGlass] #sidebar .button-full:active{background:#0f172a!important}html[data-no-wallpaper] #app{background-image:none!important}[data-color-scheme=armyCamo] #app{background-image:url(../img/wallpaper/camo.jpg)!important}[data-color-scheme=pride] #camButton.active:not(:disabled),[data-color-scheme=pride] #downloadButton.active{background-color:#0082b4!important}[data-color-scheme=pride] #camButton.active:not(:disabled):hover,[data-color-scheme=pride] #downloadButton.active:hover{background-color:#006e9e!important}[data-color-scheme=deutschland] #app,[data-color-scheme=liquidGlass] #app,[data-color-scheme=pride] #app,[data-color-scheme=usa] #app{background-image:url(../img/wallpaper/pride.jpg)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}[data-color-scheme=deutschland] #app,[data-color-scheme=liquidGlass] #app,[data-color-scheme=usa] #app{background-image:url(../img/wallpaper/glass.jpg)!important}[data-color-scheme=deutschland] #app,[data-color-scheme=usa] #app{background-image:url(../img/wallpaper/usa.jpg)!important}[data-color-scheme=deutschland] #app{background-image:url(../img/wallpaper/deutschland.jpg)!important}[data-color-scheme=armyCamo] #sidebar .button-full{background:#2d3d1a!important;color:#c4a574!important;text-shadow:0 0 1px rgba(0,0,0,.6)!important}[data-color-scheme=armyCamo] #sidebar .button-full:hover{background:#3d4e1a!important}[data-color-scheme=armyCamo] #sidebar .button-full:active{background:#1a2410!important}[data-color-scheme=grayscale] .inbox-friend-sheet{background:#1c1c1c!important;box-shadow:0-4px 24px rgba(0,0,0,.65)!important}[data-color-scheme=grayscale] .inbox-friend-sheet-handle{background:rgba(255,255,255,.14)!important}[data-color-scheme=grayscale] .inbox-friend-sheet-name{color:rgba(255,255,255,.38)!important}[data-color-scheme=grayscale] .inbox-friend-sheet-btn{color:#d4d4d4!important}[data-color-scheme=grayscale] .inbox-friend-sheet-btn:hover{background:rgba(255,255,255,.06)!important}[data-color-scheme=grayscale] .inbox-friend-sheet-btn:active{background:rgba(255,255,255,.12)!important}[data-color-scheme=grayscale] .inbox-friend-sheet-btn.destructive{color:#e57373!important}[data-color-scheme=liquidGlass] .inbox-friend-sheet{background:rgba(15,23,42,.97)!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0-4px 24px rgba(0,0,0,.55)!important}[data-color-scheme=liquidGlass] .inbox-friend-sheet-handle{background:rgba(203,213,225,.2)!important}[data-color-scheme=liquidGlass] .inbox-friend-sheet-name{color:rgba(203,213,225,.42)!important}[data-color-scheme=liquidGlass] .inbox-friend-sheet-btn{color:rgba(226,232,240,.9)!important}[data-color-scheme=liquidGlass] .inbox-friend-sheet-btn:hover{background:rgba(148,163,184,.1)!important}[data-color-scheme=liquidGlass] .inbox-friend-sheet-btn:active{background:rgba(148,163,184,.18)!important}[data-color-scheme=armyCamo] .inbox-friend-sheet{background:#1a2410!important;box-shadow:0-4px 24px rgba(0,0,0,.6)!important}[data-color-scheme=armyCamo] .inbox-friend-sheet-handle{background:rgba(196,165,116,.2)!important}[data-color-scheme=armyCamo] .inbox-friend-sheet-name{color:rgba(196,165,116,.5)!important}[data-color-scheme=armyCamo] .inbox-friend-sheet-btn{color:#c4a574!important}[data-color-scheme=armyCamo] .inbox-friend-sheet-btn:hover{background:rgba(196,165,116,.07)!important}[data-color-scheme=armyCamo] .inbox-friend-sheet-btn:active{background:rgba(196,165,116,.14)!important}[data-color-scheme=armyCamo] .inbox-friend-sheet-btn.destructive{color:#e07b5a!important}[data-color-scheme=armyCamo] .inbox-friend-sheet-btn img{filter:brightness(0) saturate(100%) invert(72%) sepia(22%) saturate(450%) hue-rotate(5deg) brightness(108%)!important}[data-color-scheme=armyCamo] .inbox-friend-sheet-btn.destructive img{filter:brightness(0) saturate(100%) invert(55%) sepia(40%) saturate(600%) hue-rotate(340deg) brightness(112%)!important}[data-color-scheme=orange] .inbox-friend-sheet{background:#1a0d00!important;box-shadow:0-4px 24px rgba(0,0,0,.6)!important}[data-color-scheme=orange] .inbox-friend-sheet-handle{background:rgba(234,88,12,.25)!important}[data-color-scheme=orange] .inbox-friend-sheet-name{color:rgba(234,88,12,.5)!important}[data-color-scheme=orange] .inbox-friend-sheet-btn:hover{background:rgba(234,88,12,.07)!important}[data-color-scheme=orange] .inbox-friend-sheet-btn:active{background:rgba(234,88,12,.14)!important}[data-color-scheme=pride] .inbox-friend-sheet{background:#120018!important;border-top:1px solid rgba(255,0,255,.18)!important;box-shadow:0-4px 24px rgba(100,0,120,.45)!important}[data-color-scheme=pride] .inbox-friend-sheet-handle{background:rgba(255,0,255,.2)!important}[data-color-scheme=pride] .inbox-friend-sheet-name{color:rgba(255,150,255,.48)!important}[data-color-scheme=pride] .inbox-friend-sheet-btn:hover{background:rgba(255,0,255,.07)!important}[data-color-scheme=pride] .inbox-friend-sheet-btn:active{background:rgba(255,0,255,.14)!important}[data-color-scheme=festive] .inbox-friend-sheet{background:#160c08!important;box-shadow:0-4px 24px rgba(0,0,0,.6)!important}[data-color-scheme=festive] .inbox-friend-sheet-handle{background:rgba(220,38,38,.25)!important}[data-color-scheme=festive] .inbox-friend-sheet-name{color:rgba(220,38,38,.5)!important}[data-color-scheme=festive] .inbox-friend-sheet-btn:hover{background:rgba(220,38,38,.07)!important}[data-color-scheme=festive] .inbox-friend-sheet-btn:active{background:rgba(34,197,94,.1)!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}.modal-content button:not(.inbox-close-btn):not(.inbox-voice-overlay-close):not(.inbox-user-button):not(.inbox-tab):not(.inbox-tab-close-btn):not(.inbox-message-unsend-btn):not(#inboxSendBtn):not(.inbox-fab-item):not(.inbox-fab-toggle):not(.inbox-fab-btn):not(.inbox-fab-toggle):not(.inbox-md3-tab){border-radius:20px!important;padding:10px 24px!important;font-weight:500!important;font-size:.875rem!important;letter-spacing:.01em!important;transition:all .2s ease!important;border:0!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 .radio-group,#tab-home .theme-selector-column,#tab-home .theme-selector-row{min-width:0!important}#sidebar .audio-processing-eq-param-header,#sidebar .button-full,#sidebar input[type=range],#sidebar input[type=text],#sidebar select,#tab-home .audio-processing-eq-param,#tab-home .audio-processing-eq-param-header,#tab-home .button-full,#tab-home input[type=range],#tab-home input[type=text],#tab-home label,#tab-home select{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}#channelList{max-height:calc(100vh - 120px)!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 #aliasesTab,#userInfoModal #friendsTab,#userInfoModal #hatersTab,#userInfoModal #modTab{padding-left:8px!important;padding-right:8px!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-timer):not(.user-list-xray-lease-indicator){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}#channelList .channel-roster .status-indicator:has(.user-list-xray-lease-indicator),#userList .status-indicator:has(.user-list-xray-lease-indicator){width:auto!important;min-width:14px!important;height:auto!important;align-self:center!important;margin-left:-5px!important;margin-right:0!important;padding-left:0!important;position:relative!important;z-index:2!important;overflow:visible!important}.status-indicator img{width:18px!important;height:18px!important;display:block!important;object-fit:contain!important}#channelList .channel-roster .status-dot,#inboxFriendsPanel .status-dot,#userList .status-dot{display:block!important;width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important;max-width:9px!important;max-height:9px!important;line-height:0!important;border-radius:50%!important;flex-shrink:0!important;align-self:center!important;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 4px rgba(0,0,0,.3)!important}#channelList .channel-roster .status-dot--active,#inboxFriendsPanel .status-dot--active,#userList .status-dot--active{background:#22c55e!important}#channelList .channel-roster .status-dot--offline,#inboxFriendsPanel .status-dot--offline,#userList .status-dot--offline{background:#9ca3af!important}#channelList .channel-roster .status-dot--listening,#inboxFriendsPanel .status-dot--listening,#userList .status-dot--listening{background:#f59e0b!important}#channelList .channel-roster .status-dot--new,#inboxFriendsPanel .status-dot--new,#userList .status-dot--new{background:#facc15!important}#channelList .channel-roster .status-dot--away,#channelList .channel-roster .status-dot--suspended,#inboxFriendsPanel .status-dot--away,#inboxFriendsPanel .status-dot--suspended,#userList .status-dot--away,#userList .status-dot--suspended{background:#3b82f6!important}#channelList .channel-roster .user-list-xray-lease-indicator,#userList .user-list-xray-lease-indicator{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;align-self:center!important;line-height:0!important;min-width:0!important;height:auto!important;width:auto!important;position:relative!important;z-index:3!important;isolation:isolate!important}#channelList .channel-roster .user-list-xray-lease-icon,#userList .user-list-xray-lease-icon{width:16px!important;height:16px!important;margin-left:5px!important;display:block!important;object-fit:contain!important;filter:brightness(0) saturate(100%) invert(56%) sepia(57%) saturate(600%) hue-rotate(92deg) brightness(98%) contrast(92%) drop-shadow(0 0 2px rgba(0, 0, 0, .75))!important}#userList .block-btn.block-btn--xray-lock{opacity:.45!important;cursor:not-allowed!important}#userList li.user-list-item--self-stealth{opacity:.42!important}#userList li.user-list-item--self-stealth:hover{opacity:.62!important}#channelList .channel-roster .channel-roster-line--self-stealth{opacity:.42!important}#channelList .channel-roster .channel-roster-line--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-timer):not(.user-list-xray-lease-indicator){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:has(.user-list-xray-lease-indicator){overflow:visible!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,#sidebar select,#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-tabs span::before{display:none!important}#channelListModal,#sidebar{top:0!important;width:85vw!important;max-width:350px!important}#sidebar{left:0!important;right:auto!important;top:var(--gccr-header-stack)!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}#channelListModal{position:fixed!important;left:0!important;right:auto!important;bottom:auto!important;min-width:unset!important;box-shadow:2px 0 20px rgba(0,0,0,.5)!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:transform .15s ease,opacity .15s ease,visibility .15s ease!important}#channelListModal:not(.active){opacity:0!important;visibility:hidden!important;pointer-events:none!important}#channelListModal.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}#channelListModal.active.closing,#channelListModal.opening{opacity:0!important;pointer-events:none!important}#channelListModal.opening{visibility:visible!important}#channelList,#channelList li{margin:0!important;height:auto!important;background:0 0!important;border-radius:0!important;border:0!important}#channelList{width:100%!important;min-width:unset!important;max-height:none!important;min-height:0!important;box-shadow:none!important;overflow-y:auto!important;overflow-x:hidden!important}#channelList li{min-height:56px!important;padding:0 16px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:#e8eaed!important;font-size:.95rem!important;font-weight:400!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;cursor:pointer!important;transition:background .2s ease!important;box-sizing:border-box!important;white-space:normal!important;overflow:visible!important}#channelList li:last-child,#channelListModal #channelList>li:last-child{margin-bottom:0!important}#channelList li:hover{background:rgba(255,255,255,.08)!important}#channelListModal,#sidebar,#userListModal{background:var(--color-modal-bg,rgba(0,20,40,.75))!important}#userList{overflow:hidden!important}#channelList li:last-child{border-bottom:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important}#channelListModal,#userList,#userListModal{border-radius:0!important}#channelList,#channelList .channel-list-row{display:flex!important;box-sizing:border-box!important}#channelList{padding:8px!important;flex-direction:column!important;gap:4px!important}#channelList .channel-list-row{flex:0 0 auto!important;width:100%!important;max-width:100%!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:56px!important}#channelList .channel-list-label{min-width:0!important;flex:1 1 auto!important;white-space:normal!important;overflow:visible!important}#channelList .channel-roster{flex:0 0 auto!important;flex-shrink:0!important;align-self:stretch!important;width:100%!important;max-width:100%!important;min-height:auto!important;overflow:visible!important;box-sizing:border-box!important}#channelListModal #channelList{display:block!important}#channelListModal #channelList>li{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,0fr)!important;align-content:start!important;width:100%!important;flex-shrink:0!important;min-height:0!important;margin-bottom:4px!important;transition:grid-template-rows .32s cubic-bezier(.4, 0, .2, 1)!important}#channelListModal #channelList>li.channel-li--roster-open{border-radius:5px!important;grid-template-rows:auto minmax(0,1fr)!important}#channelListModal #channelList>li:not(.channel-li--roster-open) .channel-roster{margin:0!important;padding:0!important;border-top:none!important}#channelListModal #channelList .channel-list-row{grid-column:1!important;grid-row:1!important;min-width:0!important;min-height:48px!important}#channelListModal #channelList .channel-roster{grid-column:1!important;grid-row:2!important;position:relative!important;display:block!important;width:100%!important;max-width:100%!important;flex:none!important;min-height:0!important;overflow:hidden!important;opacity:0!important;transform:translateY(-6px)!important;transition:opacity .26s ease,transform .32s cubic-bezier(.4, 0, .2, 1)!important;pointer-events:none!important}#channelListModal #channelList>li.channel-li--roster-open .channel-roster{overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}@media (prefers-reduced-motion:reduce){#channelListModal #channelList .channel-roster,#channelListModal #channelList>li{transition-duration:NaNs!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-header-stack)!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-header-stack)!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}#channelListModal,#channelListModal>#channelList{display:block!important;min-height:0!important;height:auto!important;max-top:var(--gccr-header-stack)!important;bottom:env(safe-area-inset-bottom,0px)!important;height:auto!important;max-height:none!important}#channelListModal{overflow:hidden!important}#channelListModal>#channelList{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0))!important;scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom,0))!important;box-sizing:border-box!important}#topBar .reaction-scoreboard,#topBar .reaction-scoreboard .scoreboard-item{display:flex!important;align-items:center!important;justify-content:center!important}#topBar .reaction-scoreboard{flex-direction:row!important;gap:3px!important;height:40px!important;min-height:40px!important;padding:0 3px!important;border:0!important;box-shadow:none!important;border-radius:5px!important;background:#000!important;flex-shrink:0!important}#topBar .reaction-scoreboard .scoreboard-item{flex-direction:column!important;gap:1px!important;padding:0!important}#topBar .reaction-scoreboard .scoreboard-item:first-child{padding-left:0!important;padding-right:0!important}#topBar .reaction-scoreboard .scoreboard-item:last-child{padding-right:0!important;padding-left:0!important}#topBar .reaction-scoreboard .scoreboard-count-line,#topBar .reaction-scoreboard .scoreboard-emoji-wrap{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}#topBar .reaction-scoreboard .scoreboard-emoji-wrap{min-height:18px!important}#topBar .reaction-scoreboard .scoreboard-item img{width:18px!important;height:18px!important;flex-shrink:0!important}#topBar .reaction-scoreboard .scoreboard-item .emoji-sm{font-size:1rem!important;line-height:1!important;display:inline-flex!important;align-items:center!important}#topBar .reaction-scoreboard .scoreboard-count-line{flex-direction:row!important;gap:0!important}#topBar .reaction-scoreboard .score-number{font-size:.65rem!important;font-weight:700!important;color:rgba(255,255,255,.95)!important;line-height:1!important;margin-top:2px!important;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000!important}#topBar .reaction-scoreboard .scoreboard-item{position:relative!important}#topBar .reaction-scoreboard .scoreboard-multiplier{position:absolute!important;top:-9px!important;left:50%!important;transform:translateX(-50%) translateY(-1px)!important;font-size:clamp(9px, 2.65vw, 11px)!important;font-weight:700!important;color:#fff!important;text-align:center!important;line-height:1.1!important;pointer-events:none!important;padding:1px 5px!important;border-radius:5px!important;background:rgba(0,0,0,.38)!important;box-shadow:0 1px 6px rgba(0,0,0,.34),0 0 16px rgba(0,0,0,.1)!important;letter-spacing:.02em!important;white-space:nowrap!important;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000!important}#topBar .reaction-scoreboard .scoreboard-multiplier.active{display:inline-flex!important;align-items:center!important;justify-content:center!important}#topBar .reaction-scoreboard:hover{transform:none!important}#topBar .reaction-scoreboard.hidden{display:none!important}#topBar .top-right-item{flex-direction:row;gap:6px;background:0 0;border:0!important;color:#fff;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-sizing:border-box;text-decoration:none;border-radius:0}#topBar .top-right-item:hover{background:rgba(255,255,255,.1)}#topBar input[type=checkbox]{position:static!important;opacity:1!important;width:15px!important;height:15px!important;margin:0!important;flex-shrink:0!important;accent-color:var(--color-accent,#3b82f6)!important;cursor:pointer!important}#topBar #muteCbSwitch{position:absolute!important;opacity:0!important;width:100%!important;height:100%!important;margin:0!important;left:0!important;top:0!important;cursor:pointer!important}#topBar #muteToggleButton{position:relative!important}#topBar #muteToggleButton .toggle-slider{display:block!important;width:28px!important;height:16px!important;min-width:28px!important;flex-shrink:0!important;background:rgba(255,255,255,.2)!important;border-radius:8px!important;transition:background .2s ease!important;margin:0!important}#topBar #muteToggleButton .toggle-slider::before{content:""!important;position:absolute!important;width:12px!important;height:12px!important;left:2px!important;top:2px!important;background:#fff!important;border-radius:50%!important;transition:transform .2s ease!important;box-shadow:0 1px 3px rgba(0,0,0,.3)!important}#topBar #muteCbSwitch:checked+.toggle-slider{background:var(--color-accent,#3b82f6)!important}#topBar #muteCbSwitch:checked+.toggle-slider::before{transform:translateX(12px)!important}#topBar #muteCbSwitch:focus-visible+.toggle-slider{box-shadow:0 0 0 2px rgba(255,255,255,.2),0 0 0 4px var(--color-accent,rgba(59,130,246,.5))!important}#topBar #inboxButton,#topBar #muteToggleButton{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border:0!important;border-radius:5px!important;background:#000!important;gap:2px!important;cursor:pointer!important}#topBar #inboxButton{padding:2px 8px!important;margin:5px 15px 5px 0!important;border-right:none!important;box-shadow:none!important;transform:none!important;opacity:1!important;visibility:visible!important;color:rgba(255,255,255,.9)!important;font-size:.68rem!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;position:static!important;top:auto!important;right:auto!important}#topBar #inboxButton:hover{background:rgba(255,255,255,.1)!important}#topBar #inboxButton.has-unread{animation:inboxGlow 1.8s ease-in-out infinite!important}#topBar #inboxButton.has-unread #inboxIcon{filter:brightness(0) invert(1) drop-shadow(0 0 3px var(--color-accent, #0099ff)) drop-shadow(0 0 8px var(--color-accent, rgba(0, 153, 255, .6)))!important;opacity:1!important}#topBar #inboxButton.has-unread #inboxButtonLabel{color:var(--color-accent,#09f)!important;text-shadow:0 0 8px var(--color-accent,rgba(0,153,255,.6))!important}#topBar #inboxButton #inboxIcon{width:18px!important;height:18px!important;filter:brightness(0) invert(1)!important;opacity:.9!important}#topBar #inboxButton #inboxButtonLabel{font-size:.6rem!important;font-weight:700!important;color:rgba(255,255,255,.9)!important;letter-spacing:.5px!important;text-transform:uppercase!important;line-height:1!important;margin-top:2px!important}#topBar #muteToggleButton{padding:2px 5px!important;margin:0 6px 0 5px!important;vertical-align:middle!important;box-sizing:border-box!important;line-height:1!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}#topBar #inboxButtonLabel{display:block!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}#tab-home .option-container:has(#rogerBeepSelect) .toggle-label{margin-top:0!important}#rogerBeepSelect{margin:10px 0 16px!important}#sidebar #tab-home .option-container:has(#rogerBeepSelect),#tab-home .option-container:has(#rogerBeepSelect){gap:12px!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;padding-top:0!important}#controlsContainer #videoMessageContainer.video-message-container{top:60px!important;width:min(350px,calc(100vw - 30px))!important}#blockButton,#camButton,#downloadButton,#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}#camButton.cam-visual-cooldown{cursor:not-allowed!important}#camButton.cam-visual-cooldown:hover{filter:grayscale(1) brightness(.72)!important;background-color:#374151!important}#blockButton:disabled,#blockButton:not(.active),#camButton:disabled,#camButton:not(.active),#downloadButton:disabled,#downloadButton: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),#camButton.active:not(:disabled),#downloadButton.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),#camButton:disabled,#camButton:not(.active),#downloadButton:disabled,#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}#videoReviewRetryBtn,#videoSwitchCameraBtn{box-shadow:none!important}#feedbackButtons.feedback-buttons-container{gap:0!important;border-radius:22px!important;border:0!important;bottom:auto!important;overflow:hidden!important;background:rgba(0,0,0,.42)!important;backdrop-filter: none;-webkit-backdrop-filter: none}#feedbackButtons.feedback-buttons-container.active{box-shadow:0 0 10px rgba(0,0,0,.38),0 0 4px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 7px rgba(0,0,0,.16)!important}#feedbackButtons.feedback-buttons-container:not(.active){box-shadow:0 0 8px rgba(0,0,0,.32),0 0 3px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 5px rgba(0,0,0,.12)!important}#feedbackButtons .feedback-button{padding-top:7px!important;padding-bottom:7px!important;border-radius:0!important;border:0!important;border-right:1px solid rgba(255,255,255,.12)!important;background:0 0!important;color:rgba(255,255,255,.9)!important;box-shadow:none!important;transition:background .15s ease,color .15s ease!important}#feedbackButtons .feedback-button:last-child{border-right:none!important}#feedbackButtons .feedback-button:first-child{border-radius:21px 0 0 21px!important}#feedbackButtons .feedback-button:last-child{border-radius:0 21px 21px 0!important}#feedbackButtons .feedback-button:hover{background:rgba(255,255,255,.08)!important;transform:none!important;box-shadow:none!important}#feedbackButtons .feedback-button:active{background:rgba(255,255,255,.12)!important;transform:none!important}#feedbackButtons .feedback-button.selected{background:rgba(59,130,246,.35)!important;color:rgba(255,255,255,.95)!important}#feedbackButtons .feedback-button.disabled,#feedbackButtons .feedback-button:disabled{background:rgba(0,0,0,.3)!important;border-color:rgba(255,255,255,.06)!important}#feedbackButtons .feedback-button.disabled:hover,#feedbackButtons .feedback-button:disabled:hover{background:rgba(0,0,0,.3)!important;transform:none!important}#feedbackButtons.feedback-buttons-container:not(.active) .feedback-button{background:0 0!important;border-color:rgba(255,255,255,.08)!important}#feedbackButtons #heartFeedbackButton{padding-left:10px!important}#feedbackButtons #customFeedbackButton3{padding-right:10px!important}#feedbackButtons.feedback-buttons-container{width:calc(100vw - 24px)!important;max-width:500px!important}#feedbackButtons .feedback-button{flex:1 1 0!important;width:auto!important;min-width:0!important;height:auto!important;min-height:56px!important;aspect-ratio:1.3/1!important}#feedbackButtons .feedback-button .emoji-lg,#feedbackButtons .feedback-button.emoji-button{font-size:clamp(18px, 5.5vw, 28px)!important}#feedbackButtons .feedback-button svg{width:clamp(18px,5.5vw,28px)!important;height:clamp(18px,5.5vw,28px)!important}#feedbackButtons .feedback-button img{width:clamp(16px,5vw,26px)!important;height:clamp(16px,5vw,26px)!important}#feedbackButtons .feedback-button-custom .custom-emoji-display.empty{font-size:clamp(11px, 2.6vw, 14px)!important;width:clamp(42px,9vw,56px)!important;max-width:clamp(42px,9vw,56px)!important}#sidebar:not(.active),#userListModal:not(.active){opacity:0!important;visibility:hidden!important;pointer-events:none!important}.btn-theme-dropdown{width:100%}.btn-theme-sel-wrap{position:relative}.btn-theme-sel-wrap #buttonTheme,.cs-scheme-sel-wrap #colorScheme{pointer-events:none!important;width:100%!important}.btn-theme-sel-wrap:hover #buttonTheme,.cs-scheme-sel-wrap:hover #colorScheme{background-color:rgba(255,255,255,.08)!important}.btn-theme-overlay{position:absolute;inset:0;cursor:pointer;z-index:1}.btn-theme-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}.btn-theme-panel.open{display:grid}.btn-theme-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 3px 5px;border-radius:7px;cursor:pointer;transition:background .1s;min-width:0}.btn-theme-option:hover{background:rgba(255,255,255,.1)}.btn-theme-option.active{background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.btn-theme-opt-img{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);flex-shrink:0}.btn-theme-opt-img img{width:24px;height:24px;object-fit:contain;display:block}.btn-theme-option>span.btn-theme-opt-label{font-size:.6rem;color:rgba(255,255,255,.72);text-align:center;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:100%}#tab-home .sidebar-list-section:has(.btn-theme-panel.open){overflow:visible!important}.cs-scheme-dropdown{width:100%}.cs-scheme-sel-wrap{position:relative}.cs-scheme-overlay{position:absolute;inset:0;cursor:pointer;z-index:1}.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}.cs-scheme-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 3px 5px;border-radius:7px;cursor:pointer;transition:background .1s;min-width:0}.cs-scheme-option:hover{background:rgba(255,255,255,.1)}.cs-scheme-option.active{background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.cs-scheme-opt-emoji{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);flex-shrink:0;font-size:20px;line-height:1}.cs-scheme-opt-label{font-size:.6rem;color:rgba(255,255,255,.72);text-align:center;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:100%}#tab-home .sidebar-list-section:has(.cs-scheme-panel.open){overflow:visible!important}.user-info-empty{text-align:center!important;width:100%!important}#channelListModal,#sidebar,#userListModal,.leaderboard-modal-content,.modal-content,.rules-modal-content,.video-recording-modal-content,.video-review-modal-content{backdrop-filter: none;-webkit-backdrop-filter: none}.emoji-picker-modal-content{background:var(--color-modal-bg,rgba(0,20,40,.75))!important}[data-color-scheme=vectorScope] #app{background:#000!important;background-image:none!important}[data-color-scheme=vectorScope],[data-color-scheme=vectorScope] :not(svg):not(path){color:#00ff41!important;text-shadow:0 0 6px rgba(0,255,65,.45)!important}[data-color-scheme=vectorScope] #reactionFabToggle svg,[data-color-scheme=vectorScope] #reactionFabToggle svg path{fill:#000!important;color:#000!important}[data-color-scheme=vectorScope] #menuBar,[data-color-scheme=vectorScope] #menuBar :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #topBar,[data-color-scheme=vectorScope] #topBar :not(svg):not(path):not(img){color:#00ff41!important}[data-color-scheme=vectorScope] #chaosChipsModal .cc-modal-balance .cc-chip-icon-img,[data-color-scheme=vectorScope] #leaderboardModal .cc-modal-balance .cc-chip-icon-img{filter:brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(500%) hue-rotate(93deg) brightness(1.2)!important}[data-color-scheme=vectorScope] #camButton,[data-color-scheme=vectorScope] #reverseButton,[data-color-scheme=vectorScope] #skipButton,[data-color-scheme=vectorScope] #talkButton{background-image:none!important;position:relative!important}[data-color-scheme=vectorScope] #blockButton::after,[data-color-scheme=vectorScope] #camButton::after,[data-color-scheme=vectorScope] #reverseButton::after,[data-color-scheme=vectorScope] #skipButton::after{background-size:50%auto!important}[data-color-scheme=vectorScope] #blockButton::after,[data-color-scheme=vectorScope] #camButton::after,[data-color-scheme=vectorScope] [data-color-scheme=vectorScope] #saveFabShell #downloadButton::after,[data-color-scheme=vectorScope] #reverseButton::after,[data-color-scheme=vectorScope] #skipButton::after,[data-color-scheme=vectorScope] #talkButton::after{content:""!important;position:absolute!important;inset:0!important;background-repeat:no-repeat!important;background-position:center!important;pointer-events:none!important;filter:brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(500%) hue-rotate(93deg) brightness(1.4)!important;opacity:1!important}[data-color-scheme=vectorScope] #blockButton::after{background-image:url(img/embedded/asset-4a5d5595c4.svg)!important}[data-color-scheme=vectorScope] #camButton::after{background-image:url(img/embedded/asset-083175279a.svg)!important}[data-color-scheme=vectorScope] #skipButton::after{background-image:url(img/embedded/asset-09ca2daa2f.svg)!important}[data-color-scheme=vectorScope] #reverseButton::after{background-image:url(img/embedded/asset-88bb617b52.svg)!important}[data-color-scheme=vectorScope] [data-color-scheme=vectorScope] [data-color-scheme=vectorScope] #saveFabShell #downloadButton::after{background-image:url(img/embedded/asset-c3bae89fde.svg)!important;background-size:40%auto!important}[data-color-scheme=vectorScope] [data-color-scheme=vectorScope] [data-color-scheme=vectorScope] #saveFabShell #downloadButton[aria-label*=Undo i]::after,[data-color-scheme=vectorScope] #saveFabShell #downloadButton[aria-label=Undo]::after,[data-color-scheme=vectorScope] #saveFabShell #downloadButton[title*=Undo i]::after{background-image:url(img/embedded/asset-00c479be42.svg)!important;background-size:40%auto!important}[data-color-scheme=vectorScope] #saveFabShell #downloadButton .download-button-undo-icon{display:none!important}[data-color-scheme=vectorScope] #talkButton::after{background-size:55%auto!important}[data-color-scheme=vectorScope] #blockButton:disabled::after:not(.active)::after,[data-color-scheme=vectorScope] #camButton:disabled::after,[data-color-scheme=vectorScope] #camButton:not(.active)::after,[data-color-scheme=vectorScope] [data-color-scheme=vectorScope] [data-color-scheme=vectorScope] #saveFabShell #downloadButton:not(.active)::after,[data-color-scheme=vectorScope] #reverseButton:disabled::after,[data-color-scheme=vectorScope] #reverseButton:not(.active)::after,[data-color-scheme=vectorScope] #skipButton:disabled::after,[data-color-scheme=vectorScope] #skipButton:not(.active)::after,[data-color-scheme=vectorScope] #talkButton.disabled::after,[data-color-scheme=vectorScope] #talkButton:disabled::after{opacity:.4!important}[data-color-scheme=vectorScope] #talkButton.talking::after{filter:brightness(0) saturate(100%) invert(30%) sepia(90%) saturate(700%) hue-rotate(320deg) brightness(1.2)!important;opacity:1!important}[data-color-scheme=vectorScope] #sidebar{background:rgba(0,8,0,.96)!important;border:0!important;box-shadow:none!important;backdrop-filter: none;-webkit-backdrop-filter: none}[data-color-scheme=vectorScope] #channelListModal,[data-color-scheme=vectorScope] #userListModal{background:rgba(0,8,0,.96)!important;border-color:rgba(0,255,65,.85)!important;box-shadow:0 0 16px rgba(0,255,65,.3)!important;backdrop-filter: none;-webkit-backdrop-filter: none}[data-color-scheme=vectorScope] .emoji-picker-modal-content,[data-color-scheme=vectorScope] .leaderboard-modal-content,[data-color-scheme=vectorScope] .modal-content,[data-color-scheme=vectorScope] .rules-modal-content,[data-color-scheme=vectorScope] .video-recording-modal-content,[data-color-scheme=vectorScope] .video-review-modal-content{background:rgba(0,8,0,.96)!important;border:1.5px solid rgba(0,255,65,.85)!important;box-shadow:0 0 24px rgba(0,255,65,.35),inset 0 0 12px rgba(0,255,65,.06)!important}[data-color-scheme=vectorScope] #channelList li:hover,[data-color-scheme=vectorScope] #userList li:hover{background:rgba(0,255,65,.08)!important}[data-color-scheme=vectorScope] #videoMessageContainer{border:1.5px solid rgba(0,255,65,.75)!important;box-shadow:0 0 18px rgba(0,255,65,.25),inset 0 0 10px rgba(0,255,65,.05)!important;background:rgba(0,6,0,.88)!important}[data-color-scheme=vectorScope] #contactModal #contactModalTitle{color:#00ff41!important;text-shadow:0 0 6px rgba(0,255,65,.45)!important}[data-color-scheme=vectorScope] #menuBar{background:rgba(0,6,0,.96)!important;border-top:none!important;border-bottom:1px solid rgba(0,255,65,.75)!important;box-shadow:none!important}[data-color-scheme=vectorScope] #feedbackButtons.feedback-buttons-container.active{border:0!important;box-shadow:0 0 11px rgba(0,0,0,.48),0 0 8px rgba(0,255,65,.12)!important;background:rgba(0,6,0,.75)!important;border-radius:8px!important}[data-color-scheme=vectorScope] #feedbackButtons.feedback-buttons-container:not(.active){border:0!important;box-shadow:0 0 9px rgba(0,0,0,.45),0 0 6px rgba(0,255,65,.09)!important;background:rgba(0,6,0,.75)!important;border-radius:8px!important}[data-color-scheme=vectorScope] #feedbackButtons.feedback-buttons-container:not(.active) .feedback-button,[data-color-scheme=vectorScope] #feedbackButtons.feedback-buttons-container:not(.active) .feedback-button:hover{opacity:.58!important;filter:brightness(.58) sepia(1) saturate(1.45) hue-rotate(68deg)!important;transform:none!important}[data-color-scheme=vectorScope] #feedbackButtons .feedback-button.disabled,[data-color-scheme=vectorScope] #feedbackButtons .feedback-button.disabled:hover,[data-color-scheme=vectorScope] #feedbackButtons .feedback-button:disabled,[data-color-scheme=vectorScope] #feedbackButtons .feedback-button:disabled:hover{filter:brightness(.5) sepia(1) saturate(1.65) hue-rotate(70deg)!important;opacity:1!important}[data-color-scheme=vectorScope] #camButton,[data-color-scheme=vectorScope] #reverseButton,[data-color-scheme=vectorScope] #skipButton,[data-color-scheme=vectorScope] #talkButton{background-color:transparent!important;border:1.5px solid rgba(0,255,65,.9)!important;box-shadow:0 2px 12px rgba(0,0,0,.55),0 0 10px rgba(0,255,65,.08)!important;backdrop-filter: none;-webkit-backdrop-filter: none;filter:none!important}[data-color-scheme=vectorScope] #blockButton.active,[data-color-scheme=vectorScope] #camButton.active:not(:disabled),[data-color-scheme=vectorScope] [data-color-scheme=vectorScope] [data-color-scheme=vectorScope] #saveFabShell #downloadButton.active,[data-color-scheme=vectorScope] #reverseButton.active,[data-color-scheme=vectorScope] #skipButton.active,[data-color-scheme=vectorScope] #talkButton:not(.disabled):not(.talking){background-color:rgba(0,255,65,.12)!important;border:1.5px solid rgba(0,255,65,.9)!important;box-shadow:0 3px 14px rgba(0,0,0,.5),0 0 16px rgba(0,255,65,.12)!important;filter:none!important}[data-color-scheme=vectorScope] #talkButton.talking{background-color:rgba(255,30,30,.12)!important;border-color:rgba(255,60,60,.9)!important;box-shadow:0 3px 14px rgba(0,0,0,.5),0 0 14px rgba(255,60,60,.2)!important;filter:none!important}[data-color-scheme=vectorScope] #blockButton:disabled:not(.active),[data-color-scheme=vectorScope] #camButton:disabled,[data-color-scheme=vectorScope] #camButton:not(.active),[data-color-scheme=vectorScope] [data-color-scheme=vectorScope] [data-color-scheme=vectorScope] #saveFabShell #downloadButton:not(.active),[data-color-scheme=vectorScope] #reverseButton:disabled,[data-color-scheme=vectorScope] #reverseButton:not(.active),[data-color-scheme=vectorScope] #skipButton:disabled,[data-color-scheme=vectorScope] #skipButton:not(.active),[data-color-scheme=vectorScope] #talkButton.disabled,[data-color-scheme=vectorScope] #talkButton:disabled{background-color:transparent!important;border:1.5px solid rgba(0,255,65,.9)!important;box-shadow:0 2px 10px rgba(0,0,0,.5),0 0 8px rgba(0,255,65,.06)!important;filter:none!important}[data-color-scheme=vectorScope] #nicknameInput,[data-color-scheme=vectorScope] #rogerBeepSelect,[data-color-scheme=vectorScope] #sidebar #tab-home #nicknameInput{border:1px solid rgba(0,255,65,.75)!important;border-radius:6px!important;background:rgba(0,8,0,.85)!important;color:#00ff41!important}[data-color-scheme=vectorScope] .btn-theme-overlay,[data-color-scheme=vectorScope] .cs-scheme-overlay{border:1px solid rgba(0,255,65,.75)!important;border-radius:6px!important;background:0 0!important}[data-color-scheme=vectorScope] #nicknameInput:focus,[data-color-scheme=vectorScope] #rogerBeepSelect:focus,[data-color-scheme=vectorScope] .btn-theme-overlay:focus,[data-color-scheme=vectorScope] .cs-scheme-overlay:focus{border-color:rgba(0,255,65,.95)!important;outline:0!important}[data-color-scheme=vectorScope] .btn-theme-sel-wrap .btn-theme-overlay::after{content:""!important;display:block!important;position:absolute!important;left:8px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;background-color:#00ff41!important;-webkit-mask-image:var(--btn-theme-preview-url)!important;mask-image:var(--btn-theme-preview-url)!important;-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important;pointer-events:none!important;z-index:3!important}[data-color-scheme=vectorScope] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-color-scheme=vectorScope] select,[data-color-scheme=vectorScope] textarea{background:rgba(0,8,0,.85)!important;border:1px solid rgba(0,255,65,.5)!important;color:#00ff41!important}[data-color-scheme=vectorScope] input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,[data-color-scheme=vectorScope] select:focus,[data-color-scheme=vectorScope] textarea:focus{border-color:rgba(0,255,65,.9)!important;box-shadow:0 0 8px rgba(0,255,65,.35)!important;outline:0!important}[data-color-scheme=vectorScope] input::placeholder,[data-color-scheme=vectorScope] textarea::placeholder{color:rgba(0,255,65,.45)!important}[data-color-scheme=vectorScope] input[type=checkbox],[data-color-scheme=vectorScope] input[type=range]{accent-color:#00ff41!important}[data-color-scheme=vectorScope] input[type=radio]{appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;border-radius:50%!important;border:1.5px solid rgba(0,255,65,.85)!important;background:#000!important;cursor:pointer!important;flex-shrink:0!important;vertical-align:middle!important}[data-color-scheme=vectorScope] input[type=radio]:checked{background:#00ff41!important;border-color:#00ff41!important;box-shadow:inset 0 0 0 3px #000!important}[data-color-scheme=vectorScope] input[type=radio]:focus{outline:0!important;border-color:#00ff41!important}[data-color-scheme=vectorScope] a{color:#00ff41!important;text-decoration:none!important;border-bottom:1px solid rgba(0,255,65,.35)!important}[data-color-scheme=vectorScope] a:hover{border-bottom-color:rgba(0,255,65,.85)!important;text-shadow:0 0 10px rgba(0,255,65,.7)!important}[data-color-scheme=vectorScope] #tab-home .sidebar-list-section{background:0 0!important;border:1px solid rgba(0,255,65,.6)!important;margin-bottom:6px!important}[data-color-scheme=vectorScope] #tab-home .sidebar-list-section-actions{border:0!important}[data-color-scheme=vectorScope] #tab-home .button-full{background:0 0!important;background-color:transparent!important;border:1px solid rgba(0,255,65,.7)!important;color:#00ff41!important}[data-color-scheme=vectorScope] #tab-home .button-full:hover{background:rgba(0,255,65,.1)!important;border-color:rgba(0,255,65,.95)!important}[data-color-scheme=vectorScope] #sidebar,[data-color-scheme=vectorScope] #sidebar :not(svg):not(path):not(img){color:#00ff41!important}[data-color-scheme=vectorScope] #sidebar #tab-home .sidebar-list-label,[data-color-scheme=vectorScope] #sidebar #tab-home .sidebar-list-radio-label,[data-color-scheme=vectorScope] #sidebar #tab-home .toggle-label,[data-color-scheme=vectorScope] #sidebar #tab-home .toggle-text,[data-color-scheme=vectorScope] #sidebar #tab-home label,[data-color-scheme=vectorScope] #sidebar #tab-home span{color:#00ff41!important}[data-color-scheme=vectorScope] #sidebar #tab-home .sidebar-advanced-settings-summary::after{border-right-color:#00ff41!important;border-bottom-color:#00ff41!important;opacity:1!important}[data-color-scheme=vectorScope] .toast{background:rgba(0,8,0,.92)!important;border:1px solid rgba(0,255,65,.55)!important;box-shadow:0 0 14px rgba(0,255,65,.3)!important}[data-color-scheme=vectorScope] #channelList li,[data-color-scheme=vectorScope] #userList li{border-bottom:1px solid rgba(0,255,65,.75)!important}[data-color-scheme=vectorScope] .cs-scheme-option.active{background:rgba(0,255,65,.15)!important;box-shadow:inset 0 0 0 1.5px rgba(0,255,65,.75),0 0 10px rgba(0,255,65,.35)!important}[data-color-scheme=vectorScope] [data-color-scheme=vectorScope] #menuBar #muteToggleButton .toggle-slider{background-color:rgba(0,255,65,.35)!important;border:2px solid rgba(0,255,65,.85)!important}[data-color-scheme=vectorScope] #menuBar #muteToggleButton input:checked+.toggle-slider,[data-color-scheme=vectorScope] #muteToggleButton input:checked+.toggle-slider{background-color:#00ff41!important;border:2px solid rgba(0,255,65,.9)!important}[data-color-scheme=vectorScope] #sidebar .toggle-slider{background-color:rgba(0,255,65,.35)!important;border-color:rgba(0,255,65,.7)!important}[data-color-scheme=vectorScope] #sidebar input:checked+.toggle-slider{background-color:#00ff41!important;border-color:rgba(0,255,65,.9)!important}[data-color-scheme=vectorScope] #muteToggleButton .toggle-slider::before,[data-color-scheme=vectorScope] #sidebar .toggle-slider::before{background-color:#000!important}[data-color-scheme=vectorScope] #emojiPickerModal .emoji-picker-tab,[data-color-scheme=vectorScope] .emoji-picker-tab{border:1px solid rgba(0,255,65,.7)!important}[data-color-scheme=vectorScope] #emojiPickerModal .emoji-picker-tab.active,[data-color-scheme=vectorScope] .emoji-picker-tab.active{border-color:rgba(0,255,65,.95)!important}[data-color-scheme=vectorScope] #emojiPickerModal .emoji-picker-item,[data-color-scheme=vectorScope] .emoji-picker-item{border:1px solid rgba(0,255,65,.5)!important}[data-color-scheme=vectorScope] #contactModal #contactModalOk,[data-color-scheme=vectorScope] #contactModalOk,[data-color-scheme=vectorScope] .emoji-picker-cancel,[data-color-scheme=vectorScope] .emoji-picker-ok{background:0 0!important;background-color:transparent!important;border:1px solid rgba(0,255,65,.75)!important;color:#00ff41!important}[data-color-scheme=vectorScope] #contactModal #contactModalOk:hover,[data-color-scheme=vectorScope] #contactModalOk:hover,[data-color-scheme=vectorScope] #emojiPickerModal .emoji-picker-item:hover,[data-color-scheme=vectorScope] .emoji-picker-cancel:hover,[data-color-scheme=vectorScope] .emoji-picker-item:hover,[data-color-scheme=vectorScope] .emoji-picker-ok:hover{background:rgba(0,255,65,.1)!important;border-color:rgba(0,255,65,.95)!important}[data-color-scheme=vectorScope] #contactModal #contactModalOk{text-shadow:0 0 6px rgba(0,255,65,.45)!important}[data-color-scheme=vectorScope] #contactModal #contactModalOk:hover{filter:none!important}[data-color-scheme=vectorScope] #alertModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #channelPinModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #confirmModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #contactModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #emojiPickerModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #inboxModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #iosConnectionModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #iosDeclineModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #leaderboardModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #nicknameModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #rulesModal :not(svg):not(path):not(img),[data-color-scheme=vectorScope] #userInfoModal :not(svg):not(path):not(img){color:#00ff41!important;text-shadow:0 0 6px rgba(0,255,65,.45)!important}[data-color-scheme=vectorScope] #emojiPickerModal .emoji-picker-tab.active:is(button),[data-color-scheme=vectorScope] #emojiPickerModal .emoji-picker-tab.active:is(button) *,[data-color-scheme=vectorScope] #emojiPickerModal .emoji-picker-tab[aria-selected=true]:is(button),[data-color-scheme=vectorScope] #emojiPickerModal .emoji-picker-tab[aria-selected=true]:is(button) *{color:#000!important;text-shadow:none!important}[data-color-scheme=vectorScope] #nicknameModal #nicknameModalMessage,[data-color-scheme=vectorScope] #nicknameModal #nicknameModalTitle{color:#00ff41!important;text-shadow:0 0 6px rgba(0,255,65,.45)!important}[data-color-scheme=vectorScope] #nicknameModal #nicknameCancel,[data-color-scheme=vectorScope] #nicknameModal #nicknameOk{background:0 0!important;background-color:transparent!important;border:1px solid rgba(0,255,65,.75)!important;color:#00ff41!important;text-shadow:0 0 6px rgba(0,255,65,.45)!important}[data-color-scheme=vectorScope] #nicknameModal #nicknameCancel:hover,[data-color-scheme=vectorScope] #nicknameModal #nicknameOk:hover{background:rgba(0,255,65,.1)!important;border-color:rgba(0,255,65,.95)!important}[data-color-scheme=vectorScope] #nicknameModal #nicknameModalInput.nickname-input{border:1px solid rgba(0,255,65,.75)!important;background:rgba(0,8,0,.85)!important;color:#00ff41!important}[data-color-scheme=vectorScope] #nicknameModal #nicknameModalInput.nickname-input:focus{border-color:rgba(0,255,65,.95)!important;box-shadow:0 0 8px rgba(0,255,65,.35)!important;outline:0!important}[data-color-scheme=vectorScope] ::-webkit-scrollbar-thumb{background:rgba(0,255,65,.35)!important}[data-color-scheme=vectorScope] ::-webkit-scrollbar-track{background:rgba(0,10,0,.6)!important}[data-color-scheme=vectorScope] #inboxMd3Tabs,[data-color-scheme=vectorScope] #inboxMessenger,[data-color-scheme=vectorScope] .inbox-empty-state,[data-color-scheme=vectorScope] .inbox-md3-tab,[data-color-scheme=vectorScope] .leaderboard-main-tab,[data-color-scheme=vectorScope] .leaderboard-main-tabs,[data-color-scheme=vectorScope] .leaderboard-section,[data-color-scheme=vectorScope] .leaderboard-tab,[data-color-scheme=vectorScope] .leaderboard-tabs{border:0!important}[data-color-scheme=vectorScope] .inbox-md3-tab.active,[data-color-scheme=vectorScope] .inbox-md3-tab[aria-selected=true]{border-top:2px solid rgba(0,255,65,.9)!important;border-bottom:none!important}[data-color-scheme=vectorScope] .leaderboard-main-tab.active,[data-color-scheme=vectorScope] .leaderboard-main-tab[aria-selected=true],[data-color-scheme=vectorScope] .leaderboard-tab.active,[data-color-scheme=vectorScope] .leaderboard-tab[aria-selected=true]{border-bottom:2px solid rgba(0,255,65,.9)!important}[data-color-scheme=vectorScope] #inboxModal .modal-content{background:#000c00!important;border:1.5px solid rgba(0,255,65,.85)!important;box-shadow:0 0 24px rgba(0,255,65,.35),inset 0 0 12px rgba(0,255,65,.06)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-color-scheme=vectorScope] #userInfoStats,[data-color-scheme=vectorScope] .user-info-tabs{border-bottom:1.5px solid rgba(0,255,65,.75)!important}[data-color-scheme=vectorScope] #userInfoModal .user-info-tab{color:rgba(0,255,65,.75)!important;border-right:1px solid rgba(0,255,65,.3)!important;background:0 0!important}[data-color-scheme=vectorScope] #userInfoModal .user-info-tab:last-child{border-right:none!important}[data-color-scheme=vectorScope] #userInfoModal .user-info-tab:hover{color:#00ff41!important;background:rgba(0,255,65,.08)!important}[data-color-scheme=vectorScope] #userInfoModal .user-info-tab.active,[data-color-scheme=vectorScope] #userInfoModal .user-info-tab.active:hover{color:#00ff41!important;background:rgba(0,255,65,.12)!important;border-bottom:2px solid rgba(0,255,65,.9)!important}[data-color-scheme=vectorScope] #userInfoModal #userInfoBlockBtn,[data-color-scheme=vectorScope] #userInfoModal #userInfoChipsBtn,[data-color-scheme=vectorScope] #userInfoModal #userInfoFriendBtn,[data-color-scheme=vectorScope] #userInfoModal #userInfoJoinBtn,[data-color-scheme=vectorScope] #userInfoModal #userInfoMessageBtn{background:0 0!important;background-image:none!important;border:1px solid rgba(0,255,65,.75)!important;color:#00ff41!important}[data-color-scheme=vectorScope] #userInfoModal #userInfoBlockBtn:hover,[data-color-scheme=vectorScope] #userInfoModal #userInfoChipsBtn:hover,[data-color-scheme=vectorScope] #userInfoModal #userInfoFriendBtn:hover,[data-color-scheme=vectorScope] #userInfoModal #userInfoJoinBtn:hover,[data-color-scheme=vectorScope] #userInfoModal #userInfoMessageBtn:hover{background:rgba(0,255,65,.1)!important;border-color:rgba(0,255,65,.95)!important;filter:none!important}[data-color-scheme=vectorScope] #userInfoModal .user-info-tabs{border-bottom:1.5px solid rgba(0,255,65,.75)!important;background:0 0!important}[data-color-scheme=vectorScope] .cc-btn-primary,[data-color-scheme=vectorScope] .cc-btn-secondary,[data-color-scheme=vectorScope] .cc-btn-sm{background:0 0!important;background-image:none!important;border:1.5px solid rgba(0,255,65,.85)!important;color:#00ff41!important;box-shadow:none!important}[data-color-scheme=vectorScope] .cc-btn-primary:hover:not(:disabled),[data-color-scheme=vectorScope] .cc-btn-secondary:hover:not(:disabled),[data-color-scheme=vectorScope] .cc-btn-sm:hover{background:rgba(0,255,65,.08)!important;border-color:#00ff41!important}[data-color-scheme=vectorScope] .cc-btn:disabled{border-color:rgba(0,255,65,.3)!important;color:rgba(0,255,65,.3)!important}[data-color-scheme=vectorScope] #menuBar #inboxButton.has-unread #inboxIcon{filter:brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(500%) hue-rotate(93deg) brightness(1.4) drop-shadow(0 0 4px #00ff41) drop-shadow(0 0 12px rgba(0, 255, 65, .75))!important}[data-color-scheme=vectorScope] #menuBar #inboxButton.has-unread #inboxButtonLabel{color:#00ff41!important;text-shadow:0 0 6px rgba(0,255,65,.6),0 0 14px rgba(0,255,65,.5)!important}[data-color-scheme=vectorScope] body:has(#inboxModal.active) #menuBar #inboxButton #inboxIcon{filter:brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(500%) hue-rotate(93deg) brightness(1.4)!important}[data-color-scheme=vectorScope] body:has(#inboxModal.active) #menuBar #inboxButton #inboxButtonLabel{color:#00ff41!important;text-shadow:none!important}[data-color-scheme=vectorScope] body:has(#channelListModal.active) #menuBar #channelIndicator #channelIndicatorValue{color:#fff!important;text-shadow:none!important}[data-color-scheme=vectorScope] body:has(#channelListModal.active) #menuBar #channelIndicator .menu-bar-item-label{color:#00ff41!important;text-shadow:none!important}[data-color-scheme=vectorScope] body:has(#userListModal.active) #menuBar #usersOnline .menu-bar-item-content img{filter:brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%)!important}[data-color-scheme=vectorScope] body:has(#userListModal.active) #menuBar #usersOnline #userCount{color:#fff!important;text-shadow:none!important}[data-color-scheme=vectorScope] body:has(#userListModal.active) #menuBar #usersOnline .menu-bar-item-label{color:#00ff41!important;text-shadow:none!important}[data-color-scheme=vectorScope] body:has(#sidebar.active) #menuBar #menuRight #personIcon img{filter:brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(500%) hue-rotate(93deg) brightness(1.4)!important}[data-color-scheme=vectorScope] body:has(#sidebar.active) #menuBar #menuRight .menu-bar-item-label{color:#00ff41!important;text-shadow:none!important}.reaction-scoreboard .score-number,.reaction-scoreboard .scoreboard-count-line,.reaction-scoreboard .scoreboard-emoji-wrap,.reaction-scoreboard .scoreboard-item .emoji-sm,.reaction-scoreboard .scoreboard-item img{transform:translateY(1px)!important}.reaction-scoreboard .scoreboard-multiplier{transform:translateY(-10px)!important}#alertModal,#channelPinModal,#confirmModal,#contactModal,#emojiPickerModal.emoji-picker-modal,#inboxModal,#iosConnectionModal,#iosDeclineModal,#leaderboardModal,#nicknameModal,#rulesModal,#userInfoModal,.cc-modal-overlay,.cc-modal-overlay.active,.video-recording-modal,.video-review-modal{transition:none!important;animation:none!important}#inboxModal.closing{transition:none!important}#leaderboardModal.closing{opacity:0!important;transition:none!important;pointer-events:none!important}#emojiPickerModal.closing,#emojiPickerModal.emoji-picker-modal.active{animation:none!important;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-chip-icon-img{display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0}.scoreboard-item-chips{cursor:pointer!important;border-right:none;border-image:none;padding-right:6px;margin-right:2px}.scoreboard-item-chips:hover{opacity:.75}.scoreboard-item-chips:focus-visible{outline:2px solid var(--color-accent,#fbbf24);outline-offset:2px;border-radius:4px}.cc-balance-display,.scoreboard-item-chips #chipScore{color:var(--color-accent,#fbbf24);font-weight:700}.cc-balance-display{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;letter-spacing:.02em;user-select:none}.cc-balance-large{font-size:1.4rem;font-weight:700}.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}#chaosChipsModal .cc-modal{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}#chaosChipsModal .cc-modal>.cc-modal-balance,#chaosChipsModal .cc-modal>.cc-modal-header{flex-shrink:0}#chaosChipsModal .cc-modal>.cc-bank-shell{flex:1 1 0;min-height:0;display:flex;flex-direction:row;overflow:hidden}#chaosChipsModal .cc-bank-shell .cc-tab-panels{flex:1 1 0;min-height:0}#chaosChipsModal .cc-bank-shell .cc-tab-panel.active{padding-bottom:20px}.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-modal-title{font-size:1.1rem;font-weight:700;color:var(--color-accent,#fbbf24);letter-spacing:.03em}.cc-modal-close{background:0 0;border:0;color:#94a3b8;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s,background .15s}.cc-modal-close:hover{color:#f1f5f9;background:rgba(255,255,255,.08)}.cc-modal-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px 10px;background:color-mix(in srgb,var(--color-accent,#fbbf24) 5%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 10%,transparent)}.cc-modal-balance>.cc-balance-display{flex:1 1 auto;min-width:0}.cc-modal-balance>[data-cc-chip-shop-entry]{flex-shrink:0;white-space:nowrap}.cc-bank-shell{display:flex;flex-direction:row;flex:1 1 auto;min-height:0;overflow:hidden}.cc-modal-tabs.cc-nav-rail,.cc-tab-panels{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cc-tab-panels{flex:1 1 auto;min-width:0;min-height:0;overscroll-behavior-y:contain;touch-action:pan-y}.cc-modal-tabs.cc-nav-rail{align-items:stretch;gap:4px;width:80px;flex-shrink:0;padding:8px 6px 12px;box-sizing:border-box;scrollbar-width:thin;border-right:0 none transparent;border-image:none;background:color-mix(in srgb,var(--color-modal-bg,rgba(0,20,40,.97)) 88%,rgba(0,0,0,.35))}.cc-nav-rail .cc-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:8px 4px;margin:0;border:0;border-radius:16px;background:0 0;color:#94a3b8;font-family:inherit;cursor:pointer;transition:background .2s cubic-bezier(.2, 0, 0, 1),color .2s ease;-webkit-tap-highlight-color:transparent}.cc-nav-rail .cc-tab:hover{color:#e2e8f0;background:color-mix(in srgb,var(--color-on-surface,#f1f5f9) 8%,transparent)}.cc-nav-rail .cc-tab:focus-visible{outline:2px solid var(--color-accent,#fbbf24);outline-offset:2px}.cc-nav-rail .cc-tab.active{background:color-mix(in srgb,var(--color-accent,#fbbf24) 16%,transparent);color:var(--color-accent,#fbbf24)}.cc-rail-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.35rem;line-height:1;border-radius:16px;transition:background .2s ease}.cc-rail-icon-img{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}.cc-nav-rail .cc-tab.active .cc-rail-icon{background:color-mix(in srgb,var(--color-accent,#fbbf24) 22%,transparent)}.cc-rail-label{font-size:.65rem;font-weight:500;line-height:1.15;text-align:center;max-width:72px;letter-spacing:.01em}.cc-nav-rail .cc-tab.active .cc-rail-label{font-weight:600;color:var(--color-accent,#fbbf24)}.cc-tab-panel{display:none;padding:16px 20px 0;flex-direction:column;gap:10px}.cc-tab-panel.active{display:flex}.cc-help-doc{max-width:100%;padding-bottom:8px}.cc-help-title{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:var(--color-accent,#fbbf24);letter-spacing:.02em;line-height:1.25}.cc-help-lead{margin:0 0 14px;font-size:.82rem;color:#cbd5e1;line-height:1.5}.cc-help-heading{margin:18px 0 8px;font-size:.88rem;font-weight:700;color:#e2e8f0;letter-spacing:.04em;text-transform:uppercase}.cc-help-doc .cc-help-heading:first-of-type{margin-top:4px}.cc-help-list,.cc-help-p{margin:0 0 10px;font-size:.8rem;color:#94a3b8;line-height:1.5}.cc-help-list{margin:0 0 12px;padding-left:1.15rem;line-height:1.55}.cc-help-list li{margin-bottom:6px}.cc-help-figure{margin:12px 0 18px;padding:0}.cc-help-figure .cc-help-shot{aspect-ratio:1/1;width:100%;max-width:min(280px,88vw);height:auto;margin:0 auto;display:block;box-sizing:border-box;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 22%,rgba(255,255,255,.1));object-fit:contain;background:rgba(0,0,0,.25)}.cc-hint{font-size:.8rem;color:#94a3b8;margin:0 0 4px;line-height:1.45}.cc-hint-sm{font-size:.77rem;color:#64748b;margin:-6px 0 0}.cc-section-label{font-size:.78rem;font-weight:600;color:var(--color-accent,#fbbf24);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.cc-collapse-section{margin-top:6px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.12);overflow:hidden}.cc-collapse-section-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:0;padding:10px 12px;cursor:pointer;list-style:none;user-select:none;transition:background .15s}.cc-collapse-section-summary::-webkit-details-marker{display:none}.cc-collapse-section-summary::after{content:"";flex-shrink:0;width:.45em;height:.45em;border-right:2px solid color-mix(in srgb,var(--color-accent,#fbbf24) 70%,#94a3b8);border-bottom:2px solid color-mix(in srgb,var(--color-accent,#fbbf24) 70%,#94a3b8);transform:rotate(45deg) translateY(-2px);transition:transform .2s}.cc-collapse-section[open]>.cc-collapse-section-summary::after{transform:rotate(-135deg) translateY(2px)}.cc-collapse-section-summary:hover{background:color-mix(in srgb,var(--color-accent,#fbbf24) 8%,transparent)}.cc-collapse-section-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:2px}.cc-collapse-section-body>.cc-btn{margin-top:6px}.cc-divider{border:0;border-top:1px solid rgba(255,255,255,.07);margin:6px 0}.cc-label{font-size:.8rem;color:#94a3b8;font-weight:500;margin-bottom:-4px}.cc-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f1f5f9;font-size:.9rem;padding:8px 12px;outline:0;transition:border-color .15s}.cc-input:focus{border-color:color-mix(in srgb,var(--color-accent,#fbbf24) 50%,transparent)}.cc-input option{background:var(--color-sidebar-solid-bg,#1e293b)}.cc-hint-inline{font-weight:400;font-size:.72rem;color:#64748b}.cc-transfer-memo{line-height:1.35}.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-bank-shell .cc-btn-primary{text-shadow:0 0 1px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.25)}.cc-bank-shell .cc-btn-primary:hover:not(:disabled){text-shadow:0 0 1px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3)}.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)}.cc-btn-sm{padding:5px 12px;font-size:.8rem}.cc-raffle-info{background:color-mix(in srgb,var(--color-accent,#fbbf24) 7%,transparent);border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 20%,transparent);border-radius:10px;padding:10px 14px}.cc-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#94a3b8;padding:3px 0}.cc-stat-row strong{color:#f1f5f9;font-weight:600}.cc-sell-owned-caption{margin:6px 0 8px}.cc-sell-owned-grid{margin-bottom:12px}.cc-wager-list{display:flex;flex-direction:column;gap:6px;min-height:0;flex:0 0 auto}.cc-wager-list-community{margin-bottom:8px}.cc-wager-community-hint{margin:2px 0 8px}.cc-wager-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;background:rgba(255,255,255,.04);border-radius:8px;padding:7px 10px;font-size:.82rem}.cc-wager-row-community{flex-direction:column;align-items:stretch;gap:6px}.cc-wager-community-main{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.8rem;line-height:1.3}.cc-wager-bettor,.cc-wager-row-community .cc-wager-peer{min-width:0;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.cc-wager-bettor{color:#cbd5e1;font-weight:600}.cc-wager-community-arrow{color:#64748b;flex-shrink:0}.cc-wager-row-community .cc-wager-peer{flex:1 1 auto}.cc-wager-community-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.cc-wager-community-meta .cc-wager-cat{min-width:0;flex:1 1 auto}.cc-wager-cat{color:var(--color-accent,#fbbf24);font-weight:600;min-width:90px;font-size:.78rem}.cc-wager-peer{color:#f1f5f9;flex:1 1 10rem;min-width:0;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.cc-wager-amount{color:var(--color-accent,#fbbf24);font-weight:600;white-space:nowrap}.cc-stock-summary{background:rgba(34,197,94,.05);border:1px solid rgba(34,197,94,.18);border-radius:12px;padding:10px 12px 8px}.cc-ss-section-label{font-size:.67rem;font-weight:700;letter-spacing:.08em;color:rgba(34,197,94,.7);text-transform:uppercase;margin-bottom:6px}.cc-ss-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 10px;margin-bottom:4px}.cc-ss-item{display:flex;flex-direction:column;gap:1px;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.03)}.cc-ss-label,.cc-ss-value{font-size:.67rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-ss-value{font-size:.82rem;font-weight:600;color:#e2e8f0}.cc-stock-bidask{font-size:.65rem;font-weight:500;color:#94a3b8;margin-top:2px;line-height:1.25}.cc-ss-divider{height:1px;background:rgba(34,197,94,.15);margin:6px 0}:root{--cc-green:#22c55e;--cc-red:#ef4444}.cc-stock-actions{display:flex;flex-direction:column;gap:10px}.cc-stock-actions-cols{display:flex;gap:12px;align-items:stretch}.cc-stock-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}#ccStockSharesCapHint{margin:0}.chaos-bank-msg{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent,#fbbf24) 12%,transparent),color-mix(in srgb,var(--color-accent,#fbbf24) 6%,transparent));border-left:3px solid var(--color-accent,#fbbf24);border-radius:6px;padding:8px 12px}.chaos-bank-sender{font-size:.78rem;font-weight:700;color:var(--color-accent,#fbbf24);letter-spacing:.04em;margin-bottom:3px}.chaos-bank-text{font-size:.88rem;color:#f1f5f9;line-height:1.45}.cc-wager-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;margin-left:10px;background:color-mix(in srgb,var(--color-accent,#fbbf24) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 30%,transparent);border-radius:12px;color:var(--color-accent,#fbbf24);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.cc-wager-btn:hover{background:color-mix(in srgb,var(--color-accent,#fbbf24) 22%,transparent)}.cc-wager-btn-icon{display:block;width:14px;height:14px;object-fit:contain;flex-shrink:0}.cc-confirm-row{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:color-mix(in srgb,var(--color-accent,#fbbf24) 7%,transparent);border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 25%,transparent);border-radius:10px;animation:ccConfirmIn .15s ease}.cc-confirm-msg{margin:0;font-size:.85rem;color:color-mix(in srgb,var(--color-accent,#fbbf24) 80%,#fff);font-weight:500;line-height:1.4}.cc-confirm-actions{display:flex;gap:8px}.cc-btn-confirm-no,.cc-btn-confirm-yes{flex:1;border-radius:8px;padding:7px 0;font-size:.82rem;cursor:pointer}.cc-btn-confirm-yes{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:0;font-weight:700;transition:opacity .15s}.cc-btn-confirm-yes:hover{opacity:.85}.cc-btn-confirm-no{background:rgba(255,255,255,.07);color:#94a3b8;border:1px solid rgba(255,255,255,.1);font-weight:600;transition:background .15s}.cc-btn-confirm-no:hover{background:rgba(255,255,255,.12);color:#e2e8f0}.cc-input-wrap{position:relative;width:100%}.cc-input-wrap .cc-input{width:100%;box-sizing:border-box}.cc-user-dropdown{display:none;position:absolute;left:0;right:0;top:calc(100% + 3px);background:rgba(8,18,32,.88);background:color-mix(in srgb,var(--color-modal-bg,#081220) 78%,transparent);-webkit-backdrop-filter: none;backdrop-filter: none;border:1px solid rgba(255,255,255,.13);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.55);z-index:10000;max-height:220px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-accent,#fbbf24) 30%,transparent) transparent}.cc-user-dropdown.open{display:block}.cc-user-dropdown-item{display:flex;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .1s;user-select:none}.cc-user-dropdown-item:last-child{border-bottom:none}.cc-user-dropdown-item.active,.cc-user-dropdown-item:hover{background:color-mix(in srgb,var(--color-accent,#fbbf24) 10%,transparent)}.cc-user-dropdown-avatar{width:26px;height:26px;min-width:26px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent,#fbbf24) 0,color-mix(in srgb,var(--color-accent,#fbbf24) 80%,#000) 100%);color:var(--color-btn-text,#fff);font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cc-user-dropdown-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cc-user-dropdown-name{font-size:.88rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.cc-user-dropdown-meta{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.cc-user-dropdown-meta.cc-on{color:#4ade80}.cc-user-dropdown-meta.cc-off{color:#94a3b8}.cc-user-dropdown-meta.cc-self{color:color-mix(in srgb,var(--color-accent,#fbbf24) 90%,#fff)}.cc-user-dropdown-name strong{color:var(--color-accent,#fbbf24);font-weight:700}.cc-user-dropdown-empty{padding:12px 14px;color:#64748b;font-size:.83rem;text-align:center}.cc-chart-wrap{display:flex;flex-direction:column;gap:0;margin-bottom:10px}.cc-chart-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 6px;gap:8px;flex-wrap:wrap}.cc-chart-header-left{display:flex;flex-direction:column;gap:1px}.cc-chart-price{font-size:1.15rem;font-weight:700;color:#e2e8f0;letter-spacing:-.01em}.cc-chart-change{font-size:.8rem;font-weight:600;color:#22c55e}.cc-chart-container{position:relative;width:100%;height:140px;border-radius:6px;overflow:hidden;background:0 0;cursor:crosshair}.cc-chart-canvas{position:absolute;top:0;left:0;display:block}.cc-chart-overlay{pointer-events:none}.cc-chart-ranges{display:flex;gap:4px;align-items:center;flex-shrink:0}.cc-chart-range-btn{padding:3px 9px;border-radius:4px;border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 30%,transparent);background:0 0;color:color-mix(in srgb,var(--color-accent,#fbbf24) 60%,#fff);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit;letter-spacing:.03em}.cc-chart-range-btn:hover{background:color-mix(in srgb,var(--color-accent,#fbbf24) 12%,transparent);color:var(--color-accent,#fbbf24);border-color:color-mix(in srgb,var(--color-accent,#fbbf24) 60%,transparent)}.cc-chart-range-btn.active{background:color-mix(in srgb,var(--color-accent,#fbbf24) 20%,transparent);color:var(--color-accent,#fbbf24);border-color:var(--color-accent,#fbbf24)}.cc-chart-tooltip{position:absolute;top:6px;left:6px;background:var(--color-modal-bg,rgba(0,20,40,.92));border:1px solid color-mix(in srgb,var(--color-accent,#fbbf24) 35%,transparent);border-radius:6px;padding:5px 9px;pointer-events:none;z-index:10;backdrop-filter: none;min-width:88px}.cc-chart-tt-price{font-size:.82rem;font-weight:700;color:var(--color-accent,#fbbf24);white-space:nowrap}.cc-chart-tt-time{font-size:.72rem;color:rgba(226,232,240,.6);white-space:nowrap;margin-top:1px}#leaderboardModal #chaosBankSection.leaderboard-section.active{flex:1 1 0;min-height:0;overflow:hidden}#leaderboardModal .leaderboard-chaos-bank-mount{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0}#leaderboardModal .leaderboard-chaos-bank-mount>.cc-modal-balance{flex-shrink:0;margin:0 5px 6px;border-radius:10px}#leaderboardModal .leaderboard-chaos-bank-mount>.cc-bank-shell{flex:1 1 0;min-height:0;margin:0 0 0 5px}#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail{margin-left:0;border-radius:10px 0 0 25px}#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panels{flex:1 1 0;min-height:0;margin-right:5px}#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panel{padding-left:9px;padding-right:9px;padding-bottom:8px}#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panel.active{padding-bottom:12px}@media (max-width:460px){.cc-stock-actions-cols{flex-direction:column}.cc-modal-tabs.cc-nav-rail{width:72px;padding:6px 4px 10px}.cc-rail-label{font-size:.6rem;max-width:64px}.cc-nav-rail .cc-tab{min-height:52px;padding:6px 2px}}#cc-panel-powerups .cc-powerups-collapse+.cc-powerups-collapse{margin-top:8px}#cc-panel-powerups .cc-powerups-collapse-summary.cc-collapse-section-summary{display:flex;align-items:center;justify-content:space-between;gap:10px}#cc-panel-powerups .cc-powerups-collapse-summary-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}#cc-panel-powerups .cc-powerups-collapse-icon{flex-shrink:0}#cc-panel-powerups .cc-powerups-collapse-heading{font-weight:600;font-size:.95rem;letter-spacing:.02em}#cc-panel-powerups .cc-collapse-section-body>.cc-powerups-intro{margin-bottom:4px}#cc-panel-powerups .cc-collapse-section-body>.cc-powerups-intro .cc-hint{margin-top:0}#cc-panel-powerups .cc-input-wrap+p.cc-hint-sm{margin-top:12px;margin-bottom:6px}#ccPowerupsSectionGhost .cc-powerups-intro+p.cc-hint-sm{margin-top:14px;margin-bottom:14px}#cc-panel-powerups .cc-ghost-self-wrap{width:100%;align-self:stretch;display:flex;flex-direction:column;align-items:stretch}#cc-panel-powerups .cc-ghost-self-wrap>.cc-btn-primary{width:100%;max-width:100%;box-sizing:border-box}.cc-xray-active-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cc-xray-active-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--color-bg-elevated,#2a2a2a) 85%,transparent);border:1px solid rgba(255,255,255,.06)}.cc-xray-active-meta{flex:1 1 140px;font-size:.85rem;line-height:1.35}.cc-xray-refund-badge{color:var(--color-accent,#fbbf24);font-size:.8rem;font-weight:500}.cc-xray-revoke-btn{flex-shrink:0}.cc-xray-revoke-hint{margin-top:10px;margin-bottom:0}.cc-chip-shop-overlay{z-index:9150}.cc-chip-shop-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px);display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:var(--color-modal-bg,rgba(0,20,40,.97));border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04)}.cc-chip-shop-header{flex-shrink:0}.cc-chip-shop-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding:0 16px max(16px,env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:18px}.cc-chip-shop-section{display:flex;flex-direction:column;gap:10px}.cc-chip-shop-h{margin:0;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:var(--color-text,#e8eaed)}.cc-chip-shop-hint,.cc-chip-shop-subhint{margin:0;font-size:.8rem;line-height:1.4;color:color-mix(in srgb,var(--color-text,#e8eaed) 72%,transparent)}.cc-chip-shop-copy{margin:0;font-size:.85rem;line-height:1.45;color:color-mix(in srgb,var(--color-text,#e8eaed) 88%,transparent)}.cc-chip-shop-watch-btn{align-self:flex-start}.cc-chip-shop-tiers{display:flex;flex-direction:column;gap:8px}.cc-chip-shop-tier{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:color-mix(in srgb,var(--color-bg-elevated,#1a2530) 92%,transparent);cursor:pointer;color:inherit;font:inherit;transition:background .15s ease,border-color .15s ease}.cc-chip-shop-tier:hover:not(:disabled){border-color:rgba(251,191,36,.35);background:color-mix(in srgb,var(--color-bg-elevated,#1a2530) 100%,transparent)}.cc-chip-shop-tier:disabled{opacity:.45;cursor:not-allowed}.cc-chip-shop-tier-img{flex-shrink:0;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .35))}.cc-chip-shop-tier-main{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.cc-chip-shop-tier-chips{font-weight:700;font-size:1rem;color:var(--color-accent,#fbbf24)}.cc-chip-shop-tier-price{font-size:.88rem;font-weight:600;color:color-mix(in srgb,var(--color-text,#e8eaed) 85%,transparent)}.cc-chip-shop-subscribe{padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.cc-chip-shop-sub-btn{align-self:flex-start}.cc-chip-shop-subscribed-note{margin:0;font-size:.85rem;color:var(--color-accent,#fbbf24)}.roger-beep-sub-row{margin-top:0}#userInfoModerationReasonWrap,#userInfoModifiedByWrap,#userInfoTagWrap{display:none}#leaderboardModal.active #leaderboardContent .cc-bank-shell,#leaderboardModal.active #leaderboardContent .cc-tab-panel,#leaderboardModal.active #leaderboardContent .cc-tab-panels,#leaderboardModal.active .leaderboard-chaos-bank-mount,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-bank-shell,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-tab-panel,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-tab-panels,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-user-dropdown,#leaderboardModal.active .leaderboard-chaos-bank-mount .cc-wager-list{touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}.leaderboard-modal-content{transition:none!important}.modal.active .leaderboard-modal-content,.modal.closing .leaderboard-modal-content{animation:none!important;transform:none!important;filter:none!important}.leaderboard-modal-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--color-modal-bg,rgba(0,20,40,.75))!important}#leaderboardModal.leaderboard-modal.active{background:unset!important;background-color:unset}#leaderboardModal .leaderboard-modal-content{width:calc(100vw - 20px)!important;text-align:left;padding:0!important;display:flex!important;flex-direction:column!important;gap:0;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important;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}#leaderboardModal.active{z-index:1003!important}#leaderboardModal .leaderboard-modal-header,#userInfoModal .leaderboard-modal-header,#inboxModal .leaderboard-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}#leaderboardModal .leaderboard-modal-title,#userInfoModal .leaderboard-modal-title,#inboxModal .leaderboard-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}#leaderboardModal .leaderboard-modal-close-btn,#userInfoModal .leaderboard-modal-close-btn,#inboxModal .leaderboard-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}#leaderboardModal .leaderboard-modal-close-btn:hover,#userInfoModal .leaderboard-modal-close-btn:hover,#inboxModal .leaderboard-modal-close-btn:hover{background:rgba(255,255,255,.1)!important}#leaderboardModal .leaderboard-modal-close-btn:active,#leaderboardModal .leaderboard-modal-close-btn:focus,#userInfoModal .leaderboard-modal-close-btn:active,#userInfoModal .leaderboard-modal-close-btn:focus,#inboxModal .leaderboard-modal-close-btn:active,#inboxModal .leaderboard-modal-close-btn:focus{background:rgba(255,255,255,.15)!important;outline:0!important;box-shadow:none!important}#leaderboardModal .leaderboard-main-tab.active:hover,#leaderboardModal .leaderboard-tab.active:hover{background:rgba(255,255,255,.08)}#leaderboardModal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none}#leaderboardModal{background:0 0;z-index:1002}#leaderboardModal{justify-content:center;padding-top:0;background:0 0!important}#leaderboardModal{visibility:hidden}#leaderboardModal .leaderboard-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding:5px 5px 10px}#leaderboardModal .leaderboard-main-tabs{display:flex;gap:0;flex-shrink:0;padding:0;margin:5px;background-color:rgba(0,0,0,.5);border-radius:10px}#leaderboardModal .leaderboard-main-tab{background:0 0;border:0;color:gray;font-size:16px;font-weight:600;padding:5px 25px;cursor:pointer;transition:color .15s ease,background .15s ease;position:relative;flex:1;text-align:center;text-shadow:0 0 5px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}#leaderboardModal .leaderboard-main-tab:first-child{border-radius:10px 0 0 10px}#leaderboardModal .leaderboard-main-tab:last-child{border-radius:0 10px 10px 0}#leaderboardModal .leaderboard-main-tab:hover{color:#d1d5db;background:rgba(255,255,255,.05)}#leaderboardModal .leaderboard-main-tab.active{color:#fff;border-bottom:2px solid var(--color-btn-gradient-start);text-shadow:0 0 10px #000}#leaderboardModal .leaderboard-section{display:none;flex:1 1 auto;min-height:0;flex-direction:column}#leaderboardModal .leaderboard-section.active{display:flex}#leaderboardModal .leaderboard-tabs{display:flex;gap:0;flex-shrink:0;padding:0;margin:5px;background-color:rgba(0,0,0,.5);border-radius:10px}#leaderboardModal .leaderboard-tab:first-child{border-radius:10px 0 0 10px}#leaderboardModal .leaderboard-tab:last-child{border-radius:0 10px 10px 0}#leaderboardModal .leaderboard-tab{background:0 0;align-items:center;justify-content:center}#leaderboardModal .leaderboard-tab{border:0;color:gray;font-size:1rem;font-weight:700;padding:5px 10px;cursor:pointer;transition:color .15s ease,background .15s ease;border-bottom:2px solid transparent;position:relative;flex:1;text-align:center;display:flex;flex-direction:column}#leaderboardModal .leaderboard-tab:hover{color:#d1d5db;background:rgba(255,255,255,.05)}#leaderboardModal .leaderboard-tab.active{color:#fff;border-bottom-color:var(--color-btn-gradient-start)}#leaderboardModal .leaderboard-tab span{font-size:10pt;text-shadow:0 0 10px #000}#leaderboardModal .leaderboard-tab-panels{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;margin:0;border-radius:0;background-color:#000}#leaderboardModal .leaderboard-tab-panels.scrollable{border-radius:0!important}#leaderboardModal .leaderboard-tab-panel{display:none;height:100%}#leaderboardModal .leaderboard-tab-panel.active{display:block}#leaderboardModal .leaderboard-list{display:flex;flex-direction:column;gap:5px;border:1px solid #111;margin-left:0;margin-right:0;background-color:#000;margin-top:0;padding-top:8px}#leaderboardModal #keyUpsLeaderboard{padding-bottom:5px}#leaderboardModal .leaderboard-entry{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:0;transition:background .15s ease}#leaderboardModal .leaderboard-entry:hover{background-color:rgba(0,0,0,.85)}#leaderboardModal .leaderboard-entry-name{color:#d1d5db;font-weight:500;font-size:10pt;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leaderboardModal .leaderboard-entry-count{color:#9ca3af;font-size:.9rem;font-weight:500;margin-left:12px;flex-shrink:0}#leaderboardModal .hall-of-fame-entry{justify-content:space-between}#leaderboardModal .hall-of-fame-entry .leaderboard-entry-name{flex:2}#leaderboardModal .hall-of-fame-entry .leaderboard-entry-name:hover{color:var(--color-btn-gradient-start,#3b82f6);text-decoration:underline!important}#leaderboardModal .hall-of-fame-entry .leaderboard-entry-count{flex:1;text-align:center;margin-left:8px;margin-right:8px}#leaderboardModal .leaderboard-entry-month{color:#6b7280;font-size:.85rem;font-weight:400;flex:1;text-align:right;margin-left:8px;flex-shrink:0}#leaderboardModal .leaderboard-empty{color:#9ca3af;margin:0;font-size:.9rem;text-align:center;padding:20px 0}#leaderboardModal.active{opacity:1;visibility:visible;pointer-events:auto;display:flex!important;justify-content:center!important;align-items:center!important}#leaderboardModal.closing{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}#leaderboardModal.closing{padding-top:0!important}#leaderboardModal.closing{background:0 0!important;z-index:1002!important}#leaderboardModal.active .leaderboard-modal-content{transform:scale(1)!important}#leaderboardModal .leaderboard-modal-content,#leaderboardModal.closing .leaderboard-modal-content{transform:scale(.95)!important}.leaderboard-tab-icon{display:block;margin:0 auto}.leaderboard-modal-content{backdrop-filter: none;-webkit-backdrop-filter: none}[data-color-scheme=vectorScope] #leaderboardModal .cc-modal-balance .cc-chip-icon-img{filter:brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(500%) hue-rotate(93deg) brightness(1.2)!important}[data-color-scheme=vectorScope] .leaderboard-modal-content{background:rgba(0,8,0,.96)!important;border:1.5px solid rgba(0,255,65,.85)!important;box-shadow:0 0 24px rgba(0,255,65,.35),inset 0 0 12px rgba(0,255,65,.06)!important}[data-color-scheme=vectorScope] #leaderboardModal .leaderboard-modal-content{background:rgba(0,8,0,.96)!important;border:1.5px solid rgba(0,255,65,.85)!important;box-shadow:0 0 24px rgba(0,255,65,.35),inset 0 0 12px rgba(0,255,65,.06)!important;backdrop-filter: none;-webkit-backdrop-filter: none}[data-color-scheme=vectorScope] #leaderboardModal :not(svg):not(path):not(img){color:#00ff41!important;text-shadow:0 0 6px rgba(0,255,65,.45)!important}[data-color-scheme=vectorScope] .leaderboard-main-tab,[data-color-scheme=vectorScope] .leaderboard-main-tabs,[data-color-scheme=vectorScope] .leaderboard-section,[data-color-scheme=vectorScope] .leaderboard-tab,[data-color-scheme=vectorScope] .leaderboard-tabs{border:0!important}[data-color-scheme=vectorScope] .leaderboard-main-tab.active,[data-color-scheme=vectorScope] .leaderboard-main-tab[aria-selected=true],[data-color-scheme=vectorScope] .leaderboard-tab.active,[data-color-scheme=vectorScope] .leaderboard-tab[aria-selected=true]{border-bottom:2px solid rgba(0,255,65,.9)!important}#leaderboardModal .leaderboard-modal-content{background:var(--color-modal-bg,rgba(0,20,40,.75))!important;backdrop-filter: none;-webkit-backdrop-filter: none}#leaderboardModal{transition:none!important;animation:none!important}#leaderboardModal.closing{opacity:0!important;transition:none!important;pointer-events:none!important}#leaderboardModal .leaderboard-modal-content,#leaderboardModal.active .leaderboard-modal-content,#leaderboardModal.closing .leaderboard-modal-content{transform:none!important;transition:none!important}#leaderboardModal #chaosBankSection.leaderboard-section.active{flex:1 1 0;min-height:0;overflow:hidden}#leaderboardModal .leaderboard-chaos-bank-mount{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0}#leaderboardModal .leaderboard-chaos-bank-mount>.cc-modal-balance{flex-shrink:0;margin:0 5px 6px;border-radius:10px}#leaderboardModal .leaderboard-chaos-bank-mount>.cc-bank-shell{flex:1 1 0;min-height:0;margin:0 0 0 5px}#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail{margin-left:0;border-radius:10px 0 0 25px}#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panels{flex:1 1 0;min-height:0;margin-right:5px}#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panel{padding-left:9px;padding-right:9px;padding-bottom:8px}#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panel.active{padding-bottom:12px}#inboxModal{position:fixed!important;width:100%!important}#confirmModal .modal-content{
  border: 0 !important;
}.username-color-label{display:block!important;margin-top:10px!important;margin-bottom:10px!important;margin-left:9px!important;width:calc(100% - 14px)!important}.username-color-dropdown{margin-top:4px!important;margin-left:14px!important;width:calc(100% - 14px)!important}.username-color-swatch{display:inline-block!important;width:16px!important;height:16px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 0 0 1px rgba(0,0,0,.45)!important;flex:0 0 16px!important}.username-color-option{border:0!important;background:transparent!important;color:inherit!important;width:100%!important;text-align:left!important;font:inherit!important}.username-color-panel .username-color-option{display:flex!important;align-items:center!important;gap:8px!important}/* Leaderboard: full-page like Messenger — solid panel,no floating card / blur / translucent shell */
#leaderboardModal,#leaderboardModal.active,#leaderboardModal.closing{
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 0 !important;
    top: var(--gccr-header-stack) !important;
    bottom: env(safe-area-inset-bottom, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    background: transparent !important;
}#leaderboardModal .leaderboard-modal-content,#leaderboardModal.active .leaderboard-modal-content,#leaderboardModal.closing .leaderboard-modal-content,.leaderboard-modal-content{
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
    border-radius: 0 !important;
    border: 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;
}#leaderboardModal.leaderboard-modal.active,.leaderboard-modal.active{
    background: transparent !important;
    background-color: transparent !important;
}#leaderboardModal .leaderboard-modal-content{
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}#leaderboardModal .leaderboard-modal-header,#userInfoModal .leaderboard-modal-header,#inboxModal .leaderboard-modal-header{
    flex: 0 0 auto !important;
}[data-color-scheme="vectorScope"] #leaderboardModal .leaderboard-modal-content,[data-color-scheme="vectorScope"] .leaderboard-modal-content{
    background: var(--color-sidebar-solid-bg, rgba(0, 8, 0, 1)) !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}/* Main tabs (Current / Winners / Bank) sit below the scrollable leaderboard lists */
#leaderboardModal #leaderboardContent.leaderboard-content{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    scrollbar-gutter: auto !important;
}#leaderboardModal .leaderboard-section.active{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}#leaderboardModal #leaderboardContent.leaderboard-content{
    padding-bottom: 0 !important;
}#leaderboardModal #leaderboardContent.leaderboard-content:has(#chaosBankSection.active){
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}#leaderboardModal .leaderboard-main-tabs{
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    order: 10;
    display: flex !important;
    flex-direction: row !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    gap: 0 !important;
    background-color: color-mix(in srgb, var(--color-modal-bg, rgba(0, 20, 40, 0.75)) 74%, rgba(0, 0, 0, 0.62)) !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    margin: 0 !important;
    padding: 0 !important;
}#leaderboardModal #chaosBankSection.leaderboard-section.active{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}#leaderboardModal #chaosBankSection .leaderboard-chaos-bank-mount{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}#leaderboardModal .leaderboard-chaos-bank-mount .cc-bank-shell{
    margin: 0 !important;
    padding-left: 0 !important;
}#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail{
    background-color: color-mix(in srgb, var(--color-modal-bg, rgba(0, 20, 40, 0.75)) 74%, rgba(0, 0, 0, 0.62)) !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-sizing: border-box !important;
}#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail .cc-tab{
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panels{
    margin-right: 0 !important;
    scrollbar-gutter: auto !important;
}#leaderboardModal .leaderboard-chaos-bank-mount .cc-bank-shell,#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panel{
    scrollbar-gutter: auto !important;
}#inboxUserList{background:rgba(0,0,0,.55)!important;border-radius:5px!important}#inboxModal #inboxMd3Tabs{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-header-stack) !important;
    bottom: env(safe-area-inset-bottom, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !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}#tab-home .sidebar-list-section-advanced-settings .sidebar-list-item.sidebar-list-item-switch{border-top:0!important;border-bottom:0!important}/* Migrated from index.html */
#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel{
    display: grid !important;
    grid-template-columns: repeat(4, 48px) !important;
    grid-template-rows: repeat(2, 48px) !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    align-items: center !important;
    justify-items: center !important;
    overflow: visible !important;
    padding: 0 !important;
}#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel .feedback-button{
    margin: 0 !important;
    transform: none !important;
}#customFeedbackButton4{
    display: inline-flex !important;
    visibility: visible !important;
}/* Blue scheme: use the same theme tokens as the talk button */
[data-color-scheme="blue"] #sidebar .button-full,[data-color-scheme="blue"] #sidebar .sidebar-list-item .button-full{
    background: linear-gradient(180deg, var(--btn-gradient-start, rgba(0, 100, 200, 0.8)) 0%, var(--btn-gradient-end, rgba(0, 150, 255, 0.8)) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 82%, #000 18%) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 35%, transparent) !important;
}[data-color-scheme="blue"] #sidebar input[type="radio"]{
    accent-color: var(--color-accent, #0099ff) !important;
}[data-color-scheme="blue"] #sidebar .toggle-slider{
    background-color: color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 62%, #000 38%) !important;
    border: 2px solid var(--color-accent, #0099ff) !important;
}[data-color-scheme="blue"] #sidebar input:checked+.toggle-slider{
    background-color: var(--color-accent, #0099ff) !important;
    border-color: var(--color-accent, #0099ff) !important;
}[data-color-scheme="blue"] #sidebar #masterVolume:not(.form-range){
    accent-color: var(--color-accent, #0099ff) !important;
}[data-color-scheme="blue"] #sidebar #masterVolume:not(.form-range)::-webkit-slider-runnable-track{
    background: linear-gradient(90deg, color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 70%, #000 30%) 0%, var(--color-accent, #0099ff) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 82%, #000 18%) !important;
    border-radius: 999px !important;
}[data-color-scheme="blue"] #sidebar #masterVolume:not(.form-range)::-webkit-slider-thumb{
    background: var(--color-accent, #0099ff) !important;
    border: 1px solid color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 82%, #000 18%) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent, #0099ff) 25%, transparent) !important;
}[data-color-scheme="blue"] #sidebar #masterVolume:not(.form-range)::-moz-range-track{
    background: linear-gradient(90deg, color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 70%, #000 30%) 0%, var(--color-accent, #0099ff) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 82%, #000 18%) !important;
    border-radius: 999px !important;
}[data-color-scheme="blue"] #sidebar #masterVolume:not(.form-range)::-moz-range-thumb{
    background: var(--color-accent, #0099ff) !important;
    border: 1px solid color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 82%, #000 18%) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent, #0099ff) 25%, transparent) !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;
}#keyingUpList .keying-up-item .keying-up-battle-icon{
    filter: brightness(0) invert(1) !important;
}#keyingUpList .keying-up-item.keying-up-battle-item .keying-up-name{
    font-weight: 700;
}.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:stretch!important;padding:calc(58px + env(safe-area-inset-top,0px)) 0 0 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-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;border-radius:0!important;border:none!important;background:linear-gradient(180deg,color-mix(in srgb,var(--color-sidebar-solid-bg,#001428) 92%,#fff 8%) 0%,var(--color-sidebar-solid-bg,#001428) 100%)!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:14px 16px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!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{flex:1 1 auto!important;min-height:0!important;padding:12px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}#moderatedUsersList{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!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:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 13px;color:#f8fafc;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.moderated-users-row-btn:hover{background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.17);transform:translateY(-1px)}.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-fp{font-family:var(--gccr-app-font);color:#9fb2c8}.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: plaintext !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;
}#videoGalleryTrimPanel .video-gallery-trim-slider,#audioGalleryTrimPanel .video-gallery-trim-slider{position:relative;height:22px;margin:8px 4px 4px;touch-action:pan-x}#videoGalleryTrimPanel .video-gallery-trim-track,#audioGalleryTrimPanel .video-gallery-trim-track{position:absolute;left:0;right:0;top:50%;height:6px;transform:translateY(-50%);background:rgba(0,0,0,.75);border:solid 1px #111;border-radius:3px;pointer-events:none;box-sizing:border-box}#videoGalleryTrimPanel .video-gallery-trim-track-fill,#audioGalleryTrimPanel .video-gallery-trim-track-fill{position:absolute;top:50%;height:6px;left:0;right:0;transform:translateY(-50%);background:linear-gradient(135deg,var(--color-btn-gradient-start,#3b82f6),var(--color-btn-gradient-end,#2563eb));border-radius:3px;pointer-events:none;box-sizing:border-box}#videoGalleryTrimPanel .video-gallery-trim-range,#audioGalleryTrimPanel .video-gallery-trim-range{position:absolute;left:0;right:0;top:0;width:100%;height:22px;margin:0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none;outline:none;touch-action:pan-x}#videoGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-runnable-track,#audioGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-runnable-track{background:transparent;border:0;height:6px}#videoGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-track,#audioGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-track{background:transparent;border:0;height:6px}#videoGalleryTrimPanel .video-gallery-trim-range::-moz-range-track,#audioGalleryTrimPanel .video-gallery-trim-range::-moz-range-track{background:transparent;border:0;height:6px}#videoGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-thumb,#audioGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-btn-gradient-start,#3b82f6),var(--color-btn-gradient-end,#2563eb));border:0;cursor:pointer;pointer-events:auto;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:box-shadow .2s ease;margin-top:-5px;position:relative}#videoGalleryTrimPanel .video-gallery-trim-range::-moz-range-thumb,#audioGalleryTrimPanel .video-gallery-trim-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-btn-gradient-start,#3b82f6),var(--color-btn-gradient-end,#2563eb));border:0;cursor:pointer;pointer-events:auto;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:box-shadow .2s ease}#videoGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-thumb:hover,#videoGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-thumb:active,#audioGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-thumb:hover,#audioGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-thumb:active{box-shadow:0 2px 8px rgba(59,130,246,.5)}#videoGalleryTrimPanel .video-gallery-trim-range::-moz-range-thumb:hover,#videoGalleryTrimPanel .video-gallery-trim-range::-moz-range-thumb:active,#audioGalleryTrimPanel .video-gallery-trim-range::-moz-range-thumb:hover,#audioGalleryTrimPanel .video-gallery-trim-range::-moz-range-thumb:active{box-shadow:0 2px 8px rgba(59,130,246,.5)}#videoGalleryTrimPanel .video-gallery-trim-times,#audioGalleryTrimPanel .video-gallery-trim-times{display:flex;justify-content:space-between;align-items:center;margin:6px 4px 0;font-size:.8rem;color:#e8eaed;font-variant-numeric:tabular-nums}#videoGalleryTrimPanel .video-gallery-trim-time-duration,#audioGalleryTrimPanel .video-gallery-trim-time-duration{opacity:.78;font-size:.75rem}.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;
}#channelListModal > #channelList{
    min-height: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
}#channelListModal #channelList > li{
    padding-left: 0 !important;
    padding-right: 0 !important;
}#channelListModal #channelList .channel-list-row{
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}#userListModal #userList > li{
    padding-left: 0 !important;
    padding-right: 0 !important;
}/*    =====================================================================
   "F*** Your Feelings Friday" banner
   Above download FAB. Hidden by default; .active fades + slides in.
   ===================================================================== */
#feelingsFridayBanner{
    position: fixed;
    left: 50%;
    top: auto;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size, 44px) + 10px);
    transform: translate(-50%, 10px);
    z-index: 1003; /* one above #menuBar (z-index:1002) so it can never be covered */
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 20px;
    background: transparent;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
    white-space: nowrap;
    max-width: calc(100vw - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
}#feelingsFridayBanner .feelings-friday-banner-text{
    color: rgba(255, 255, 255, 0.72);
    font-weight: 700;
    -webkit-text-stroke: var(--gccr-text-outline-stroke);
    paint-order: stroke fill;
    text-shadow: var(--gccr-text-outline-glow);
}#feelingsFridayBanner.active{
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0s;
}#feelingsFridayBanner.active .feelings-friday-banner-text{
    animation: feelingsFridayBannerPulse 2.4s ease-in-out infinite;
}#feelingsFridayBanner .feelings-friday-banner-icon{
    font-size: 1rem;
    line-height: 1;
}
/* Podcast recording notice — stacked above free-for-all banner. */
#podcastRecordingBanner{
    position: fixed;
    left: 50%;
    top: auto;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size, 44px) + 10px + 38px);
    transform: translate(-50%, 10px);
    z-index: 1003;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 20px;
    background: transparent;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
    white-space: nowrap;
    max-width: calc(100vw - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
}
#podcastRecordingBanner .podcast-recording-banner-text{
    color: rgba(255, 255, 255, 0.72);
    font-weight: 700;
    -webkit-text-stroke: var(--gccr-text-outline-stroke);
    paint-order: stroke fill;
    text-shadow: var(--gccr-text-outline-glow);
}
#podcastRecordingBanner.active{
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    pointer-events: auto;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0s;
}
#podcastRecordingBanner.active .podcast-recording-banner-text{
    animation: feelingsFridayBannerPulse 2.4s ease-in-out infinite;
}
#podcastRecordingBanner .podcast-recorder-dot{
    flex-shrink: 0;
}
#podcastRecordingBanner .podcast-recording-opt-out-btn{
    flex-shrink: 0;
    margin: 0;
    padding: 2px 10px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.45);
    color: rgba(255, 255, 255, 0.92);
    font: inherit;
    font-size: 0.72em;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.2;
    cursor: pointer;
    -webkit-text-stroke: var(--gccr-text-outline-stroke);
    paint-order: stroke fill;
    text-shadow: var(--gccr-text-outline-glow);
}
#podcastRecordingBanner .podcast-recording-opt-out-btn:hover,
#podcastRecordingBanner .podcast-recording-opt-out-btn:focus-visible{
    border-color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.62);
    outline: none;
}
@keyframes feelingsFridayBannerPulse {0%,100%{
        opacity: 0.72;
    }50%{
        opacity: 1;
    }
}
@media (max-width: 480px) {#feelingsFridayBanner,
    #podcastRecordingBanner{
        font-size: 0.72rem;
        padding: 5px 12px;
        letter-spacing: 0.02em;
    }
}/* Camera FAB menu (upload / capture shortcuts) */
.cam-fab-root{
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    z-index: 16;
}.cam-fab-root.cam-fab-open{
    z-index: 50;
}/* Stack above #camButton (push up); left-aligned so pills jut right (mirror of original right/end stack) */
.cam-fab-menu{
    position: absolute;
    left: 0;
    right: auto;
    bottom: calc(100% + 12px);
    top: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    min-width: max-content;
    opacity: 0;
    visibility: hidden;
    transform: none;
    pointer-events: none;
    transition: none;
}.cam-fab-root.cam-fab-open .cam-fab-menu{
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
}.cam-fab-item{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 11px 18px 11px 16px;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--color-btn-text, #e3e3e3);
    background-color: var(--color-btn-bg, #3b82f6);
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
}.cam-fab-item:hover:not(:disabled){
    filter: brightness(1.08);
}.cam-fab-item:active:not(:disabled){
    filter: brightness(0.95);
}.cam-fab-item-icon img{
    filter: var(--color-cam-fab-icon-filter, none);
}:root[data-color-scheme="vectorScope"] .cam-fab-item,:root[data-color-scheme="vectorScope"] .cam-fab-item .cam-fab-item-label,:root[data-color-scheme="vectorScope"] .cam-fab-item-label{
    color: #000000 !important;
    text-shadow: none !important;
}:root[data-color-scheme="vectorScope"] .cam-fab-item-icon img{
    filter: brightness(0) !important;
}
:root[data-color-scheme="vectorScope"] .ghost-self-lease-icon,:root[data-color-scheme="vectorScope"] .xray-self-lease-icon{
    filter: brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(500%) hue-rotate(93deg) brightness(1.4)
        drop-shadow(0 0 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9)) !important;
}:root[data-color-scheme="vectorScope"] .ghost-self-lease-timer{
    color: #00ff41 !important;
    text-shadow: none !important;
}.megaphone-self-lease-hud[hidden]{
    display: none !important;
}.megaphone-self-lease-hud:not([hidden]){
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    color: #facc15;
    text-shadow: none;
}.megaphone-self-lease-icon{
    display: block;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9));
}.megaphone-self-lease-timer{
    color: #facc15;
    display: block;
    font-size: 12px !important;
    line-height: 1 !important;
}:root[data-color-scheme="vectorScope"] .megaphone-self-lease-icon{
    filter: brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(500%) hue-rotate(93deg) brightness(1.4)
        drop-shadow(0 0 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9)) !important;
}:root[data-color-scheme="vectorScope"] .megaphone-self-lease-timer{
    color: #00ff41 !important;
    text-shadow: none !important;
}.xray-self-lease-icon,.ghost-self-lease-icon,.megaphone-self-lease-icon{
    width: 28px !important;
    height: 28px !important;
}.xray-self-lease-timer,.ghost-self-lease-timer,.megaphone-self-lease-timer{
    display: block;
    font-size: 12px !important;
    line-height: 1 !important;
}#powerLeaseHudStack .xray-self-lease-hud:not([hidden]),#powerLeaseHudStack .ghost-self-lease-hud:not([hidden]),#powerLeaseHudStack .megaphone-self-lease-hud:not([hidden]){
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1px !important;
    min-width: 30px !important;
}#powerLeaseHudStack .xray-self-lease-icon,#powerLeaseHudStack .ghost-self-lease-icon,#powerLeaseHudStack .megaphone-self-lease-icon{
    display: block !important;
    flex: 0 0 auto !important;
    width: 28px !important;
    height: 28px !important;
}#powerLeaseHudStack .xray-self-lease-rows{
    align-items: center !important;
    gap: 1px !important;
}#powerLeaseHudStack .xray-self-lease-row{
    display: block !important;
    line-height: 1 !important;
}#powerLeaseHudStack .xray-self-lease-timer,#powerLeaseHudStack .ghost-self-lease-timer,#powerLeaseHudStack .megaphone-self-lease-timer{
    display: block !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}/* Vector Scope: menu bar + attach icons always phosphor green (not only when panel open) */
:root[data-color-scheme="vectorScope"] #menuBar {
    border-bottom: 1px solid rgba(0, 255, 65, 0.75) !important;
}
:root[data-color-scheme="vectorScope"] #menuBar #usersOnline,:root[data-color-scheme="vectorScope"] #menuBar #inboxButton,:root[data-color-scheme="vectorScope"] #menuBar #muteToggleButton,:root[data-color-scheme="vectorScope"] #menuBar #menuRight,:root[data-color-scheme="vectorScope"] #menuBar #usersOnline .menu-bar-item-label,:root[data-color-scheme="vectorScope"] #menuBar #inboxButton .menu-bar-item-label,:root[data-color-scheme="vectorScope"] #menuBar #menuRight .menu-bar-item-label{
    color: #00ff41 !important;
}:root[data-color-scheme="vectorScope"] #menuBar #usersOnline .menu-bar-item-content img,:root[data-color-scheme="vectorScope"] #menuBar #channelIndicator .menu-bar-item-content img,:root[data-color-scheme="vectorScope"] #menuBar #inboxButton #inboxIcon,:root[data-color-scheme="vectorScope"] #menuBar #muteToggleButton #muteToggleIcon,:root[data-color-scheme="vectorScope"] #menuBar #menuRight #personIcon img{
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}/* Attach/cam: ::after draws the green icon; hide default grey <img> overlay */
:root[data-color-scheme="vectorScope"] #camButton .cam-button-icon{
    display: none !important;
}:root[data-color-scheme="vectorScope"] #camButton::after{
    opacity: 1 !important;
}:root[data-color-scheme="vectorScope"] .cam-fab-root.cam-fab-open #camButton::after{
    background-image: url("img/embedded/asset-abc04d289d.svg") !important;
    opacity: 1 !important;
}:root[data-color-scheme="vectorScope"] #buttonContainer #talkButton::after{
    filter: brightness(0) !important;
    opacity: 0.75 !important;
}:root[data-color-scheme="vectorScope"] #camFabRoot #camButton::after{
    filter: brightness(0) !important;
    opacity: 1 !important;
}:root[data-color-scheme="vectorScope"] #camFabRoot #camButton:not(:disabled){
    background-color: var(--color-btn-bg, #00ff41) !important;
    background-image: linear-gradient(180deg, var(--color-btn-gradient-start, #00ff41) 0%, var(--color-btn-gradient-end, #00c828) 100%) !important;
    border-color: color-mix(in srgb, var(--color-btn-bg, #00ff41) 78%, #000 22%) !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.62),
        0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:not(:disabled)::before,:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:not(:disabled)::after{
    content: none !important;
    display: none !important;
}:root[data-color-scheme="vectorScope"] #camFabRoot #camButton:disabled,:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:disabled{
    background-color: #2f2f2f !important;
    background-image: none !important;
    border-color: rgba(0, 0, 0, 0.36) !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.62),
        0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}.cam-fab-item:disabled{
    opacity: 1;
    cursor: not-allowed;
    background-color: #5c636a;
    border-color: rgba(0, 0, 0, 0.22);
    color: #d1d5db;
    box-shadow: none;
    filter: none;
}.cam-fab-item:disabled .cam-fab-item-icon img{
    opacity: 0.85;
    filter: grayscale(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;
}[data-color-scheme="vectorScope"] #talkButton.disabled:not(.talking),[data-color-scheme="vectorScope"] #talkButton:disabled:not(.talking){
    filter: none !important;
}[data-color-scheme="vectorScope"] #talkButton.disabled:not(.talking)::after,[data-color-scheme="vectorScope"] #talkButton:disabled:not(.talking)::after{
    filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(4%) hue-rotate(170deg) brightness(94%) contrast(85%) !important;
    opacity: 0.75 !important;
}.cam-fab-item-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}.cam-fab-item-icon img{
    display: block;
    opacity: 1;
}.cam-fab-root.cam-fab-open #camButton{
    background-image: url("img/embedded/asset-abc04d289d.svg");
}#blockDownloadContainer{
    overflow: visible;
}.cam-fab-root #camButton{
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}.cam-fab-root #camButton .cam-button-icon{
    display: block;
    width: 36px;
    max-width: 36px;
    height: 36px;
    pointer-events: none;
}.cam-fab-root.cam-fab-open #camButton .cam-button-icon{
    display: none;
}/* Audio upload modal — mirror #videoRecordingModal trim / gallery presentation */
#audioUploadModal.video-recording-modal{
    background: rgba(0, 0, 0, 0.85);
}#audioUploadModal .video-recording-modal-content{
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    overflow: hidden !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.04) !important;
    padding: 0 !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: auto !important;
    max-height: calc(100vh - 20px) !important;
    min-height: 0 !important;
    background: var(--color-modal-bg, rgba(0, 20, 40, 0.82)) !important;
}#audioUploadModal .video-recording-modal-header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    padding: 16px 16px 12px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: transparent;
    gap: 8px;
    box-sizing: border-box;
}#audioUploadModal .video-recording-modal-title{
    margin: 0 auto 0 0;
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em;
    color: #e8eaed !important;
    text-align: left;
}#audioUploadModal .video-recording-close-btn{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 0 !important;
    background: transparent !important;
    color: #adb5bd !important;
    font-size: 1.1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    transition: background 0.15s ease;
    padding: 0 !important;
    line-height: 1 !important;
    flex-shrink: 0;
    margin-left: auto;
}#audioUploadModal .video-recording-close-btn:hover{
    background: rgba(255, 255, 255, 0.1) !important;
}#audioUploadModal .video-recording-close-btn:active{
    background: rgba(255, 255, 255, 0.15) !important;
}#audioUploadModal .video-recording-preview-wrap{
    border-radius: 12px;
    margin: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
    flex: 0 0 auto;
    min-height: 0;
    max-height: none;
    background: #000;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}#audioUploadModal .video-recording-preview-wrap audio,#audioUploadModal #audioUploadReviewPlayer{
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    height: 40px;
}#audioUploadModal .video-recording-progress{
    position: relative;
    border-radius: 999px;
    margin: 8px 16px;
    flex-shrink: 0;
    overflow: visible !important;
}#audioUploadModal.gallery-trim-mode:not(.audio-upload-review-mode) #audioGalleryTrimPanel,#audioUploadModal.audio-upload-review-mode #audioUploadReviewPanel{
    display: block;
    margin: 8px 16px 16px;
    padding: 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    box-sizing: border-box;
}#audioUploadModal.audio-upload-review-mode #audioGalleryTrimPanel,#audioUploadModal.audio-upload-review-mode .video-recording-preview-wrap,#audioUploadModal.audio-upload-review-mode .video-recording-progress{
    display: none !important;
}#audioUploadModal.audio-upload-review-mode #audioUploadReviewPlayer{
    display: block;
    margin: 4px 0 2px;
}#audioGalleryTrimPanel .video-gallery-trim-hint,#audioUploadReviewPanel .video-gallery-trim-hint{
    margin: 0 0 10px;
    font-size: 0.85rem;
    color: rgba(232, 234, 237, 0.85);
}#audioGalleryTrimPanel .video-gallery-trim-primary,#audioGalleryTrimPanel .video-gallery-trim-secondary,#audioUploadReviewPanel .video-gallery-trim-primary,#audioUploadReviewPanel .video-gallery-trim-secondary{
    padding: 10px 14px;
    border-radius: 10px;
    border: 0;
    font-size: 0.9rem;
    cursor: pointer;
    font: inherit;
}#audioGalleryTrimPanel .video-gallery-trim-primary,#audioUploadReviewPanel .video-gallery-trim-primary{
    background: rgba(52, 168, 83, 0.9);
    color: #fff;
}#audioGalleryTrimPanel .video-gallery-trim-secondary,#audioUploadReviewPanel .video-gallery-trim-secondary{
    background: rgba(255, 255, 255, 0.1);
    color: #e8eaed;
}#audioGalleryTrimPanel .video-gallery-trim-actions,#audioUploadReviewPanel .video-gallery-trim-actions{
    display: flex;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}#audioUploadReviewPanel .video-gallery-trim-actions button{
    flex: 1;
    min-width: 0;
}#audioUploadModal #audioUploadProgressBar.gallery-encode-indeterminate{
    width: 100% !important;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(52, 168, 83, 0.35) 0%,
        rgba(52, 168, 83, 0.95) 50%,
        rgba(52, 168, 83, 0.35) 100%
    );
    background-size: 200% 100%;
    animation: gccr-gallery-encode-indeterminate 1.2s ease-in-out infinite;
}.upload-processing-label{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 6px);
    margin: 0;
    color: rgba(232, 234, 237, 0.9);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    pointer-events: none;
    text-align: center;
}#videoRecordingProgressBar.gallery-encode-indeterminate + .upload-processing-label,#audioUploadProgressBar.gallery-encode-indeterminate + .upload-processing-label{
    display: block;
}/* Feedback particles: inside #app above wallpaper and controls. */
#particleContainer{
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 15;
    overflow: visible;
    pointer-events: none;
}#app{
    overflow: visible;
    background: radial-gradient(
        circle calc(100vh - 264px) at 50% 100%,
        color-mix(in srgb, var(--color-bg-gradient-start, #061a3d) 75%, #000) 0%,
        var(--color-bg-gradient-end, #000000) 100%
    );
}

/* All color schemes use their two-color gradient backdrop. */
[data-color-scheme="pride"] #app,
[data-color-scheme="armyCamo"] #app,
[data-color-scheme="usa"] #app,
[data-color-scheme="deutschland"] #app,
[data-color-scheme="vectorScope"] #app,
[data-color-scheme="festive"] #app,
[data-color-scheme="grayscale"] #app {
    background: radial-gradient(
        circle calc(100vh - 264px) at 50% 100%,
        color-mix(in srgb, var(--color-bg-gradient-start, #061a3d) 75%, #000) 0%,
        var(--color-bg-gradient-end, #000000) 100%
    ) !important;
}

.inbox-friend-sheet-btn > .inbox-friend-sheet-icon{
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    color: #e3e3e3;
}#userInfoJoinBtn .user-info-join-icon{
    width: 24px;
    height: 24px;
    color: #e3e3e3;
}#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;
}.feedback-particle{
    overflow: visible;
    transform-origin: center center;
    display: block;
    contain: none;
    line-height: 0;
    text-align: center;
    z-index: 1;
}.feedback-particle > span{
    display: inline-block;
    overflow: visible;
    line-height: 1;
    width: auto;
    height: auto;
    transform: none;
    vertical-align: middle;
}.feedback-particle.lolz{
    padding: 2px 4px 10px;
}.feedback-particle.lolz > span{
    padding-bottom: 0.14em;
}/* Queue indicator — dividers via 1px padding (gap breaks playing-segment centering); soft glow only */
#queueVisualizationBar,#videoContainerBars #queueVisualizationBar{
    gap: 0;
    width: 100%;
    max-width: 100%;
}.queue-segment,.queue-segment.active,.queue-segment.recording-used,.queue-segment.recording-remaining{
    flex: 1 1 0;
    min-width: 0;
    background-clip: content-box;
    padding: 0 1px;
}#queueVisualizationBar .queue-segment:nth-child(n + 12),#videoContainerBars #queueVisualizationBar .queue-segment:nth-child(n + 12){
    flex-grow: 2;
}.queue-segment.active,.queue-segment.recording-remaining{
    box-shadow: 0 0 2px var(--color-accent, #0f8),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}/* Theme boot: black screen until saved color scheme is applied (see index.html critical CSS) */
html.gccr-theme-boot,html.gccr-theme-boot body{
    background: #000 !important;
}html.gccr-theme-boot #app{
    background: #000 !important;
    background-image: none !important;
}#gccrThemeBootVeil{
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 999990;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}#gccrThemeBootVeil::before{
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 17px);
    width: 34px;
    height: 34px;
    border: 3px solid rgba(255, 255, 255, 0.22);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: gccrBootSpinnerSpin 0.85s linear infinite;
}#gccrThemeBootVeil::after{
    content: "LOADING...";
    position: fixed;
    top: calc(50% + 18px);
    left: 50%;
    transform: translateX(-50%);
    color: #e5e7eb;
    font: 600 0.85rem/1.2 "Ubuntu", system-ui, -apple-system, "Segoe UI", sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-shadow: none;
    white-space: nowrap;
}
@keyframes gccrBootSpinnerSpin {to{
        transform: rotate(360deg);
    }
}html.gccr-theme-boot #loadingSpinnerWrapper.active,html.gccr-theme-boot #connectionSpinnerWrapper.active{
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999991 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    color: #e5e7eb !important;
    font: 600 0.85rem/1.2 "Ubuntu", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}html.gccr-theme-boot #loadingSpinnerIndicator.active,html.gccr-theme-boot #connectionSpinnerIndicator.active{
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    border: 3px solid rgba(255, 255, 255, 0.22) !important;
    border-top-color: #ffffff !important;
    border-radius: 50% !important;
    animation: gccrBootSpinnerSpin 0.85s linear infinite !important;
}#gccrThemeBootVeil.gccr-theme-boot-veil--hidden{
    opacity: 0;
    visibility: hidden;
}/* User list status: active=green,listening=orange,away=blue; powerup icons use presence fill */
#userList .status-indicator:has(.user-list-xray-lease-indicator),#channelList .channel-roster .status-indicator:has(.user-list-xray-lease-indicator){
    width: auto !important;
    min-width: 14px !important;
    height: auto !important;
    align-self: center !important;
    margin-left: -5px !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
}.user-list-xray-lease-indicator,#userList .user-list-xray-lease-indicator{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    line-height: 0 !important;
    min-width: 0 !important;
    height: auto !important;
    width: auto !important;
    position: relative !important;
    z-index: 3 !important;
    isolation: isolate !important;
}.user-list-xray-lease-icon,#userList .user-list-xray-lease-icon{
    width: 16px !important;
    height: 16px !important;
    margin-left: 5px !important;
    display: block !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75)) !important;
}#userList .status-dot--active,#channelList .channel-roster .status-dot--active{
    background: #22c55e !important;
}#userList .status-dot--listening,#channelList .channel-roster .status-dot--listening{
    background: #f59e0b !important;
}#userList .status-dot--away,#channelList .channel-roster .status-dot--away{
    background: #3b82f6 !important;
}/* Open panel source: keep launcher above panels without border/glow. */
body:has(#channelListModal.active) #menuBar #channelIndicator,body:has(#channelListModal.closing) #menuBar #channelIndicator,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;
}#controlsContainer #reactionScoreboard .score-number{
    display: inline-block !important;
    margin-bottom: 1px !important;
}#controlsContainer #reactionScoreboard .scoreboard-item-chips{
    margin-left: 0 !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;
}/* Leaderboard / chip shop above sidebar (sidebar is z-index 1005) */
#leaderboardModal.active{
    z-index: 10060 !important;
}#ccChipShopModal.cc-chip-shop-overlay{
    z-index: 10070 !important;
}/* Leaderboard Chaos Bank balance row: tighter padding */
#leaderboardModal #chaosChipsLeaderboardMount > .cc-modal-balance,#leaderboardModal .leaderboard-chaos-bank-mount > .cc-modal-balance{
    flex: 0 0 54px !important;
    min-height: 54px !important;
    height: 54px !important;
    align-items: center !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background-color: color-mix(in srgb, var(--color-modal-bg, rgba(0, 20, 40, 0.75)) 82%, rgba(0, 0, 0, 0.45)) !important;
    background-image: none !important;
}#leaderboardModal #chaosChipsLeaderboardMount > .cc-modal-balance [data-cc-chip-shop-entry],#leaderboardModal .leaderboard-chaos-bank-mount > .cc-modal-balance [data-cc-chip-shop-entry]{
    flex-shrink: 0 !important;
    max-height: 46px !important;
    padding: 9px 10px !important;
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}#leaderboardModal #chaosChipsLeaderboardMount > .cc-modal-balance [data-cc-chip-shop-entry]:disabled,#leaderboardModal .leaderboard-chaos-bank-mount > .cc-modal-balance [data-cc-chip-shop-entry]:disabled{
    opacity: 0.45 !important;
    cursor: not-allowed !important;
}[data-cc-chip-shop-entry].cc-chip-shop-entry-shown{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}[data-cc-chip-shop-entry].cc-chip-shop-entry-web-preview{
    opacity: 1 !important;
    cursor: pointer !important;
}/* Leaderboard category tabs: full-width square bar like the main bottom tabs */
#leaderboardModal .leaderboard-section > .leaderboard-tabs{
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    overflow: visible !important;
    background-color: color-mix(in srgb, var(--color-modal-bg, rgba(0, 20, 40, 0.75)) 82%, rgba(0, 0, 0, 0.45)) !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tabs .leaderboard-tab{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 7px 4px 6px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tabs .leaderboard-tab.active,#leaderboardModal .leaderboard-section > .leaderboard-tabs .leaderboard-tab[aria-selected="true"]{
    border-bottom-color: var(--color-btn-gradient-start, #e13aa9) !important;
    color: #fff !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tab-panels.scrollable{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    background: #000 !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-tab-panel,#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-list{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    background: #000 !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-tab-panel.active{
    display: flex !important;
    flex-direction: column !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-list{
    min-height: 100% !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-entry{
    min-height: 47px !important;
    height: 47px !important;
    max-height: 47px !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-entry:last-child{
    border-bottom: 0 !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-entry-name,#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-entry-count,#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-entry-month{
    min-height: 0 !important;
    max-height: 24px !important;
    line-height: 24px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}#leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-entry-name{
    text-overflow: ellipsis !important;
}/* Leaderboard main tabs: inbox MD3 segment bar (Current / Winners / Bank) */
#leaderboardModal .leaderboard-main-tab.inbox-md3-tab,#leaderboardModal .leaderboard-main-tab{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 5px 25px !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 2px solid transparent !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: 0 !important;
    user-select: none !important;
    box-sizing: border-box !important;
    text-align: center !important;
    transform: none !important;
}#leaderboardModal .leaderboard-main-tab:first-child,#leaderboardModal .leaderboard-main-tab:last-child{
    border-radius: 0 !important;
}#leaderboardModal .leaderboard-main-tab.active{
    color: #fff !important;
    border-top: 2px solid var(--color-btn-gradient-start, #3b82f6) !important;
    border-bottom: none !important;
    text-shadow: none !important;
}#leaderboardModal .leaderboard-main-tab > span:not(.inbox-md3-tab-label):not(.inbox-md3-tab-indicator){
    display: none !important;
}#leaderboardModal .leaderboard-main-tab .inbox-md3-tab-icon,#leaderboardModal .leaderboard-main-tab .inbox-md3-tab-label,#leaderboardModal .leaderboard-main-tab .inbox-md3-tab-indicator{
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
}#leaderboardModal .leaderboard-main-tab .inbox-md3-tab-label{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}[data-color-scheme="vectorScope"] #leaderboardModal .leaderboard-main-tab.active,[data-color-scheme="vectorScope"] #leaderboardModal .leaderboard-main-tab[aria-selected="true"]{
    border-top: 2px solid color-mix(in srgb, var(--color-accent, #00ff41) 90%, transparent) !important;
    border-bottom: none !important;
}/* Video display panel: flush,full-width surface under the top bar */
#controlsContainer #videoMessageContainer.video-message-container:not(.video-fullscreen),#videoMessageContainer.video-message-container:not(.video-fullscreen){
    position: fixed !important;
    top: var(--gccr-header-stack) !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(100vh - (43vh - 49px + 50px) + 3px) !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}/* Reaction scoreboard: overlay above talk row (recording-bar slot), out of document flow */
#controlsContainer #reactionScoreboard,
#controlsContainer #reactionScoreboard .scoreboard-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#controlsContainer #reactionScoreboard {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: calc(var(--gccr-talk-btn-size) * 0.028 + 5px) !important;
    width: calc(var(--gccr-talk-btn-size) * 1.14 + 25px) !important;
    min-width: calc(var(--gccr-talk-btn-size) * 1.14 + 25px) !important;
    max-width: calc(var(--gccr-talk-btn-size) * 1.14 + 25px) !important;
    height: auto !important;
    min-height: calc(var(--gccr-talk-btn-size) * 0.26) !important;
    max-height: none !important;
    padding: 0 3px !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    background: transparent !important;
    flex-shrink: 0 !important;
    z-index: 12 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(-100%) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
#controlsContainer #reactionScoreboard .scoreboard-item {
    flex: 0.92 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
    padding: 0 1px !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
#controlsContainer #reactionScoreboard .scoreboard-item:first-child,
#controlsContainer #reactionScoreboard .scoreboard-item:last-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#controlsContainer #reactionScoreboard .scoreboard-item-chips {
    margin-left: 0 !important;
    padding-left: 2px !important;
    flex: 1.35 1 0 !important;
    min-width: calc(var(--gccr-talk-btn-size) * 0.19) !important;
}
#controlsContainer #reactionScoreboard .scoreboard-count-line,
#controlsContainer #reactionScoreboard .scoreboard-emoji-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    width: 100% !important;
}
#controlsContainer #reactionScoreboard .scoreboard-emoji-wrap {
    min-height: calc(var(--gccr-talk-btn-size) * 0.125) !important;
}
#controlsContainer #reactionScoreboard .scoreboard-item img {
    width: calc(var(--gccr-talk-btn-size) * 0.132) !important;
    height: calc(var(--gccr-talk-btn-size) * 0.132) !important;
    flex-shrink: 0 !important;
}
#controlsContainer #reactionScoreboard .scoreboard-item .emoji-sm {
    font-size: calc(var(--gccr-talk-btn-size) * 0.118) !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-height: calc(var(--gccr-talk-btn-size) * 0.125) !important;
}
#controlsContainer #reactionScoreboard .scoreboard-count-line {
    flex-direction: row !important;
    gap: 0 !important;
    justify-content: center !important;
    max-width: none !important;
    overflow: visible !important;
}
#controlsContainer #reactionScoreboard .scoreboard-multiplier {
    position: absolute !important;
    top: calc(var(--gccr-talk-btn-size) * -0.055) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-1px) !important;
    font-size: clamp(9px, calc(var(--gccr-talk-btn-size) * 0.062), 12px) !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center !important;
}
#controlsContainer #reactionScoreboard .scoreboard-multiplier.active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#controlsContainer #reactionScoreboard:hover {
    transform: translateX(-50%) translateY(-100%) !important;
}
#controlsContainer #reactionScoreboard.hidden {
    display: none !important;
}

/* Recording progress bar replaces scoreboard above the talk button. */
#controlsContainer:has(#queueVisualization.recording) #reactionScoreboard,
#controlsContainer:has(#recordProgress.active) #reactionScoreboard {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* Full-screen image/video: hide scoreboard while media is fullscreen */
#videoMessageContainer.video-fullscreen ~ #reactionScoreboard,
.video-message-container.video-fullscreen ~ #reactionScoreboard,
body.video-fullscreen-active #controlsContainer #reactionScoreboard {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#videoMessageContainer .video-message-blur-layer,#videoMessageContainer #videoMessagePlayer,#videoMessageContainer #videoMessageImage{
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}#videoMessageContainer.video-message-container,#videoMessageContainer .video-message-blur-layer{
    background: #000 !important;
}#videoMessageContainer .video-message-blur-layer,
.video-message-container .video-message-blur-layer,
#videoMessageContainer .video-message-icons-row,
#videoMessageContainer .video-message-icon-name{
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}#videoMessageContainer #videoMessagePlayer,#videoMessageContainer #videoMessageImage{
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #000 !important;
}#videoMessageContainer .video-js.vjs-fluid{
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
    background: #000 !important;
}#videoMessageContainer .video-js .vjs-tech{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #000 !important;
}#videoMessageContainer #videoMessagePlayer,
#videoMessageContainer #videoMessageImage,
#videoMessageContainer .video-js,
#videoMessageContainer .video-js .vjs-tech,
.video-message-container video,
.video-message-container #videoMessageImage,
.video-message-container #videoMessagePlayer{
    filter: none !important;
    -webkit-filter: none !important;
}#videoMessageContainer.video-message-container::before,
#videoMessageContainer.video-message-container::after,
.video-message-container::before,
.video-message-container::after,
.video-message-container.video-fullscreen::before,
.video-message-container.video-fullscreen::after,
#videoMessageContainer .video-message-blur-layer::before,
#videoMessageContainer .video-message-blur-layer::after,
.video-message-container .video-message-blur-layer::before,
.video-message-container .video-message-blur-layer::after{
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}#videoMessageContainer.video-fullscreen #videoMessageImage,
#videoMessageContainer.video-fullscreen #videoMessagePlayer,
#videoMessageContainer.video-fullscreen .video-js,
#videoMessageContainer.video-fullscreen .video-js .vjs-tech,
.video-message-container.video-fullscreen #videoMessageImage,
.video-message-container.video-fullscreen #videoMessagePlayer,
.video-message-container.video-fullscreen .video-js,
.video-message-container.video-fullscreen .video-js .vjs-tech,
.video-message-container.video-fullscreen video{
    filter: none !important;
    -webkit-filter: none !important;
    image-rendering: auto !important;
    -webkit-font-smoothing: antialiased;
}#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;
}/* Video recorder modal: full-screen camera surface with only the close control overlaid */
#videoRecordingModal.video-recording-modal{
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}#videoRecordingModal .video-recording-modal-content{
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}#videoRecordingModal .video-recording-modal-header,#videoRecordingModal .video-recording-modal-title{
    display: none !important;
}#videoRecordingCloseBtn.video-recording-close-btn{
    position: fixed !important;
    top: max(12px, env(safe-area-inset-top, 0px)) !important;
    right: max(12px, env(safe-area-inset-right, 0px)) !important;
    z-index: 20 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}#videoRecordingCloseBtn.video-recording-close-btn .video-close-icon{
    width: 20px !important;
    height: 20px !important;
}#videoRecordingCloseBtn.video-recording-close-btn .video-close-icon path{
    stroke: #ffffff !important;
}#videoRecordingCloseBtn.video-recording-close-btn,#videoRecordingModal .video-recording-icon-btn{
    background: linear-gradient(180deg, var(--color-btn-gradient-start, rgba(127, 29, 29, 0.9)) 0%, var(--color-btn-gradient-end, rgba(185, 28, 28, 0.9)) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--color-btn-bg, rgba(127, 29, 29, 1)) 82%, #000 18%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--color-btn-bg, rgba(127, 29, 29, 1)) 35%, transparent) !important;
}#videoRecordingCloseBtn.video-recording-close-btn:hover,#videoRecordingModal .video-recording-icon-btn:hover{
    filter: brightness(1.08);
}#videoRecordingCloseBtn.video-recording-close-btn:active,#videoRecordingModal .video-recording-icon-btn:active{
    filter: brightness(0.94);
}#videoRecordingModal .video-recording-preview-wrap{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
}#videoRecordingModal #videoLivePreview{
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #000 !important;
}#videoRecordingModal .video-recording-progress{
    position: fixed !important;
    left: 16px !important;
    right: 16px !important;
    bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 10 !important;
    overflow: visible !important;
}#videoRecordingModal .video-recording-actions{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: max(16px, env(safe-area-inset-bottom, 0px)) !important;
    z-index: 10 !important;
}#videoRecordingModal.gallery-trim-mode .video-recording-actions{
    display: none !important;
}#videoRecordingModal.gallery-trim-mode .video-recording-progress{
    bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
}#videoRecordingModal.gallery-trim-mode #videoGalleryTrimPanel{
    position: fixed !important;
    inset: 0 !important;
    z-index: 15 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: calc(44px + env(safe-area-inset-top, 0px)) 32px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}#videoRecordingModal.gallery-trim-mode #videoGalleryTrimPanel.display-none{
    display: none !important;
}#videoRecordingModal.gallery-trim-mode #videoGalleryTrimHint{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}#videoRecordingModal.gallery-trim-mode #videoGalleryTrimSlider,#videoRecordingModal.gallery-trim-mode .video-gallery-trim-times,#videoRecordingModal.gallery-trim-mode .video-gallery-trim-actions{
    pointer-events: auto !important;
}#videoRecordingModal.gallery-trim-mode #videoGalleryTrimSlider{
    width: min(320px, calc(100vw - 96px)) !important;
    margin: 0 auto 4px !important;
}#videoRecordingModal.gallery-trim-mode .video-gallery-trim-times{
    width: min(320px, calc(100vw - 96px)) !important;
    margin: 0 auto !important;
    justify-content: center !important;
}#videoRecordingModal.gallery-trim-mode #videoGalleryTrimStartLabel,#videoRecordingModal.gallery-trim-mode #videoGalleryTrimEndLabel{
    display: none !important;
}#videoRecordingModal.gallery-trim-mode .video-gallery-trim-actions{
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
}#videoRecordingModal.gallery-trim-mode .video-gallery-trim-primary,#videoRecordingModal.gallery-trim-mode .video-gallery-trim-secondary{
    min-width: 136px !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font: inherit !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}#videoRecordingModal.gallery-trim-mode .video-gallery-trim-primary{
    background: linear-gradient(180deg, var(--color-btn-gradient-start, rgba(52, 168, 83, 0.95)) 0%, var(--color-btn-gradient-end, rgba(14, 90, 14, 0.95)) 100%) !important;
}#videoRecordingModal.gallery-trim-mode .video-gallery-trim-secondary{
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
}/* Chaos Bank form fields: normalize browser-specific input/select heights */
.cc-bank-shell input.cc-input,.cc-bank-shell select.cc-input{
    box-sizing: border-box !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    font-size: 1rem !important;
    line-height: normal !important;
}/* Chaos Bank field labels: keep a readable 5px gap before the control */
.cc-bank-shell .cc-label{
    display: block !important;
    margin-bottom: 5px !important;
}#cc-panel-transfer > .cc-label,#cc-panel-wager > .cc-label{
    margin-bottom: 3px !important;
}.cc-bank-shell .cc-simulation-notice,#chaosChipsModal .cc-simulation-notice,#leaderboardModal .leaderboard-chaos-bank-mount .cc-simulation-notice{
    margin: 0 0 12px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    letter-spacing: 0.04em !important;
    line-height: 1.35 !important;
}/* Chaos Bank form controls: align Account, Emojis, Power-Ups, Wager fields */
#cc-panel-transfer .cc-input,#cc-panel-boost .cc-input,#cc-panel-powerups .cc-input,#cc-panel-wager .cc-input{
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: #f1f5f9 !important;
}#cc-panel-transfer .cc-input:focus,#cc-panel-boost .cc-input:focus,#cc-panel-powerups .cc-input:focus,#cc-panel-wager .cc-input:focus{
    border-color: color-mix(in srgb, var(--color-accent, #fbbf24) 50%, transparent) !important;
}[data-color-scheme="vectorScope"] #cc-panel-transfer .cc-input,[data-color-scheme="vectorScope"] #cc-panel-boost .cc-input,[data-color-scheme="vectorScope"] #cc-panel-powerups .cc-input,[data-color-scheme="vectorScope"] #cc-panel-wager .cc-input{
    background: rgba(0, 255, 65, 0.08) !important;
    border: 1px solid rgba(0, 255, 65, 0.5) !important;
    color: #00ff41 !important;
}[data-color-scheme="vectorScope"] #cc-panel-transfer .cc-input:focus,[data-color-scheme="vectorScope"] #cc-panel-boost .cc-input:focus,[data-color-scheme="vectorScope"] #cc-panel-powerups .cc-input:focus,[data-color-scheme="vectorScope"] #cc-panel-wager .cc-input:focus{
    border-color: rgba(0, 255, 65, 0.9) !important;
    box-shadow: 0 0 8px rgba(0, 255, 65, 0.35) !important;
}/* Chaos Bank boost form: keep labels clear */
#cc-panel-boost .cc-collapse-section-body > .cc-label{
    display: block !important;
    margin: 12px 0 5px !important;
    line-height: 1.2 !important;
}#cc-panel-boost .cc-collapse-section-body > .cc-label:first-child{
    margin-top: 0 !important;
}#ccBoostAmountCapHint.cc-hint-sm{
    display: block !important;
    margin: 0 0 5px !important;
    line-height: 1.2 !important;
}#ccStockSharesCapHint.cc-hint-sm{
    display: block !important;
    margin: 0 0 3px !important;
    line-height: 1.2 !important;
}#ccPowerupsSectionMegaphone .cc-powerups-intro > p.cc-hint-sm.cc-megaphone-limits-hint{
    display: block !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    line-height: 1.35 !important;
}#ccPowerupsSectionXray .cc-xray-limits-hint{
    margin-top: 3px !important;
}#ccXrayActiveEmpty.cc-xray-active-empty{
    margin-top: 3px !important;
}#ccMegaphoneCooldownHint,#ccMegaphoneCooldownHint.cc-megaphone-cooldown-hint{
    margin-bottom: 6px !important;
}#sidebar #tab-home > .username-color-label{
    display: block !important;
    position: relative !important;
    left: 9px !important;
    margin: 10px 0 10px !important;
    width: calc(100% - 14px) !important;
    box-sizing: border-box !important;
}#sidebar #tab-home > #usernameColorDropdown{
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: -1px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !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-logout-exit-btn,
#sidebar .sidebar-android-exit-subscribe-stack .sidebar-subscribe-adfree-btn,
#tab-home .sidebar-android-exit-subscribe-stack .sidebar-logout-exit-btn,
#tab-home .sidebar-android-exit-subscribe-stack .sidebar-subscribe-adfree-btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#userList .block-btn.block-btn--free-for-all-lock,#userList .block-btn.block-btn--free-for-all-lock:disabled{
    cursor: not-allowed !important;
    opacity: 0 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    pointer-events: none !important;
}#userList .block-btn.block-btn--free-for-all-lock img{
    opacity: 0 !important;
    filter: none !important;
}#colorSchemeDropdown .cs-scheme-color-swatch{
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
    flex: 0 0 16px !important;
    line-height: 0 !important;
}#colorSchemeDropdown .cs-scheme-color-dot{
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
    flex: 0 0 16px !important;
    line-height: 0 !important;
}#usernameColorDropdown .username-color-dot{
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
    flex: 0 0 16px !important;
    line-height: 0 !important;
}#camFabRoot #camButton:not(:disabled){
    background-color: var(--color-btn-bg, #3b82f6) !important;
    border-color: color-mix(in srgb, 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:not(:disabled){
    background-color: var(--color-btn-bg, #3b82f6) !important;
    background-image:
        var(--talkbtn-icon-url, none),
        linear-gradient(180deg, var(--color-btn-gradient-start, #3b82f6) 0%, 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-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;
}:root[data-color-scheme="vectorScope"] #buttonContainer #talkButton:not(.talking):not(:disabled)::after{
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
    opacity: 0.75 !important;
}:root[data-color-scheme="vectorScope"] #buttonContainer #talkButton.disabled:not(.talking),:root[data-color-scheme="vectorScope"] #buttonContainer #talkButton:disabled:not(.talking){
    background-color: transparent !important;
    background-image: none !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    border-color: var(--talkbtn-disabled-gray, #454545) !important;
    border-width: 2px !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow:
        0 0 0 1px rgba(80, 80, 80, 0.2),
        inset 0 0 8px rgba(80, 80, 80, 0.08) !important;
}:root[data-color-scheme="vectorScope"] #buttonContainer #talkButton.disabled:not(.talking)::after,:root[data-color-scheme="vectorScope"] #buttonContainer #talkButton:disabled:not(.talking)::after{
    filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(4%) hue-rotate(170deg) brightness(94%) contrast(85%) !important;
    opacity: 0.75 !important;
}:root[data-color-scheme="vectorScope"] #camFabRoot #camButton:not(:disabled),:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:not(.talking):not(:disabled){
    background-color: transparent !important;
    border-color: #00ff41 !important;
    border-width: 2px !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow:
        0 0 0 1px rgba(0, 255, 65, 0.18),
        0 0 12px rgba(0, 255, 65, 0.24),
        inset 0 0 10px rgba(0, 255, 65, 0.08) !important;
}:root[data-color-scheme="vectorScope"] #camFabRoot #camButton:not(:disabled),:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:not(.talking):not(:disabled){
    background-image: none !important;
}:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:not(.talking):not(:disabled)::after{
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
    opacity: 0.75 !important;
}:root[data-color-scheme="vectorScope"] #camFabRoot #camButton:not(:disabled)::after{
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
    opacity: 1 !important;
}:root[data-color-scheme="vectorScope"] #clipsFabShell #clipsFabButton .cam-button-icon{
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.talking,:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.talking:not(:disabled){
    background-color: transparent !important;
    background-image: none !important;
    border-color: #ef4444 !important;
    border-width: 2px !important;
    box-shadow:
        0 0 0 1px rgba(239, 68, 68, 0.26),
        0 0 16px rgba(239, 68, 68, 0.34),
        inset 0 0 10px rgba(239, 68, 68, 0.08) !important;
}:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.talking::after{
    filter: brightness(0) saturate(100%) invert(35%) sepia(83%) saturate(2389%) hue-rotate(339deg) brightness(104%) contrast(92%) !important;
    opacity: 0.75 !important;
}:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:not(:disabled){
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: var(--gccr-bottom-fab-glyph-size) var(--gccr-bottom-fab-glyph-size) !important;
}:root[data-color-scheme="vectorScope"] #camFabRoot #camButton:disabled,:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:disabled,:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.disabled:not(.talking),:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:disabled:not(.talking){
    background-color: transparent !important;
    background-image: none !important;
    border-color: #454545 !important;
    border-width: 2px !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow:
        0 0 0 1px rgba(80, 80, 80, 0.2),
        inset 0 0 8px rgba(80, 80, 80, 0.08) !important;
}:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.disabled:not(.talking)::after,:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:disabled:not(.talking)::after{
    filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(4%) hue-rotate(170deg) brightness(94%) contrast(85%) !important;
    opacity: 0.75 !important;
}:root[data-color-scheme="vectorScope"] #camFabRoot #camButton:disabled::after{
    filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(4%) hue-rotate(170deg) brightness(94%) contrast(85%) !important;
    opacity: 0.9 !important;
}
button,button *,.button-full,.button-full *,.action-btn,.action-btn *,[role="button"],[role="button"] *{
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}:root[data-color-scheme="vectorScope"] #buttonContainer #skipButton,:root[data-color-scheme="vectorScope"] #buttonContainer #reverseButton,:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton{
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    text-shadow: none !important;
}:root[data-color-scheme="vectorScope"] #buttonContainer #skipButton::before,:root[data-color-scheme="vectorScope"] #buttonContainer #skipButton::after,:root[data-color-scheme="vectorScope"] #buttonContainer #reverseButton::before,:root[data-color-scheme="vectorScope"] #buttonContainer #reverseButton::after,:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton::before,:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton::after{
    color: #000 !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-text-stroke: 0 !important;
    filter: brightness(0) !important;
    opacity: 1 !important;
    paint-order: normal !important;
    text-shadow: none !important;
}#currentSpeaker .auto-audio-download-indicator{
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 7px;
    border-radius: 50%;
    background: #ef4444;
    vertical-align: middle;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.85),
        0 0 7px rgba(239, 68, 68, 0.95);
    animation: pulse 1.1s ease-in-out infinite;
}.podcast-record-button.recording{
    background: linear-gradient(180deg, #ef4444 0%, #991b1b 100%) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}.podcast-record-button.processing{
    opacity: 0.7;
}.podcast-recorder-indicator{
    position: fixed;
    right: max(14px, env(safe-area-inset-right, 0px) + 8px);
    top: auto !important;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size, 44px) + 10px) !important;
    transform: none !important;
    z-index: 1003;
    display: none;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(0, 0, 0, 0.72);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    pointer-events: none;
}.podcast-recorder-indicator.active{
    display: inline-flex;
    pointer-events: auto;
}body:has(.modal.active) .podcast-recorder-indicator.active,body:has([role="dialog"].active) .podcast-recorder-indicator.active,body:has(.video-recording-modal.active) .podcast-recorder-indicator.active,body:has(.cc-chip-shop-overlay.active) .podcast-recorder-indicator.active,body:has(.moderated-users-modal.active) .podcast-recorder-indicator.active,body:has(.podcast-processing-modal.active) .podcast-recorder-indicator.active,body:has(.podcast-recovery-modal.active) .podcast-recorder-indicator.active,body:has(.podcast-postprocess-modal.active) .podcast-recorder-indicator.active,body:has(.podcast-metadata-modal.active) .podcast-recorder-indicator.active,body:has(.podcast-participants-modal.active) .podcast-recorder-indicator.active{
    display: none !important;
    pointer-events: none !important;
}.podcast-recorder-timer{
    color: #fff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    user-select: none;
}.podcast-recorder-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.85),
        0 0 8px rgba(239, 68, 68, 1);
    animation: pulse 1.1s ease-in-out infinite;
}.podcast-processing-modal,.podcast-recovery-modal,.podcast-postprocess-modal,.podcast-metadata-modal,.podcast-participants-modal{
    position: fixed;
    inset: 0;
    z-index: 10070;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding: 0 14px calc(86px + env(safe-area-inset-bottom, 0px));
    background: rgba(0, 0, 0, 0.18);
}.podcast-processing-modal.active,.podcast-recovery-modal.active,.podcast-postprocess-modal.active,.podcast-metadata-modal.active,.podcast-participants-modal.active{
    display: flex;
}.podcast-recovery-modal{
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}.podcast-processing-modal,.podcast-postprocess-modal,.podcast-participants-modal{
    padding-bottom: calc(25px + env(safe-area-inset-bottom, 0px));
}.podcast-processing-card,.podcast-recovery-card,.podcast-postprocess-card,.podcast-metadata-card,.podcast-participants-card{
    width: min(420px, calc(100vw - 28px));
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: var(--color-modal-bg, rgba(8, 15, 28, 0.96));
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
    padding: 18px;
    color: var(--color-text, #fff);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}.podcast-recovery-card,.podcast-postprocess-card,.podcast-metadata-card,.podcast-participants-card{
    border: 0;
}.podcast-recovery-card{
    margin-bottom: 5px;
}.podcast-processing-card{
    border: 0;
}.podcast-processing-title,.podcast-recovery-card h3,.podcast-postprocess-card h3,.podcast-metadata-card h3{
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}.podcast-recovery-card p,.podcast-postprocess-card p,.podcast-metadata-card p,.podcast-processing-status{
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.35;
    text-align: center;
}.podcast-recovery-card p{
    margin-top: 5px;
}.podcast-postprocess-card p{
    margin-top: 5px;
}.podcast-postprocess-preview-wrap{
    margin: 0 0 14px;
    padding: 14px 12px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.45);
    box-sizing: border-box;
}.podcast-postprocess-preview{
    display: block;
    width: 100%;
    min-height: 40px;
    height: 40px;
}.podcast-metadata-field{
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    font-weight: 800;
}.podcast-metadata-field input,.podcast-metadata-field textarea{
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-radius: 16px;
    padding: 11px 12px;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    font: inherit;
    direction: ltr;
    text-align: left;
    outline: none;
}.podcast-metadata-field textarea{
    min-height: 104px;
    resize: vertical;
}.podcast-processing-progress{
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}#podcastProcessingProgressBar{
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ef4444, #f97316);
    transition: width 0.18s ease;
}.podcast-processing-cancel,.podcast-recovery-btn{
    min-width: 104px;
    height: 40px;
    margin-top: 14px;
    padding: 0 18px;
    border-radius: 20px;
    border: 0;
    font-size: 14px;
    font-weight: 800;
}.podcast-processing-cancel,.podcast-recovery-btn-tonal{
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
}.podcast-processing-cancel{
    display: block;
    margin-left: auto;
    margin-right: auto;
}.podcast-recovery-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 8px;
    justify-content: center;
    padding-top: 0;
    margin-top: 0;
}.podcast-recovery-actions .podcast-recovery-btn{
    margin-top: 0;
}.podcast-recovery-btn-filled{
    color: #fff;
    background: linear-gradient(180deg, #ef4444 0%, #b91c1c 100%);
}.podcast-participants-list{
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: min(42vh, 320px);
    margin: 12px 0 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-right: 2px;
}.podcast-participant-row{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 8px 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--color-text, #fff);
    cursor: pointer;
    user-select: none;
    flex: 0 0 auto;
    min-height: 0;
}.podcast-participants-list .podcast-participant-row{
    margin: 0 !important;
    min-height: 0 !important;
}.podcast-participant-checkbox{
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--color-accent, #3b82f6);
    cursor: pointer;
    flex-shrink: 0;
}.podcast-participant-name{
    min-width: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.podcast-participant-meta{
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}.podcast-participants-bulk{
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}.podcast-participants-card .podcast-recovery-actions{
    margin-top: 10px;
}.podcast-participants-bulk-btn{
    min-width: 96px;
    height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 17px;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.12);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}#inboxModal #inboxFriendsPanel.inbox-friends-panel--empty:not([hidden]){
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: calc(100vh - 128px);
    min-height: calc(100dvh - 128px);
    padding: 0 16px;
    text-align: center;
}#inboxModal #inboxFriendsPanel.inbox-friends-panel--empty .user-info-empty{
    margin: 0;
    width: 100%;
}/* =======================================================================

   Post-421f364 functional overrides (MD3 — no sci-fi HUD styling)

   Generated by tools/compose-md3-ui.mjs

   ======================================================================= */

#inboxModal .modal-content{
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}#inboxModal .leaderboard-modal-header{
    flex-shrink: 0 !important;
}#inboxModal #inboxMessenger,#inboxModal #inboxFriendsPanel{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
}#inboxModal #inboxMd3Tabs{
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}/* Channel list: skip row transitions while the panel itself is sliding. */
body #channelListModal.panel-slide-animating #channelList > li{
    transition: none !important;
    animation: none !important;
}body #channelListModal.panel-slide-animating,body #channelListModal.closing,body #channelListModal:not(.active){
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}body #channelListModal.panel-slide-animating::before,body #channelListModal.closing::before,body #channelListModal:not(.active)::before{
    opacity: 0 !important;
}#channelListModal > #channelList{
    min-height: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
}#channelListModal #channelList > li{
    padding-left: 0 !important;
    padding-right: 0 !important;
}#channelListModal #channelList .channel-list-row{
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}#userListModal #userList > li{
    padding-left: 0 !important;
    padding-right: 0 !important;
}/* HUD dialog overlays above panel modals (inbox 10060,chip shop 10070) */
body #confirmModal.active,body #confirmModal.closing,body #contactModal.active,body #contactModal.closing,body #nicknameModal.active,body #nicknameModal.closing{
    z-index: 10120 !important;
    position: fixed !important;
}body #sidebar #btnThemeDropdown.sidebar-list-control,body #sidebar #colorSchemeDropdown.sidebar-list-control,body #sidebar #usernameColorDropdown.sidebar-list-control,body #sidebar #rogerBeepDropdown.sidebar-list-control{
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}#rogerBeepDropdown .cs-scheme-panel,#sidebar #rogerBeepDropdown .cs-scheme-panel.open{
    display: none;
    width: 100%;
    margin-top: 6px;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 6px !important;
    gap: 3px !important;
    grid-template-columns: repeat(4, 1fr) !important;
    box-sizing: border-box !important;
    max-height: min(52vh, 480px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}#sidebar #rogerBeepDropdown .cs-scheme-panel.open{
    display: grid !important;
}#rogerBeepDropdown .cs-scheme-sel-wrap{
    min-height: 44px !important;
}#rogerBeepDropdown .cs-scheme-sel-wrap #rogerBeepSelect{
    pointer-events: none !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}#rogerBeepDropdown .cs-scheme-sel-wrap:hover #rogerBeepSelect{
    background-color: transparent !important;
}#colorSchemeDropdown .cs-scheme-sel-wrap,#usernameColorDropdown .cs-scheme-sel-wrap{
    min-height: 44px !important;
}#colorSchemeDropdown .cs-scheme-sel-wrap #colorScheme,#usernameColorDropdown .cs-scheme-sel-wrap #usernameColor{
    pointer-events: none !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}#colorSchemeDropdown .cs-scheme-sel-wrap:hover #colorScheme,#usernameColorDropdown .cs-scheme-sel-wrap:hover #usernameColor{
    background-color: transparent !important;
}#rogerBeepDropdown .rb-scheme-overlay-inner,#colorSchemeDropdown .cs-scheme-overlay-inner,#usernameColorDropdown .cs-scheme-overlay-inner,#btnThemeDropdown .cs-scheme-overlay-inner{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 44px !important;
    padding: 0 36px 0 12px !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}#colorSchemeDropdown .cs-scheme-overlay-preview{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
}#rogerBeepDropdown .rb-scheme-overlay-emoji,#colorSchemeDropdown .cs-scheme-overlay-emoji{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    font-size: 1.125rem !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
}#rogerBeepDropdown .rb-scheme-overlay-label,#colorSchemeDropdown .cs-scheme-overlay-label,#usernameColorDropdown .cs-scheme-overlay-label{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.875rem !important;
    font-weight: inherit !important;
    color: var(--color-picker-text, #ffffff) !important;
    text-align: left !important;
    line-height: 1.2 !important;
    width: auto !important;
    max-width: none !important;
}#rogerBeepDropdown .rb-scheme-option{
    appearance: none !important;
    -webkit-appearance: none !important;
    border: none !important;
    background: transparent !important;
    font: inherit !important;
    width: 100% !important;
    touch-action: manipulation !important;
}body #sidebar .btn-theme-overlay,body #sidebar .cs-scheme-overlay:not(.rb-scheme-overlay),body #sidebar .username-color-overlay,[data-color-scheme="vectorScope"] body #sidebar .btn-theme-overlay,[data-color-scheme="vectorScope"] body #sidebar .cs-scheme-overlay:not(.rb-scheme-overlay),[data-color-scheme="vectorScope"] body #sidebar .username-color-overlay{
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}/* Roger Beep overlay replaces a hidden select — needs sidebar select chrome (after transparent-overlay strip). */
body #sidebar #rogerBeepDropdown .rb-scheme-overlay{
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    background-image: url("img/embedded/asset-7b6db0b526.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 18px !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}body #sidebar #rogerBeepDropdown .rb-scheme-overlay:hover,body #sidebar #rogerBeepDropdown .rb-scheme-overlay:focus-visible{
    border-color: var(--color-accent, #0099ff) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    outline: 0 !important;
}[data-color-scheme="vectorScope"] body #sidebar #rogerBeepDropdown .rb-scheme-overlay{
    border: 1px solid rgba(0, 255, 65, 0.75) !important;
    border-radius: 6px !important;
}[data-color-scheme="vectorScope"] body #sidebar #rogerBeepDropdown .rb-scheme-overlay:focus-visible{
    border-color: rgba(0, 255, 65, 0.95) !important;
}body #sidebar #btnThemeDropdown .btn-theme-sel-wrap{
    min-height: 44px !important;
}body #sidebar #btnThemeDropdown .btn-theme-sel-wrap #buttonTheme{
    pointer-events: none !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}body #sidebar #btnThemeDropdown .btn-theme-sel-wrap:hover #buttonTheme{
    background-color: transparent !important;
}body #sidebar #btnThemeDropdown .btn-theme-overlay{
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    background-image: url("img/embedded/asset-7b6db0b526.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 18px !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}body #sidebar #btnThemeDropdown .btn-theme-overlay:hover,body #sidebar #btnThemeDropdown .btn-theme-overlay:focus-visible{
    border-color: var(--color-accent, #0099ff) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    outline: 0 !important;
}#btnThemeDropdown .btn-theme-overlay-img{
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;
}#btnThemeDropdown .btn-theme-overlay-label,#btnThemeDropdown .cs-scheme-overlay-label{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.875rem !important;
    font-weight: inherit !important;
    color: var(--color-picker-text, #ffffff) !important;
    text-align: left !important;
    line-height: 1.2 !important;
}/* Color scheme + username color overlays: select chrome with preview swatch/emoji */
body #sidebar #colorSchemeDropdown .cs-scheme-overlay,body #sidebar #usernameColorDropdown .username-color-overlay{
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    background-image: url("img/embedded/asset-7b6db0b526.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 18px !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}body #sidebar #colorSchemeDropdown .cs-scheme-overlay:hover,body #sidebar #colorSchemeDropdown .cs-scheme-overlay:focus-visible,body #sidebar #usernameColorDropdown .username-color-overlay:hover,body #sidebar #usernameColorDropdown .username-color-overlay:focus-visible{
    border-color: var(--color-accent, #0099ff) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    outline: 0 !important;
}[data-color-scheme="vectorScope"] body #sidebar #colorSchemeDropdown .cs-scheme-overlay,[data-color-scheme="vectorScope"] body #sidebar #usernameColorDropdown .username-color-overlay{
    border: 1px solid rgba(0, 255, 65, 0.75) !important;
    border-radius: 6px !important;
}[data-color-scheme="vectorScope"] body #sidebar #colorSchemeDropdown .cs-scheme-overlay:focus-visible,[data-color-scheme="vectorScope"] body #sidebar #usernameColorDropdown .username-color-overlay:focus-visible{
    border-color: rgba(0, 255, 65, 0.95) !important;
}/* Panel menus: compositor slide (sidebar). User/channel lists: full-width translucent instant panels.
   Sidebar uses Bootstrap Offcanvas timing: transform 0.3s ease-in-out
   (--bs-offcanvas-transition). */
body #sidebar{
    opacity: 1 !important;
    visibility: visible !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: var(--bs-offcanvas-transition, transform 0.3s ease-in-out) !important;
}body #sidebar{
    left: 0 !important;
    right: auto !important;
    transform: translate3d(-100%, 0, 0) !important;
}body #sidebar:not(.active):not(.closing):not(.opening){
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}body #sidebar.opening{
    transform: translate3d(-100%, 0, 0) !important;
    pointer-events: none !important;
}body #sidebar.active:not(.closing){
    transform: translate3d(0, 0, 0) !important;
    pointer-events: auto !important;
}body #sidebar.closing{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translate3d(-100%, 0, 0) !important;
}body #sidebar.panel-slide-animating{
    will-change: transform !important;
}body #sidebar.panel-slide-animating,body #sidebar.closing,body #sidebar:not(.active){
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
    body #sidebar {
        transition: none !important;
    }
}body #userListModal,body #channelListModal{
    position: fixed !important;
    top: var(--gccr-header-stack) !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: none !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;
    transform: none !important;
    transition: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}body #userListModal.active:not(.closing),body #userListModal.opening,body #channelListModal.active:not(.closing),body #channelListModal.opening{
    display: flex !important;
    pointer-events: auto !important;
}body #userListModal:not(.active):not(.opening),body #userListModal.closing,body #channelListModal:not(.active):not(.opening),body #channelListModal.closing{
    display: none !important;
    pointer-events: none !important;
}body #userListModal.panel-slide-animating,body #channelListModal.panel-slide-animating{
    will-change: auto !important;
}body #userListModal > #userList,body #channelListModal > #channelList{
    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;
}/* Channel list row chrome (MD3 layout fixes). */

#inboxModal #inboxFriendsPanel.inbox-friends-panel--empty:not([hidden]){
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 16px;
    text-align: center;
}#inboxModal #inboxFriendsPanel.inbox-friends-panel--empty .user-info-empty{
    margin: 0;
    width: 100%;
}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;
}body #sidebar .sidebar-list-item.sidebar-list-item-action{
    flex-direction: column !important;
    align-items: stretch !important;
}body #sidebar .sidebar-list-item-action #podcastRecordButton,body #sidebar #podcastRecordButton.podcast-record-button.button-full{
    flex: 1 1 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !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;
}

#channelListModal #channelList .channel-list-row {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: 58px !important;
    box-sizing: border-box !important;
}

#channelListModal #channelList button.channel-count {
    padding: 7px 27px 7px 13px !important;
    min-height: 38px !important;
}

#channelListModal #channelList > li {
    transition: none !important;
}

#channelListModal #channelList .channel-roster {
    transition: none !important;
}

#channelListModal #channelList button.channel-count::after {
    transition: none !important;
}

#channelListModal > #channelList {
    margin-top: 0 !important;
    padding-top: 0 !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;
}

/* Stealth self row: dim content only so the row separator stays visible */
#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-timer):not(.user-list-xray-lease-indicator){
    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;
}/* Open panel source: keep launcher above panels without border/glow. */
body:has(#channelListModal.active) #menuBar #channelIndicator,body:has(#channelListModal.closing) #menuBar #channelIndicator,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 #channelIndicator{
    box-sizing: border-box !important;
    overflow: hidden !important;
}#menuBar #channelIndicator .menu-bar-item-content,#menuBar #channelIndicator .menu-bar-item-label{
    flex-shrink: 0 !important;
    line-height: 1.1 !important;
}
#menuBar #channelIndicatorValue,
#menuBar #userCount {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !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: flex-start !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-checkbox-wrap,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-checkbox-wrap {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: relative !important;
}

#userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-checkbox,
#userListModal #userList > li.user-list-channel-header .channel-busy-notify-checkbox {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    position: relative !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    accent-color: var(--color-accent, #3b82f6) !important;
    pointer-events: auto !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;
}

[data-color-scheme="vectorScope"] #userListModal #userListClassicHeader:not([hidden]) .channel-busy-notify-checkbox,
[data-color-scheme="vectorScope"] #userListModal #userList > li.user-list-channel-header .channel-busy-notify-checkbox {
    accent-color: #00ff41 !important;
}

body #sidebar #sidebarTipMerchRow {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    gap: 8px !important;
}

body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 8px !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack .button-full,
body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack button.button-full {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Logout / Subscription rebuilt as a Bootstrap button group: drop the stack gap
   so Bootstrap's connected-border look applies, and keep equal-width buttons. */
body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group {
    gap: 0 !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
    margin: 3px 0 5px !important;
}

body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn {
    flex: 1 1 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Terms of Service / Contact Us rebuilt as a Bootstrap button group. */
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    box-sizing: border-box !important;
}

body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn {
    flex: 1 1 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #sidebar #sidebarTipMerchRow #legalBtnLabel,
body #sidebar #sidebarTipMerchRow #reportAbuseBtn {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #sidebar #sidebarTipMerchRow .button-full,
body #sidebar #sidebarTipMerchRow a.button-full,
body #sidebar #sidebarTipMerchRow button.button-full {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Sidebar account (Logout/Subscription) + legal (Terms/Contact) button groups:
   render as the plain Bootstrap "basic example" button group — solid primary,
   connected, all buttons identical. Neutralize any leftover legacy gradient /
   text-outline / white-outline styling so nothing shows through. */
body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn,
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn {
    background: var(--bs-primary, #0d6efd) !important;
    background-image: none !important;
    border: var(--bs-border-width, 1px) solid var(--bs-primary, #0d6efd) !important;
    color: #fff !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn:hover,
body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn:focus-visible,
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn:hover,
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn:focus-visible {
    background: #0b5ed7 !important;
    background-image: none !important;
    border-color: #0a58ca !important;
    color: #fff !important;
}

/* Bootstrap btn-group seam: adjoining borders are the convention, but solid
   same-color primary buttons hide that edge. Lighten the shared left border on
   every button after the first for a subtle divider (keeps the connected look). */
body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn + .btn,
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn + .btn {
    border-left-color: rgba(255, 255, 255, 0.3) !important;
}

body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn + .btn:hover,
body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn + .btn:focus-visible,
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn + .btn:hover,
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn + .btn:focus-visible {
    border-left-color: rgba(255, 255, 255, 0.4) !important;
}

/* Connected-group corner rounding: pill-rounded outer corners (Bootstrap
   --bs-border-radius-pill), square shared inner edge so both halves read as one
   rounded control. */
body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn:first-child,
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn:first-child {
    border-top-left-radius: var(--bs-border-radius-pill, 50rem) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill, 50rem) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > .btn:last-child,
body #sidebar #sidebarTipMerchRow .sidebar-legal-contact-group.btn-group > .btn:last-child {
    border-top-right-radius: var(--bs-border-radius-pill, 50rem) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill, 50rem) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* Single visible button in the account group still needs both ends pill-rounded. */
body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group > #logoutExitSidebarBtn:has(~ #sidebarSubscribeAdFreeBtn[hidden]) {
    border-top-right-radius: var(--bs-border-radius-pill, 50rem) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill, 50rem) !important;
}

body #sidebar #sidebarTipMerchRow .sidebar-android-exit-subscribe-stack.btn-group:has(> #logoutExitSidebarBtn[hidden]) > #sidebarSubscribeAdFreeBtn {
    border-top-left-radius: var(--bs-border-radius-pill, 50rem) !important;
    border-bottom-left-radius: var(--bs-border-radius-pill, 50rem) !important;
}

/* Emoji picker: full width/height below top chrome, solid background */
#emojiPickerModal.emoji-picker-modal,
#emojiPickerModal.emoji-picker-modal.active {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: env(safe-area-inset-bottom, 0px) !important;
    width: auto !important;
    height: auto !important;
    background: var(--color-modal-bg, #001428) !important;
    background-color: var(--color-modal-bg, #001428) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-sizing: border-box !important;
}
#emojiPickerModal .emoji-picker-modal-content {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--color-modal-bg, #001428) !important;
    display: grid !important;
    grid-template-columns: 72px 1fr !important;
    grid-template-rows: 1fr auto auto !important;
    grid-template-areas:
        "nav grid"
        "nav search"
        "footer footer" !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
#emojiPickerModal .emoji-picker-tabs {
    justify-content: flex-end !important;
}
#emojiPickerModal .emoji-picker-footer {
    display: flex !important;
    grid-area: footer !important;
    flex-shrink: 0 !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: var(--color-modal-bg, #001428) !important;
}

#emojiPickerModal .emoji-picker-cancel,
#emojiPickerModal .emoji-picker-ok {
    display: none !important;
}
#emojiPickerModal .emoji-picker-grid {
    display: grid !important;
    min-height: 0 !important;
    grid-area: grid !important;
    overflow-y: auto !important;
    grid-template-columns: repeat(auto-fill, minmax(48px, 48px)) !important;
    justify-content: start !important;
    align-content: start !important;
    gap: 8px !important;
    padding: 10px !important;
}
#emojiPickerModal .emoji-picker-item {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    aspect-ratio: 1 / 1 !important;
    font-size: 1.75rem !important;
    line-height: 1 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}
#emojiPickerModal .emoji-picker-search {
    grid-area: search !important;
    flex-shrink: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: none !important;
    background: var(--color-modal-bg, #001428) !important;
}
[data-color-scheme="highContrast"] #emojiPickerModal.emoji-picker-modal {
    border: none !important;
}
[data-color-scheme="vectorScope"] #emojiPickerModal .emoji-picker-modal-content {
    background: rgba(0, 8, 0, 1) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
@media (max-width: 480px) {
    #emojiPickerModal .emoji-picker-modal-content {
        grid-template-columns: 62px 1fr !important;
    }
}

/* Active power-ups: keep revoke rows from overlapping status lines */
#ccPowerupsSectionActive .cc-collapse-section-body {
    gap: 5px !important;
}
#ccPowerupsSectionActive .cc-xray-active-panel:not(:has(.cc-xray-active-list > *)):not(:has(.cc-xray-active-empty)) {
    display: none;
}
#ccPowerupsSectionActive .cc-xray-active-meta .cc-hint-sm {
    margin: 0 0 4px !important;
}
#ccPowerupsSectionActive .cc-xray-active-meta .cc-hint-sm:last-child {
    margin-bottom: 0 !important;
}
#ccPowerupsSectionActive .cc-powerup-active-row[hidden] {
    display: none !important;
}
#ccPowerupsSectionActive .cc-powerup-active-row {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
#ccPowerupsSectionActive .cc-powerup-active-row .cc-xray-active-meta {
    flex: 1 1 140px;
    min-width: 0;
}
#ccPowerupsSectionActive .cc-xray-active-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#ccPowerupsSectionActive .cc-xray-active-list .cc-xray-active-item {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
#ccPowerupsSectionActive .cc-xray-active-list .cc-xray-active-item .cc-xray-active-meta {
    flex: 1 1 140px;
    min-width: 0;
}

.inbox-friend-sheet-backdrop {
    z-index: 10065 !important;
}

.inbox-friend-sheet,
.inbox-friend-sheet.open {
    z-index: 10066 !important;
}

/* UI performance: backdrop-blur removed app-wide; denser translucent fills */
body #sidebar,
body #userListModal,
body #channelListModal,
body #leaderboardModal,
body #leaderboardModal.active,
body #leaderboardModal.closing,
body #leaderboardModal.leaderboard-modal.active,
body #userInfoModal,
body #userInfoModal.active,
body #userInfoModal.closing,
body #inboxModal,
body #inboxModal.active,
body #inboxModal.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;
}

/* Inbox + leaderboard shells: translucent fill on outer panel; inner areas stay clear */
body #inboxModal .modal-content,
body #inboxModal.active .modal-content,
body #inboxModal.closing .modal-content,
body #leaderboardModal .leaderboard-modal-content,
body #leaderboardModal.active .leaderboard-modal-content,
body #leaderboardModal.closing .leaderboard-modal-content,
body #userInfoModal .modal-content {
    background: transparent !important;
    background-color: transparent !important;
}

body #inboxModal #inboxMessenger,
body #inboxModal #inboxFriendsPanel,
body #leaderboardModal #leaderboardContent.leaderboard-content,
body #leaderboardModal .leaderboard-section > .leaderboard-tab-panels,
body #leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-list,
body #leaderboardModal .leaderboard-section > .leaderboard-tab-panels .leaderboard-tab-panel,
body #userInfoModal #userInfoContent,
body #userInfoModal #userInfoStats {
    background: transparent !important;
    background-color: transparent !important;
}

body #inboxModal #inboxMd3Tabs,
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;
}

.inbox-friend-sheet {
    background: color-mix(in srgb, var(--color-modal-bg, #1e1e2e) 94%, transparent) !important;
}

#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail,
#leaderboardModal .leaderboard-main-tabs,
#leaderboardModal .leaderboard-section > .leaderboard-tabs {
    background-color: color-mix(in srgb, var(--color-modal-bg, rgba(0, 20, 40, 0.94)) 90%, rgba(0, 0, 0, 0.75)) !important;
}

.podcast-recorder-indicator {
    background: rgba(0, 0, 0, 0.88) !important;
}

.podcast-processing-detail {
    margin: -6px 0 12px !important;
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    word-break: break-word;
}

.podcast-processing-detail[hidden] {
    display: none !important;
}

.podcast-processing-modal,
.podcast-recovery-modal,
.podcast-postprocess-modal,
.podcast-metadata-modal,
.podcast-participants-modal {
    background: rgba(0, 0, 0, 0.58) !important;
}

#controlsContainer #reactionScoreboard .score-number {
    display: inline-block !important;
    margin-top: 2px !important;
    margin-bottom: 1px !important;
    font-size: clamp(0.68rem, calc(var(--gccr-talk-btn-size) * 0.052), 0.82rem) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: none;
}

#controlsContainer #reactionScoreboard #chipScore {
    font-size: clamp(0.62rem, calc(var(--gccr-talk-btn-size) * 0.048), 0.76rem) !important;
    letter-spacing: -0.02em !important;
}

#videoMessageContainer #currentSpeaker .speaker-name-dissolve,
.video-message-blur-layer #currentSpeaker .speaker-name-dissolve,
#videoMessageContainer #incomingQueueTimeCounter,
.video-message-blur-layer #incomingQueueTimeCounter {
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

#controlsContainer #reactionScoreboard .scoreboard-multiplier {
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

#controlsContainer #reactionScoreboard .scoreboard-item .emoji-sm {
    text-shadow: none !important;
}

#controlsContainer #reactionScoreboard .scoreboard-item img {
    filter:
        drop-shadow(0 0 1px #000)
        drop-shadow(0 0 2px #000)
        drop-shadow(0 0 4px #000)
        drop-shadow(0 0 8px rgba(0, 0, 0, 0.95)) !important;
}

/* Vector Scope: reaction scoreboard counts match menu bar phosphor green (#userCount). */
:root[data-color-scheme="vectorScope"] #controlsContainer #reactionScoreboard .score-number {
    color: #00ff41 !important;
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

:root[data-color-scheme="vectorScope"] #videoMessageContainer #currentSpeaker,
:root[data-color-scheme="vectorScope"] .video-message-blur-layer #currentSpeaker,
:root[data-color-scheme="vectorScope"] #videoMessageContainer #currentSpeaker .speaker-name-dissolve,
:root[data-color-scheme="vectorScope"] .video-message-blur-layer #currentSpeaker .speaker-name-dissolve,
:root[data-color-scheme="vectorScope"] #videoMessageContainer #incomingQueueTimeCounter,
:root[data-color-scheme="vectorScope"] .video-message-blur-layer #incomingQueueTimeCounter {
    color: #00ff41 !important;
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

:root[data-color-scheme="vectorScope"] #userListModal #userListClassicHeader:not([hidden]),
:root[data-color-scheme="vectorScope"] #userListModal #userList > li.user-list-channel-header {
    background: rgba(0, 8, 0, 0.96) !important;
    background-color: rgba(0, 8, 0, 0.96) !important;
    border-bottom: 1px solid rgba(0, 255, 65, 0.75) !important;
}

:root[data-color-scheme="vectorScope"] #menuBar #usersOnline #userCount {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

:root[data-color-scheme="vectorScope"] #userListModal #userList > li.user-list-self-row {
    border-top: 1px solid rgba(0, 255, 65, 0.75) !important;
}

:root[data-color-scheme="vectorScope"] body:has(#userListModal.active) #menuBar #usersOnline #userCount,
:root[data-color-scheme="vectorScope"] body:has(#userListModal.closing) #menuBar #usersOnline #userCount {
    color: #00ff41 !important;
    text-shadow: none !important;
}

:root[data-color-scheme="vectorScope"] body:has(#channelListModal.active) #menuBar #channelIndicator #channelIndicatorValue,
:root[data-color-scheme="vectorScope"] body:has(#channelListModal.closing) #menuBar #channelIndicator #channelIndicatorValue,
:root[data-color-scheme="vectorScope"] body:has(#channelListModal.active) #menuBar #channelIndicator .menu-bar-item-content,
:root[data-color-scheme="vectorScope"] body:has(#channelListModal.closing) #menuBar #channelIndicator .menu-bar-item-content {
    color: #00ff41 !important;
    text-shadow: none !important;
}

/* Default scoreboard: no activation halo border/glow. */
#controlsContainer #reactionScoreboard {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    animation: none !important;
    filter: none !important;
    background: transparent !important;
}

/* BLOCKBTN_EMBED_START */
:root {
    --blockbtn-on: url("img/embedded/asset-224716de68.png");
    --blockbtn-off: url("img/embedded/asset-9ed78bfe8e.png");
    --skipbtn-on: url("img/embedded/asset-aee57dbbe6.png");
    --skipbtn-off: url("img/embedded/asset-16034ff038.png");
}
/* BLOCKBTN_EMBED_END */




/* Menu bar mute: icon-only toggle. */
#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: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* i18n: ellipsis on label (rectangular clip — not parent overflow + border-radius) */
#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;
}

#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,
#menuBar #inboxButton #inboxButtonLabel {
    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;
}

/* Nav launchers: icon / count only. */
html #menuBar #channelIndicator .menu-bar-item-label,
html #menuBar #inboxButton .menu-bar-item-label,
html #menuBar #inboxButton #inboxButtonLabel,
html #menuBar #usersOnline .menu-bar-item-label,
html #menuBar #menuRight .menu-bar-item-label {
    display: none !important;
}

html #menuBar #channelIndicator,
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;
}

html #menuBar #channelIndicator,
html #menuBar #usersOnline {
    width: auto !important;
    min-width: 48px !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

html #menuBar #inboxButton #inboxIcon,
html #menuBar #muteToggleButton #muteToggleIcon,
html #menuBar #usersOnline .menu-bar-item-content img,
html #menuBar #channelIndicator .menu-bar-item-content img {
    width: 26px !important;
    height: 26px !important;
}

html #menuBar #menuRight #personIcon img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
}

html #menuBar #channelIndicator .menu-bar-item-content,
html #menuBar #usersOnline .menu-bar-item-content,
html #menuBar #menuRight #personIcon,
html #menuBar #inboxButton,
html #menuBar #muteToggleButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html #menuBar #channelIndicator .menu-bar-item-content,
html #menuBar #usersOnline .menu-bar-item-content,
html #menuBar #menuRight #personIcon {
    height: 24px !important;
    min-height: 24px !important;
}

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

/* Menu bar: menu (+ mute) left; inbox/users/channel grouped on the right */
html #menuBar {
    justify-content: flex-start !important;
}

html #menuBar #inboxButton {
    margin-left: auto !important;
    position: relative !important;
    left: 10px !important;
}

html.gccr-whisper-off #menuBar #usersOnline {
    margin-left: auto !important;
    position: relative !important;
    left: 0 !important;
}

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

html.gccr-classic-mode #saveFabShell,
html.gccr-classic-mode #clipsFabShell,
html.gccr-classic-mode #controlsContainer #buttonContainer #reverseButton,
html.gccr-classic-mode #menuBar #muteToggleButton,
html.gccr-classic-mode #menuBar #kaosWidget,
html.gccr-classic-mode #podcastRecordButton,
html.gccr-classic-mode .sidebar-list-item:has(#podcastRecordButton),
html.gccr-classic-mode #toastNotificationTop,
html.gccr-classic-mode #keyingUpList,
html.gccr-classic-mode #videoIdleGlobeOverlay,
html.gccr-classic-mode .sidebar-list-section-customization,
html.gccr-classic-mode #usernameColorDropdown,
html.gccr-classic-mode #sidebarUsernameColorField,
html.gccr-classic-mode #sidebar #tab-home > .username-color-label,
html.gccr-classic-mode .sidebar-list-item:has(#appSounds),
html.gccr-classic-mode .sidebar-list-item:has(#disablePrankSounds),
html.gccr-classic-mode .sidebar-list-item:has(#showVideoKeyups),
html.gccr-classic-mode .sidebar-list-item:has(#whisperTexts),
html.gccr-classic-mode .sidebar-list-item:has(#showKeyUpFeedback) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

html.gccr-classic-mode #userList .status-indicator,
html.gccr-classic-mode #userListClassicHeader .channel-busy-notify-wrap,
html.gccr-classic-mode #userList .channel-busy-notify-wrap,
html.gccr-classic-mode #userList .message-btn,
html.gccr-classic-mode #userList .message-icon-btn {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

html.gccr-classic-mode #channelListModal #channelList button.channel-count {
    cursor: default !important;
    pointer-events: none !important;
    background: transparent !important;
    border: none !important;
    padding: 7px 8px !important;
    min-height: auto !important;
    color: #d1d5db !important;
}

html.gccr-classic-mode #channelListModal #channelList button.channel-count::after {
    content: none !important;
    display: none !important;
}

html.gccr-classic-mode #channelListModal #channelList .channel-roster,
html.gccr-classic-mode #channelListModal #channelList li.channel-li--roster-open .channel-roster {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

html.gccr-classic-mode body #sidebar,
html.gccr-classic-mode body #userListModal,
html.gccr-classic-mode body #channelListModal,
html.gccr-classic-mode body #userListModal > #userList,
html.gccr-classic-mode body #channelListModal > #channelList,
html.gccr-classic-mode body #userListModal #userListClassicHeader:not([hidden]),
html.gccr-classic-mode body #channelListModal #channelListClassicHeader:not([hidden]),
html.gccr-classic-mode #userListModal #userList > li.user-list-channel-header {
    background: #111111 !important;
    background-color: #111111 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html.gccr-classic-mode #buttonContainer #talkButton::after {
    background-image: none !important;
    opacity: 0 !important;
}

html.gccr-classic-mode #userList .nickname,
html.gccr-classic-mode .channel-roster-nickname,
html.gccr-classic-mode #nicknameInput,
html.gccr-classic-mode #currentSpeaker .speaker-name-dissolve,
html.gccr-classic-mode #keyingUpList .keying-up-name,
html.gccr-classic-mode #userInfoName {
    color: #fff !important;
}

html #menuBar #menuRight {
    position: relative !important;
    left: -5px !important;
}

html #menuBar #muteToggleButton {
    position: relative !important;
    left: -10px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 6px !important;
}

html #menuBar #menuRight + #kaosWidget,
html #menuBar #kaosWidget + #muteToggleButton,
html #menuBar #inboxButton + #usersOnline,
html #menuBar #usersOnline + #channelIndicator {
    margin-left: 10px !important;
}
html #menuBar #menuRight + #kaosWidget {
    margin-left: 5px !important;
}

html #menuBar #channelIndicatorValue,
html #menuBar #userCount {
    font-size: 1.125rem !important;
}

/* Talk button: circle on MD3 themes (classic keeps squared controls). */
html:not([data-color-scheme="classic"]) #talkButton,
html:not([data-color-scheme="classic"]) #talkButtonWrapper {
    border-radius: 50% !important;
    overflow: hidden;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton::before,
html:not([data-color-scheme="classic"]) #buttonContainer #talkButton::after {
    border-radius: 50% !important;
}

.cc-nav-rail .cc-tab,
.leaderboard-main-tabs .leaderboard-main-tab {
    overflow: hidden;
}

.cc-nav-rail .cc-tab {
    --gccr-label-pad-x: 4px;
    align-items: center;
}

.cc-nav-rail .cc-rail-label {
    text-align: center;
}

.leaderboard-main-tabs .leaderboard-main-tab {
    --gccr-label-pad-x: 25px;
}

#inboxModal .inbox-md3-tab {
    --gccr-label-pad-x: 25px;
    overflow: hidden;
    align-items: center;
}

#inboxModal .inbox-md3-tab .inbox-md3-tab-label {
    text-align: center;
}

.cc-rail-label,
.inbox-md3-tab-label,
.cam-fab-item-label,
#sidebar .toggle-label,
#sidebar .toggle-text,
#sidebar .sidebar-list-label:not(.audio-processing-eq-param-label) {
    display: block;
    min-width: 0;
    width: calc(100% + 2 * var(--gccr-label-pad-x, 0px));
    max-width: calc(100% + 2 * var(--gccr-label-pad-x, 0px));
    margin-inline: calc(-1 * var(--gccr-label-pad-x, 0px));
    padding-inline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    direction: ltr;
    box-sizing: border-box;
}

#sidebar .audio-processing-eq-param-header .audio-processing-eq-param-label {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    box-sizing: border-box;
}

#tab-home .sidebar-list-item-slider .audio-processing-eq-param-header {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

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

/* Gallery trim dual-range: keep thumbs above track; native range tracks stay transparent. */
#videoGalleryTrimPanel .video-gallery-trim-track,
#audioGalleryTrimPanel .video-gallery-trim-track {
    z-index: 1 !important;
}

#videoGalleryTrimPanel .video-gallery-trim-track-fill,
#audioGalleryTrimPanel .video-gallery-trim-track-fill {
    z-index: 2 !important;
}

#videoGalleryTrimPanel .video-gallery-trim-range-start,
#audioGalleryTrimPanel .video-gallery-trim-range-start {
    z-index: 3 !important;
}

#videoGalleryTrimPanel .video-gallery-trim-range-end,
#audioGalleryTrimPanel .video-gallery-trim-range-end {
    z-index: 4 !important;
}

#videoGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-runnable-track,
#audioGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-runnable-track,
#videoGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-track,
#audioGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-track,
#videoGalleryTrimPanel .video-gallery-trim-range::-moz-range-track,
#audioGalleryTrimPanel .video-gallery-trim-range::-moz-range-track {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#videoGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-thumb,
#audioGalleryTrimPanel .video-gallery-trim-range::-webkit-slider-thumb,
#videoGalleryTrimPanel .video-gallery-trim-range::-moz-range-thumb,
#audioGalleryTrimPanel .video-gallery-trim-range::-moz-range-thumb {
    position: relative !important;
    z-index: 1 !important;
}

/* Classic sidebar tabs are hidden unless data-color-scheme=classic */
html:not([data-color-scheme="classic"]) #sidebar #sidebar-tabs {
    display: none !important;
}

html:not([data-color-scheme="classic"]) #sidebar #tab-mic,
html:not([data-color-scheme="classic"]) #sidebar #tab-audio {
    display: none !important;
}

html:not([data-color-scheme="classic"]) #sidebar #tab-home {
    display: flex !important;
    flex-direction: column !important;
}

:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:not(:disabled) {
    background-size: var(--gccr-bottom-fab-glyph-size) var(--gccr-bottom-fab-glyph-size) !important;
}

#saveFabShell #downloadButton:hover {
    transform: translateX(-50%) scale(1.05) !important;
}

#saveFabShell #downloadButton:active {
    transform: translateX(-50%) scale(0.95) !important;
}

/* Bottom FAB row + top chrome stack (menu bar only). */
:root {
    --gccr-menu-bar-height: 56px;
    --gccr-header-stack: calc(var(--gccr-menu-bar-height) + env(safe-area-inset-top, 0px));
    --gccr-bottom-fab-offset: calc(max(12px, env(safe-area-inset-bottom, 0px)) + 8px);
    --gccr-bottom-fab-offset-aligned: calc(max(12px, env(safe-area-inset-bottom, 0px)) + 8px);
    --gccr-bottom-fab-size: 44px;
    --gccr-bottom-fab-glyph-size: 40px;
    --gccr-bottom-fab-glyph-size-sm: 32px;
    --gccr-bottom-fab-right-inset: calc(max(12px, env(safe-area-inset-right, 0px)) + 6px);
    --gccr-bottom-fab-download-center-x: 50%;
    --gccr-bottom-fab-cam-center-x: calc(
        100% - var(--gccr-bottom-fab-right-inset) - (var(--gccr-bottom-fab-size) / 2)
    );
    --gccr-bottom-fab-clips-center-x: calc(
        (var(--gccr-bottom-fab-download-center-x) + var(--gccr-bottom-fab-cam-center-x)) / 2
    );
}

html[data-color-scheme="classic"] {
    --gccr-header-stack: calc(48px + env(safe-area-inset-top, 0px));
}

.reaction-fab-shell,
#reactionFabShell.reaction-fab-shell {
    position: fixed !important;
    left: calc(max(12px, env(safe-area-inset-left, 0px)) + 6px) !important;
    right: auto !important;
    top: auto !important;
    bottom: var(
        --gccr-bottom-fab-offset-aligned,
        calc(max(12px, env(safe-area-inset-bottom, 0px)) + 8px)
    ) !important;
    z-index: 1004 !important;
    display: inline-flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    max-width: var(--gccr-bottom-fab-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

html.gccr-reactions-off #reactionFabShell,
html.gccr-reactions-off #reactionFabShell.reaction-fab-shell,
html.gccr-reactions-off #reactionFabShell.reaction-fab-shell.open {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

html.gccr-video-keyups-off #camFabRoot,
html.gccr-video-keyups-off #camFabRoot.cam-fab-root,
html.gccr-video-keyups-off #camFabRoot.cam-fab-root.cam-fab-open {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

html.gccr-video-keyups-off #clipsFabShell.clips-fab-shell {
    left: var(--gccr-bottom-fab-cam-center-x) !important;
}

.reaction-fab-shell.open,
#reactionFabShell.reaction-fab-shell.open {
    bottom: var(
        --gccr-bottom-fab-offset-aligned,
        calc(max(12px, env(safe-area-inset-bottom, 0px)) + 8px)
    ) !important;
    gap: 10px !important;
    width: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    max-width: var(--gccr-bottom-fab-size) !important;
}

#reactionFabShell .reaction-fab-toggle,
#reactionFabShell #reactionFabToggle {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    width: var(--gccr-bottom-fab-size) !important;
    height: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    min-height: var(--gccr-bottom-fab-size) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #reactionFabToggle,
:root[data-color-scheme="vectorScope"] #reactionFabShell .reaction-fab-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: calc(var(--gccr-bottom-fab-size) / 2) !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    color: #00ff41 !important;
    filter: none !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    text-shadow: none !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell.reaction-fab-shell.open #reactionFabToggle,
:root[data-color-scheme="vectorScope"] #reactionFabShell.reaction-fab-shell.open .reaction-fab-toggle {
    background-color: transparent !important;
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #reactionFabToggle svg {
    width: var(--gccr-bottom-fab-glyph-size-sm) !important;
    height: var(--gccr-bottom-fab-glyph-size-sm) !important;
    flex-shrink: 0 !important;
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #reactionFabToggle svg path {
    fill: #000 !important;
    color: #000 !important;
}

/* Vector scope: reaction panel feedback buttons — match bottom FAB HUD style. */
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: calc(var(--gccr-bottom-fab-size) / 2) !important;
    border-style: solid !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    text-shadow: none !important;
    transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s ease, opacity 0.2s ease, filter 0.2s ease !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons.feedback-buttons-container.active .feedback-button:not(.disabled):not(:disabled) {
    border-color: #00ff41 !important;
    border-width: 2px !important;
    background-color: #00ff41 !important;
    box-shadow:
        0 0 0 1px rgba(0, 255, 65, 0.18),
        0 0 12px rgba(0, 255, 65, 0.24) !important;
    color: #000 !important;
    opacity: 1 !important;
    filter: none !important;
    cursor: pointer !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons.feedback-buttons-container.active .feedback-button:not(.disabled):not(:disabled):hover {
    transform: scale(1.05) !important;
    background-color: #33ff66 !important;
    border-color: rgba(0, 255, 65, 0.9) !important;
    border-width: 1.5px !important;
    box-shadow:
        0 3px 14px rgba(0, 0, 0, 0.5),
        0 0 16px rgba(0, 255, 65, 0.24) !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons.feedback-buttons-container.active .feedback-button:not(.disabled):not(:disabled):active {
    transform: scale(0.92) !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons.feedback-buttons-container:not(.active) .feedback-button,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button.disabled,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button:disabled {
    border-color: #454545 !important;
    border-width: 2px !important;
    background-color: rgba(74, 74, 74, 0.55) !important;
    box-shadow:
        0 0 0 1px rgba(80, 80, 80, 0.2),
        inset 0 0 8px rgba(80, 80, 80, 0.08) !important;
    color: rgba(255, 255, 255, 0.4) !important;
    /* JS forces inline opacity:1 !important on disabled buttons, so dim via
       filter (which inline opacity can't override) to gray them out. */
    filter: grayscale(100%) brightness(0.6) !important;
    cursor: not-allowed !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons.feedback-buttons-container:not(.active) .feedback-button:hover,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button.disabled:hover,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button:disabled:hover {
    transform: none !important;
    background-color: rgba(74, 74, 74, 0.55) !important;
    filter: grayscale(100%) brightness(0.6) !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button *,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button .emoji-lg,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button .custom-emoji-display {
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
    paint-order: normal !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button-custom .custom-emoji-display.empty {
    color: #000 !important;
    font-size: 10px !important;
}

:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons #heartFeedbackButton .emoji-lg {
    font-size: 22px !important;
}

#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel,
#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel.active,
#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel:not(.active) {
    display: grid !important;
    grid-template-columns: repeat(4, 48px) !important;
    grid-template-rows: repeat(2, 48px) !important;
    grid-auto-flow: row !important;
    align-items: center !important;
    justify-items: center !important;
    width: calc(48px * 4 + 10px * 3) !important;
    min-width: calc(48px * 4 + 10px * 3) !important;
    max-width: calc(48px * 4 + 10px * 3) !important;
    height: calc(48px * 2 + 10px) !important;
    min-height: calc(48px * 2 + 10px) !important;
    max-height: calc(48px * 2 + 10px) !important;
    padding: 0 !important;
    gap: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: none !important;
}

#reactionFabShell:not(.open) #feedbackButtons.feedback-buttons-container.reaction-fab-panel,
#reactionFabShell:not(.open) #feedbackButtons.feedback-buttons-container.reaction-fab-panel.active,
#reactionFabShell:not(.open) #feedbackButtons.feedback-buttons-container.reaction-fab-panel:not(.active) {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size) + 10px) !important;
    top: auto !important;
    width: calc(48px * 4 + 10px * 3) !important;
    height: calc(48px * 2 + 10px) !important;
    min-height: calc(48px * 2 + 10px) !important;
    max-height: calc(48px * 2 + 10px) !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Reaction panel open: above sidebar (1005) but below modals (1007+). */
#reactionFabShell.reaction-fab-shell.open {
    z-index: 1006 !important;
}

#reactionFabShell.reaction-fab-shell.open #feedbackButtons.feedback-buttons-container.reaction-fab-panel,
#reactionFabShell.reaction-fab-shell.open #feedbackButtons.feedback-buttons-container.reaction-fab-panel.active,
#reactionFabShell.reaction-fab-shell.open #feedbackButtons.feedback-buttons-container.reaction-fab-panel:not(.active) {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size) + 10px) !important;
    top: auto !important;
    width: calc(48px * 4 + 10px * 3) !important;
    min-width: calc(48px * 4 + 10px * 3) !important;
    max-width: calc(48px * 4 + 10px * 3) !important;
    height: calc(48px * 2 + 10px) !important;
    min-height: calc(48px * 2 + 10px) !important;
    max-height: calc(48px * 2 + 10px) !important;
    overflow: visible !important;
    padding: 0 !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel .feedback-button {
    transition: none !important;
}

#reactionFabShell #feedbackButtons.feedback-buttons-container.reaction-fab-panel .feedback-button:nth-child(n + 5) {
    transform: none !important;
}

/* Save FAB row: same fixed bottom as .reaction-fab-shell; wins theme position:relative resets. */
#saveFabShell #downloadButton,
.save-fab-shell #downloadButton {
    position: fixed !important;
    top: auto !important;
    right: auto !important;
    bottom: var(
        --gccr-bottom-fab-offset-aligned,
        calc(max(12px, env(safe-area-inset-bottom, 0px)) + 8px)
    ) !important;
    left: var(--gccr-bottom-fab-download-center-x) !important;
    z-index: 1004 !important;
    width: var(--gccr-bottom-fab-size) !important;
    height: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    min-height: var(--gccr-bottom-fab-size) !important;
    max-width: var(--gccr-bottom-fab-size) !important;
    max-height: var(--gccr-bottom-fab-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: translateX(-50%) !important;
}

#feelingsFridayBanner {
    top: auto !important;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size) + 10px) !important;
}

#podcastRecordingBanner {
    top: auto !important;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size) + 10px + 38px) !important;
}

/* Podcast recorder timer: bottom-right, vertically aligned with FREE-FOR-ALL banner. */
#podcastRecorderIndicator.podcast-recorder-indicator,
.podcast-recorder-indicator {
    z-index: 1003 !important;
    top: auto !important;
    right: max(14px, env(safe-area-inset-right, 0px) + 8px) !important;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size) + 10px) !important;
    transform: none !important;
}

body:has(#userListModal.active) .podcast-recorder-indicator.active,
body:has(#userListModal.closing) .podcast-recorder-indicator.active,
body:has(#channelListModal.active) .podcast-recorder-indicator.active,
body:has(#channelListModal.closing) .podcast-recorder-indicator.active,
body:has(#sidebar.active) .podcast-recorder-indicator.active,
body:has(#sidebar.closing) .podcast-recorder-indicator.active,
body:has(#inboxModal.active) .podcast-recorder-indicator.active,
body:has(#inboxModal.closing) .podcast-recorder-indicator.active {
    display: none !important;
    pointer-events: none !important;
}

/* Loading/connecting spinners: above download FAB when not in boot veil. */
#loadingSpinnerWrapper,
#connectionSpinnerWrapper {
    top: auto !important;
    bottom: calc(var(--gccr-bottom-fab-offset-aligned) + var(--gccr-bottom-fab-size) + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1005 !important;
}

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

@media (max-width: 480px) {
    #loadingSpinnerText,
    #connectionSpinnerText {
        font-size: 0.72rem !important;
    }
}

/* Camera/media FAB: bottom-right row, matches save + reaction FAB size. */
#camFabRoot.cam-fab-root {
    position: fixed !important;
    left: var(--gccr-bottom-fab-cam-center-x) !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    bottom: var(
        --gccr-bottom-fab-offset-aligned,
        calc(max(12px, env(safe-area-inset-bottom, 0px)) + 8px)
    ) !important;
    top: auto !important;
    width: var(--gccr-bottom-fab-size) !important;
    height: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    min-height: var(--gccr-bottom-fab-size) !important;
    max-width: var(--gccr-bottom-fab-size) !important;
    max-height: var(--gccr-bottom-fab-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1004 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

#camFabRoot.cam-fab-root.cam-fab-open {
    z-index: 1005 !important;
    transform: translateX(-50%) !important;
}

#camFabRoot.cam-fab-root #camButton {
    position: relative !important;
    width: var(--gccr-bottom-fab-size) !important;
    height: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    min-height: var(--gccr-bottom-fab-size) !important;
    max-width: var(--gccr-bottom-fab-size) !important;
    max-height: var(--gccr-bottom-fab-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: calc(var(--gccr-bottom-fab-size) / 2) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#camFabRoot.cam-fab-root #camButton .cam-button-icon {
    width: var(--gccr-bottom-fab-glyph-size-sm) !important;
    max-width: var(--gccr-bottom-fab-glyph-size-sm) !important;
    height: var(--gccr-bottom-fab-glyph-size-sm) !important;
}

#camFabRoot.cam-fab-root .cam-fab-menu {
    left: auto !important;
    right: 0 !important;
    align-items: flex-end !important;
}

/* Clips FAB: centered between download and upload FAB centers. */
#clipsFabShell.clips-fab-shell {
    position: fixed !important;
    left: var(--gccr-bottom-fab-clips-center-x) !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    bottom: var(
        --gccr-bottom-fab-offset-aligned,
        calc(max(12px, env(safe-area-inset-bottom, 0px)) + 8px)
    ) !important;
    top: auto !important;
    width: var(--gccr-bottom-fab-size) !important;
    height: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    min-height: var(--gccr-bottom-fab-size) !important;
    max-width: var(--gccr-bottom-fab-size) !important;
    max-height: var(--gccr-bottom-fab-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1004 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

#clipsFabShell #clipsFabButton {
    position: relative !important;
    width: var(--gccr-bottom-fab-size) !important;
    height: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    min-height: var(--gccr-bottom-fab-size) !important;
    max-width: var(--gccr-bottom-fab-size) !important;
    max-height: var(--gccr-bottom-fab-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: calc(var(--gccr-bottom-fab-size) / 2) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    pointer-events: auto !important;
    background-image: none !important;
}

#clipsFabShell #clipsFabButton .cam-button-icon {
    width: var(--gccr-bottom-fab-glyph-size-sm) !important;
    max-width: var(--gccr-bottom-fab-glyph-size-sm) !important;
    height: var(--gccr-bottom-fab-glyph-size-sm) !important;
    object-fit: contain !important;
    pointer-events: none !important;
}

#clipsFabShell #clipsFabButton:not(:disabled) {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body:has(.modal.active) #clipsFabShell,
body:has(#userListModal.active) #clipsFabShell,
body:has(#userListModal.opening) #clipsFabShell,
body:has(#sidebar.active) #clipsFabShell,
body:has(#sidebar.opening) #clipsFabShell,
body:has(#leaderboardModal.active) #clipsFabShell,
body:has(#channelListModal.active) #clipsFabShell,
body:has(#channelListModal.opening) #clipsFabShell {
    z-index: 990 !important;
}

body:has(.modal.active) #clipsFabShell #clipsFabButton,
body:has([role="dialog"].active) #clipsFabShell #clipsFabButton,
body:has(#userListModal.active) #clipsFabShell #clipsFabButton,
body:has(#userListModal.opening) #clipsFabShell #clipsFabButton,
body:has(#sidebar.active) #clipsFabShell #clipsFabButton,
body:has(#sidebar.opening) #clipsFabShell #clipsFabButton,
body:has(#leaderboardModal.active) #clipsFabShell #clipsFabButton,
body:has(#channelListModal.active) #clipsFabShell #clipsFabButton,
body:has(#channelListModal.opening) #clipsFabShell #clipsFabButton,
body:has(.podcast-processing-modal.active) #clipsFabShell #clipsFabButton,
body:has(.podcast-recovery-modal.active) #clipsFabShell #clipsFabButton,
body:has(.podcast-postprocess-modal.active) #clipsFabShell #clipsFabButton,
body:has(.podcast-metadata-modal.active) #clipsFabShell #clipsFabButton,
body:has(.podcast-participants-modal.active) #clipsFabShell #clipsFabButton,
body:has(.video-recording-modal.active) #clipsFabShell #clipsFabButton,
body:has(.emoji-picker-modal.active) #clipsFabShell #clipsFabButton,
body:has(.cc-chip-shop-overlay.active) #clipsFabShell #clipsFabButton,
body:has(.moderated-users-modal.active) #clipsFabShell #clipsFabButton {
    z-index: 990 !important;
}

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

body:has(.modal.active) #camFabRoot,
body:has(#userListModal.active) #camFabRoot,
body:has(#userListModal.opening) #camFabRoot,
body:has(#sidebar.active) #camFabRoot,
body:has(#sidebar.opening) #camFabRoot,
body:has(#leaderboardModal.active) #camFabRoot,
body:has(#channelListModal.active) #camFabRoot,
body:has(#channelListModal.opening) #camFabRoot {
    z-index: 990 !important;
}

/* Keep bottom FABs under modals, sidebars, and podcast overlays. */
body:has(.modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.modal.active) #saveFabShell #downloadButton,
body:has(.modal.active) .save-fab-shell #downloadButton,
body:has(.modal.active) #camFabRoot.cam-fab-root,
body:has(.modal.active) #camFabRoot.cam-fab-root.cam-fab-open,
body:has([role="dialog"].active) #reactionFabShell.reaction-fab-shell,
body:has([role="dialog"].active) #reactionFabShell.reaction-fab-shell.open,
body:has([role="dialog"].active) #saveFabShell #downloadButton,
body:has([role="dialog"].active) .save-fab-shell #downloadButton,
body:has([role="dialog"].active) #camFabRoot.cam-fab-root,
body:has([role="dialog"].active) #camFabRoot.cam-fab-root.cam-fab-open,
body:has(#userListModal.active) #reactionFabShell.reaction-fab-shell,
body:has(#userListModal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(#userListModal.opening) #reactionFabShell.reaction-fab-shell,
body:has(#userListModal.opening) #reactionFabShell.reaction-fab-shell.open,
body:has(#userListModal.active) #saveFabShell #downloadButton,
body:has(#userListModal.active) .save-fab-shell #downloadButton,
body:has(#userListModal.opening) #saveFabShell #downloadButton,
body:has(#userListModal.opening) .save-fab-shell #downloadButton,
body:has(#sidebar.active) #reactionFabShell.reaction-fab-shell,
body:has(#sidebar.active) #reactionFabShell.reaction-fab-shell.open,
body:has(#sidebar.opening) #reactionFabShell.reaction-fab-shell,
body:has(#sidebar.opening) #reactionFabShell.reaction-fab-shell.open,
body:has(#sidebar.active) #saveFabShell #downloadButton,
body:has(#sidebar.active) .save-fab-shell #downloadButton,
body:has(#sidebar.opening) #saveFabShell #downloadButton,
body:has(#sidebar.opening) .save-fab-shell #downloadButton,
body:has(#leaderboardModal.active) #reactionFabShell.reaction-fab-shell,
body:has(#leaderboardModal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(#leaderboardModal.active) #saveFabShell #downloadButton,
body:has(#leaderboardModal.active) .save-fab-shell #downloadButton,
body:has(#channelListModal.active) #reactionFabShell.reaction-fab-shell,
body:has(#channelListModal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(#channelListModal.opening) #reactionFabShell.reaction-fab-shell,
body:has(#channelListModal.opening) #reactionFabShell.reaction-fab-shell.open,
body:has(#channelListModal.active) #saveFabShell #downloadButton,
body:has(#channelListModal.active) .save-fab-shell #downloadButton,
body:has(#channelListModal.opening) #saveFabShell #downloadButton,
body:has(#channelListModal.opening) .save-fab-shell #downloadButton,
body:has(.podcast-processing-modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.podcast-processing-modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.podcast-processing-modal.active) #saveFabShell #downloadButton,
body:has(.podcast-recovery-modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.podcast-recovery-modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.podcast-recovery-modal.active) #saveFabShell #downloadButton,
body:has(.podcast-postprocess-modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.podcast-postprocess-modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.podcast-postprocess-modal.active) #saveFabShell #downloadButton,
body:has(.podcast-metadata-modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.podcast-metadata-modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.podcast-metadata-modal.active) #saveFabShell #downloadButton,
body:has(.podcast-participants-modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.podcast-participants-modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.podcast-participants-modal.active) #saveFabShell #downloadButton,
body:has(.video-recording-modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.video-recording-modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.video-recording-modal.active) #saveFabShell #downloadButton,
body:has(.emoji-picker-modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.emoji-picker-modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.emoji-picker-modal.active) #saveFabShell #downloadButton,
body:has(.cc-chip-shop-overlay.active) #reactionFabShell.reaction-fab-shell,
body:has(.cc-chip-shop-overlay.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.cc-chip-shop-overlay.active) #saveFabShell #downloadButton,
body:has(.moderated-users-modal.active) #reactionFabShell.reaction-fab-shell,
body:has(.moderated-users-modal.active) #reactionFabShell.reaction-fab-shell.open,
body:has(.moderated-users-modal.active) #saveFabShell #downloadButton {
    z-index: 990 !important;
}

/* Reaction FAB under overlays: stay visible, do not steal hits from modals/panels. */
body:has(.modal.active) #reactionFabShell,
body:has([role="dialog"].active) #reactionFabShell,
body:has(#sidebar.active) #reactionFabShell,
body:has(#sidebar.opening) #reactionFabShell,
body:has(#userListModal.active) #reactionFabShell,
body:has(#userListModal.opening) #reactionFabShell,
body:has(#channelListModal.active) #reactionFabShell,
body:has(#channelListModal.opening) #reactionFabShell,
body:has(#leaderboardModal.active) #reactionFabShell,
body:has(.emoji-picker-modal.active) #reactionFabShell,
body:has(.podcast-processing-modal.active) #reactionFabShell,
body:has(.podcast-recovery-modal.active) #reactionFabShell,
body:has(.podcast-postprocess-modal.active) #reactionFabShell,
body:has(.podcast-metadata-modal.active) #reactionFabShell,
body:has(.podcast-participants-modal.active) #reactionFabShell,
body:has(.video-recording-modal.active) #reactionFabShell,
body:has(.cc-chip-shop-overlay.active) #reactionFabShell,
body:has(.moderated-users-modal.active) #reactionFabShell {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

/* App-wide Ubuntu font (overrides theme / Litera / Bootstrap font stacks).
   #sidebar, #menuBar, and modals live outside #app — include them explicitly.
   Do not force ::before/::after (Bootstrap Icons / chevrons). */
:root,
html,
html[data-bs-theme],
html[data-color-scheme],
[data-bs-theme] {
    --bs-font-sans-serif: var(--gccr-app-font);
    --bs-body-font-family: var(--gccr-app-font);
    --bs-btn-font-family: var(--gccr-app-font);
}

html,
html[data-color-scheme],
html body,
html[data-color-scheme] body,
html #app,
html #sidebar,
html #menuBar,
html #overlay,
html #app *,
html #sidebar *,
html #menuBar *,
html .modal,
html .modal *,
html .dropdown-menu,
html .dropdown-menu *,
html .btn,
html .form-control,
html .form-select,
html .form-label,
html .form-check-label,
html .accordion-button,
html .badge,
html p {
    font-family: var(--gccr-app-font) !important;
}

.btn,
.accordion-button {
    --bs-btn-font-family: var(--gccr-app-font) !important;
}

/* Top menu bar: pin under safe area. */
#menuBar {
    top: 0 !important;
    bottom: auto !important;
    padding-top: max(8px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 8px !important;
    border-top: none !important;
    border-bottom: 1px solid gray !important;
    box-sizing: border-box !important;
}

#emojiPickerModal.emoji-picker-modal,
#emojiPickerModal.emoji-picker-modal.active {
    top: var(--gccr-header-stack) !important;
}

#feelingsFridayBanner.active {
    transform: translate(-50%, 0) !important;
}

#tab-home .sidebar-advanced-settings-summary > .sidebar-list-label {
    position: relative !important;
    top: -5px !important;
}

#tab-home .sidebar-advanced-settings-body {
    transition: none !important;
}

#tab-home .sidebar-advanced-settings-summary::after {
    transition: none !important;
}

/* ---------------------------------------------------------------------------
   Settings accordion (Bootstrap). This is now the primary settings UI; the
   legacy <details> sections were removed and these controls carry the app's
   real IDs. Uses data-bs-theme="dark" for native dark Bootstrap styling.

   Width: match the action-row button groups. Legacy rule
   `#tab-home > :not(.sidebar-list-section)` pads non-sections 16px, while
   `.sidebar-list-section` (actions) only gets a 10px margin inset — that made
   the accordion narrower. Zero the non-section padding and use the same 10px
   horizontal margin so both line up. Not Bootstrap design.
   --------------------------------------------------------------------------- */
#sidebarBsSettingsAccordion.sidebar-bs-accordion {
    margin: 0 10px 4px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
}

#sidebarBsSettingsAccordion .accordion-item:has(#bsCollapseAdvanced) {
    margin-bottom: 10px;
}

/* Name + Color profile fields (Bootstrap). Same inset as the accordion /
   action button groups; neutralize legacy :not(.sidebar-list-section) padding.
   Must beat `#tab-home>:not(.sidebar-list-section):first-child{padding-top:12px}`. */
#tab-home > #sidebarProfileFields.sidebar-profile-bs {
    margin: 0 10px 4px !important;
    padding-top: 2px !important; /* was 12px via legacy first-child; pull up 10px */
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
}

#sidebarProfileFields .form-label {
    margin-bottom: 0.35rem;
}

/* Neutralize legacy .username-color-label indent (margin-left: 9px) so Color
   lines up with the Name form-label. */
#sidebarProfileFields .username-color-label {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0.35rem !important;
    width: 100% !important;
    left: auto !important;
}

#sidebarProfileFields #nicknameInput.form-control {
    min-height: 44px;
    height: 44px;
    /* Match Litera .btn / Color picker toggle rounding (not default form-control 0.375rem). */
    border-radius: var(--bs-btn-border-radius, 1.078em);
}

/* Classic mode: mirror exactly which sidebar controls get hidden, rather than
   hiding the whole accordion. Matches legacy behavior: the entire Customization
   section, App Sounds, Disable Prank Sounds, Videos & Pictures, Chaos Messenger,
   Reactions/Emojis and the Podcast button. */
html.gccr-classic-mode #sidebarBsSettingsAccordion .accordion-item:has(#bsCollapseCustomization),
html.gccr-classic-mode #sidebarBsSettingsAccordion .form-check:has(#appSounds),
html.gccr-classic-mode #sidebarBsSettingsAccordion .form-check:has(#disablePrankSounds),
html.gccr-classic-mode #sidebarBsSettingsAccordion .form-check:has(#showVideoKeyups),
html.gccr-classic-mode #sidebarBsSettingsAccordion .form-check:has(#whisperTexts),
html.gccr-classic-mode #sidebarBsSettingsAccordion .form-check:has(#showKeyUpFeedback),
html.gccr-classic-mode #sidebarBsSettingsAccordion #podcastRecordButton,
html.gccr-classic-mode #sidebarBsSettingsAccordion .d-grid:has(#podcastRecordButton) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* Bootstrap Dropdown pickers (Color Scheme, Roger Beep, Talk Button, username
   Color) built by js/bs-settings.js. Swatch dot + emoji preview, scrollable menu. */
#sidebar .gccr-bs-picker-toggle {
    gap: 8px;
    min-height: 44px;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    font-size: 1rem;
}

#sidebar .gccr-bs-picker-preview {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15em;
    height: 1.15em;
    flex: 0 0 auto;
    font-size: 1em;
    line-height: 1;
}

#sidebar .gccr-bs-picker-img {
    width: 1.15em;
    height: 1.15em;
    object-fit: contain;
    display: block;
}

#sidebar .gccr-bs-picker-menu .dropdown-item .gccr-bs-picker-preview,
#sidebar .gccr-bs-picker-menu .dropdown-item .gccr-bs-picker-img {
    width: 1.3em;
    height: 1.3em;
}

#sidebar .gccr-bs-picker-dot {
    width: 0.95em;
    height: 0.95em;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
}

#sidebar .gccr-bs-picker-menu {
    max-height: 260px;
    overflow-y: auto;
    --bs-dropdown-min-width: 100%;
}

#sidebar .gccr-bs-picker-menu .dropdown-item {
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
}

/* Volume: legacy #masterVolume / #masterVolumeValue chrome is scoped with
   :not(.form-range) / :not(.badge). Keep the accordion range bare so Bootstrap
   .form-range styles (circular thumb, soft track) show through. */
#sidebarBsSettingsAccordion #masterVolume.form-range {
    background: transparent;
}

#sidebarBsSettingsAccordion #masterVolumeValue.badge {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
}

/* Larger form-switches for mobile touch (default Bootstrap switches are ~14–16px
   tall). Scale track + thumb and match the form-check padding/offset. */
#sidebarBsSettingsAccordion .form-switch {
    --gccr-switch-w: 3rem;
    --gccr-switch-h: 1.55rem;
    --gccr-switch-gap: 0.85rem;
    min-height: 2.75rem;
    padding-left: calc(var(--gccr-switch-w) + var(--gccr-switch-gap));
    display: flex;
    align-items: center;
}

#sidebarBsSettingsAccordion .form-switch .form-check-input {
    width: var(--gccr-switch-w);
    height: var(--gccr-switch-h);
    margin-left: calc(-1 * (var(--gccr-switch-w) + var(--gccr-switch-gap)));
    margin-top: 0;
    flex-shrink: 0;
}

#sidebarBsSettingsAccordion .form-switch .form-check-label {
    line-height: 1.3;
    padding-top: 0;
}

/* Tighten space above App UI Sound Effects (after Headset Talk Trigger's mb-3). */
#sidebarBsSettingsAccordion .form-check:has(#appSounds) {
    margin-top: -5px;
}

/* Pull the first control in each accordion section up 5px. */
#sidebarBsSettingsAccordion .accordion-body > .mb-3:first-child,
#sidebarBsSettingsAccordion .accordion-body > .form-check:first-child,
#sidebarBsSettingsAccordion .accordion-body > .d-grid:first-child {
    margin-top: -5px;
}

/* Record Podcast: match sidebar action button height (pill-rounded). */
#sidebarBsSettingsAccordion #podcastRecordButton {
    height: 40px;
    min-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#tab-home .sidebar-list-section-customization .sidebar-advanced-settings-body-inner > .sidebar-list-item {
    border-top: none !important;
    border-bottom: none !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: 12px !important;
    padding: 8px 16px !important;
    min-height: 48px !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: 12px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 32px !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: 8px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !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: 20px !important;
    height: 20px !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: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !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 20px !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 4px, transparent 4px),
        var(--color-accent, #3b82f6) !important;
}

#tab-home .sidebar-list-section-sound-settings .sidebar-list-item-switch,
#tab-home .sidebar-list-section-advanced-settings .sidebar-list-item-switch {
    padding: 3px 16px !important;
    min-height: 43px !important;
}

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

#tab-home .sidebar-list-section-sound-settings .sidebar-list-toggle-row,
#tab-home .sidebar-list-section-advanced-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: 3px !important;
}

/* Profile fields: direct #tab-home children must not flex-grow or reserve bottom gap. */
#sidebar #tab-home > .input-container.sidebar-list-control,
#sidebar #tab-home > #usernameColorDropdown {
    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: 10px !important;
    padding-right: 10px !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: 44px !important;
    box-sizing: border-box !important;
}

#sidebar #tab-home > #usernameColorDropdown.username-color-dropdown.sidebar-list-control {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: -1px !important;
    margin-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    left: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
}

html.gccr-classic-mode #sidebar #tab-home > .username-color-label,
html.gccr-classic-mode #sidebar #tab-home > #usernameColor,
html.gccr-classic-mode #sidebar #tab-home > #usernameColorDropdown.username-color-dropdown.sidebar-list-control,
html.gccr-classic-mode #sidebarUsernameColorField {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
}

html.gccr-classic-mode #sidebar #tab-home > .sidebar-list-section-sound-settings {
    margin-top: 10px !important;
}

#sidebar #tab-home > #usernameColorDropdown .cs-scheme-sel-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body #sidebar #tab-home > #usernameColorDropdown .username-color-overlay {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

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

/* Collapsible sections + action row: ~10px horizontal inset. */
#sidebar #tab-home > .sidebar-list-section {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: auto !important;
    box-sizing: border-box !important;
}

#sidebar #tab-home > #usernameColor.sidebar-list-control {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

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

#toastNotificationTop {
    margin-top: 5px !important;
}

#keyingUpList {
    top: 21px !important;
}

/* Main UI block button — shared PNG art (see BLOCKBTN_EMBED). */
#controlsContainer #buttonContainer #blockButton {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    min-height: 47px !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;
}

/* Main UI skip/reverse buttons — shared PNG art (see BLOCKBTN_EMBED). */
#controlsContainer #buttonContainer #skipButton,
#controlsContainer #buttonContainer #reverseButton {
    width: 47px !important;
    height: 47px !important;
    min-width: 47px !important;
    min-height: 47px !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;
}

/* Vector scope: wireframe block / skip / reverse (HUD rings + phosphor icons). */
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton:not(:disabled),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton.active,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton.active:not(:disabled),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton:not(.active),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton:disabled,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton:not(:disabled),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton.active,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton.active:not(:disabled),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton:not(.active),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton:disabled,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton:not(:disabled),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton.active,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton.active:not(:disabled),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton:not(.active),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton:disabled {
    position: relative !important;
    box-sizing: border-box !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 1.5px solid rgba(0, 255, 65, 0.9) !important;
    border-radius: 50% !important;
    outline: none !important;
    box-shadow:
        0 2px 12px rgba(0, 0, 0, 0.55),
        0 0 10px rgba(0, 255, 65, 0.08) !important;
    filter: none !important;
    overflow: visible !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton.active:not(:disabled),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton.active:not(:disabled),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton.active:not(:disabled) {
    background-color: rgba(0, 255, 65, 0.12) !important;
    box-shadow:
        0 3px 14px rgba(0, 0, 0, 0.5),
        0 0 16px rgba(0, 255, 65, 0.12) !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton:disabled,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton:disabled,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton:disabled {
    border-color: var(--talkbtn-disabled-gray, #454545) !important;
    box-shadow:
        0 0 0 1px rgba(80, 80, 80, 0.2),
        inset 0 0 8px rgba(80, 80, 80, 0.08) !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton::before,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton::before,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton::before,
:root[data-color-scheme="vectorScope"] #buttonContainer #blockButton::before,
:root[data-color-scheme="vectorScope"] #buttonContainer #skipButton::before,
:root[data-color-scheme="vectorScope"] #buttonContainer #reverseButton::before {
    content: none !important;
    display: none !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton::after,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton::after,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton::after,
:root[data-color-scheme="vectorScope"] #buttonContainer #blockButton::after,
:root[data-color-scheme="vectorScope"] #buttonContainer #skipButton::after,
:root[data-color-scheme="vectorScope"] #buttonContainer #reverseButton::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 50% auto !important;
    pointer-events: none !important;
    visibility: visible !important;
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
    opacity: 1 !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton:not(.active):not(:disabled)::after,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton:not(.active):not(:disabled)::after,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton:not(.active):not(:disabled)::after {
    opacity: 0.55 !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #blockButton:disabled::after,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #skipButton:disabled::after,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton:disabled::after {
    filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(4%) hue-rotate(170deg) brightness(94%) contrast(85%) !important;
    opacity: 0.75 !important;
}

/* Vector scope reverse icon already uses a dedicated left-pointing SVG on its
   ::after, so cancel the scaleX(-1) flip (kept for the shared-PNG themes) that
   would otherwise mirror it back to point right. */
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton.active:not(:disabled) {
    transform: none !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton:not(.active),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #reverseButton:disabled {
    transform: none !important;
}

/* Main UI — block at 25vw, talk at 50vw, skip/reverse at 75vw (viewport midpoints). */
html:not([data-color-scheme="classic"]) #controlsContainer #buttonContainer {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    justify-items: stretch !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
    gap: 0 !important;
    padding: 0 !important;
    height: calc(140px * 1.5625 * 5 / 6) !important;
}

html:not([data-color-scheme="classic"]) #controlsContainer #blockDownloadContainer {
    grid-column: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex-shrink: 1 !important;
}

:root {
    --gccr-talk-btn-size: calc(130px * 1.25 * 5 / 6);
}

html:not([data-color-scheme="classic"]) {
    --gccr-talk-btn-size: calc(130px * 1.5625 * 5 / 6);
    --talkbtn-outer-ring: 4px;
    --talkbtn-black-band: 10px;
    --talkbtn-disabled-gray: #454545;
}

html[data-color-scheme="classic"] {
    --gccr-talk-btn-size: calc(173px * 1.25 * 5 / 6);
}

html:not([data-color-scheme="classic"]) #controlsContainer #talkButtonWrapper {
    grid-column: 2 !important;
    justify-self: center !important;
    box-shadow: none !important;
}

html:not([data-color-scheme="classic"]) #controlsContainer #skipReverseContainer {
    grid-column: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 20px !important;
    flex-shrink: 1 !important;
}

html:not([data-color-scheme="classic"]) #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-style: solid !important;
    border-width: var(--talkbtn-outer-ring) !important;
    background-color: #000 !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    filter: none !important;
    overflow: hidden !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton::before {
    content: "" !important;
    position: absolute !important;
    inset: var(--talkbtn-black-band) !important;
    border-radius: 50% !important;
    background-color: var(--color-btn-bg, #3b82f6) !important;
    background-image: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton::after {
    content: "" !important;
    position: absolute !important;
    inset: var(--talkbtn-black-band) !important;
    background-image: var(--talkbtn-icon-url, none) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: calc(
        (var(--gccr-talk-btn-size) - 2 * (var(--talkbtn-outer-ring) + var(--talkbtn-black-band))) * 0.64
    ) auto !important;
    opacity: 0.75 !important;
    pointer-events: none !important;
    border-radius: 50% !important;
    z-index: 1 !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton:not(:disabled):not(.talking) {
    border-color: var(--color-btn-bg, #3b82f6) !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton:not(:disabled):not(.talking)::before {
    background-color: var(--color-btn-bg, #3b82f6) !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton.talking,
html:not([data-color-scheme="classic"]) #buttonContainer #talkButton.talking:not(:disabled) {
    border-color: #dc2626 !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton.talking::before,
html:not([data-color-scheme="classic"]) #buttonContainer #talkButton.talking:not(:disabled)::before {
    background-color: #dc2626 !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton:disabled:not(.talking),
html:not([data-color-scheme="classic"]) #buttonContainer #talkButton.disabled:not(.talking) {
    background-color: #000 !important;
    background-image: none !important;
    border-color: var(--talkbtn-disabled-gray, #454545) !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton:disabled:not(.talking)::before,
html:not([data-color-scheme="classic"]) #buttonContainer #talkButton.disabled:not(.talking)::before {
    background-color: var(--talkbtn-disabled-gray, #454545) !important;
    background-image: none !important;
}

html:not([data-color-scheme="classic"]) #buttonContainer #talkButton:not(:disabled):not(.talking):hover {
    filter: none !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:not(:disabled):not(.talking),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:not(.talking):not(:disabled) {
    background-color: transparent !important;
    background-image: none !important;
    border-color: rgba(0, 255, 65, 0.9) !important;
    border-width: var(--talkbtn-outer-ring) !important;
    box-shadow:
        0 0 0 1px rgba(0, 255, 65, 0.18),
        0 0 12px rgba(0, 255, 65, 0.24),
        inset 0 0 10px rgba(0, 255, 65, 0.08) !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:not(:disabled):not(.talking)::before,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:not(.talking):not(:disabled)::before {
    background-color: transparent !important;
    background-image: none !important;
    border: 2px solid rgba(0, 255, 65, 0.85) !important;
    box-sizing: border-box !important;
    box-shadow:
        inset 0 0 12px rgba(0, 255, 65, 0.1),
        0 0 8px rgba(0, 255, 65, 0.12) !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton::after {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
    opacity: 0.75 !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.talking,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.talking:not(:disabled) {
    background-color: transparent !important;
    background-image: none !important;
    border-color: rgba(239, 68, 68, 0.9) !important;
    border-width: var(--talkbtn-outer-ring) !important;
    box-shadow:
        0 0 0 1px rgba(239, 68, 68, 0.26),
        0 0 16px rgba(239, 68, 68, 0.34),
        inset 0 0 10px rgba(239, 68, 68, 0.08) !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.talking::before,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.talking:not(:disabled)::before {
    background-color: transparent !important;
    background-image: none !important;
    border: 2px solid rgba(239, 68, 68, 0.85) !important;
    box-sizing: border-box !important;
    box-shadow:
        inset 0 0 12px rgba(239, 68, 68, 0.12),
        0 0 8px rgba(239, 68, 68, 0.18) !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.talking::after {
    filter: brightness(0) saturate(100%) invert(35%) sepia(83%) saturate(2389%) hue-rotate(339deg) brightness(104%) contrast(92%) !important;
    opacity: 0.75 !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:disabled:not(.talking),
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.disabled:not(.talking) {
    background-color: transparent !important;
    background-image: none !important;
    border-color: var(--talkbtn-disabled-gray, #454545) !important;
    border-width: var(--talkbtn-outer-ring) !important;
    box-shadow:
        0 0 0 1px rgba(80, 80, 80, 0.2),
        inset 0 0 8px rgba(80, 80, 80, 0.08) !important;
    filter: none !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:disabled:not(.talking)::before,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.disabled:not(.talking)::before {
    background-color: transparent !important;
    background-image: none !important;
    border: 2px solid var(--talkbtn-disabled-gray, #454545) !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.08) !important;
}

:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton:disabled:not(.talking)::after,
:root[data-color-scheme="vectorScope"] #controlsContainer #buttonContainer #talkButton.disabled:not(.talking)::after {
    filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(4%) hue-rotate(170deg) brightness(94%) contrast(85%) !important;
    opacity: 0.75 !important;
}

html.gccr-classic-mode #controlsContainer #buttonContainer #talkButton::after {
    background-image: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.video-message-blur-layer #currentSpeaker {
    position: absolute !important;
    top: auto !important;
    bottom: 92px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 22;
    font-weight: 700 !important;
}

#videoMessageContainer #currentSpeaker,
#videoMessageContainer #currentSpeaker .speaker-name-dissolve,
.video-message-blur-layer #currentSpeaker .speaker-name-dissolve {
    font-weight: 700 !important;
}
.video-message-blur-layer #currentSpeaker.visible {
    transform: translateX(-50%) scale(1) !important;
}
.video-message-blur-layer #playbackInfo {
    position: absolute;
    bottom: 57px !important;
    left: 50%;
    right: auto;
    top: auto;
    transform: translateX(-50%);
    text-align: center;
    pointer-events: none;
    z-index: 21;
    border-radius: 0;
}
.video-message-blur-layer #incomingQueueTimeCounter,
#videoMessageContainer #incomingQueueTimeCounter {
    display: block;
    min-width: 3ch;
    font-size: 16px;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    color: #ffffff;
}

:root[data-color-scheme="vectorScope"] #videoMessageContainer #incomingQueueTimeCounter,
:root[data-color-scheme="vectorScope"] .video-message-blur-layer #incomingQueueTimeCounter {
    color: #00ff41 !important;
}

/* Classic mode / theme: fixed speaker HUD + queue timer below the name. */
html.gccr-classic-mode #videoMessageContainer,
html[data-color-scheme="classic"] #videoMessageContainer {
    visibility: visible !important;
    pointer-events: none !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    z-index: 1000 !important;
}

html.gccr-classic-mode #videoMessageContainer .video-message-blur-layer,
html[data-color-scheme="classic"] #videoMessageContainer .video-message-blur-layer {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
    overflow: visible !important;
}

html.gccr-classic-mode #videoMessageContainer #currentSpeaker,
html.gccr-classic-mode .video-message-blur-layer #currentSpeaker,
html[data-color-scheme="classic"] #videoMessageContainer #currentSpeaker,
html[data-color-scheme="classic"] .video-message-blur-layer #currentSpeaker {
    display: flex !important;
    position: fixed !important;
    top: calc((var(--gccr-header-stack, 48px) + 50vh - 110px) / 2) !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1001 !important;
    pointer-events: auto !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: auto !important;
    max-width: calc(100% - 40px) !important;
    text-align: center !important;
}

html.gccr-classic-mode #videoMessageContainer #currentSpeaker.visible,
html.gccr-classic-mode .video-message-blur-layer #currentSpeaker.visible,
html[data-color-scheme="classic"] #videoMessageContainer #currentSpeaker.visible,
html[data-color-scheme="classic"] .video-message-blur-layer #currentSpeaker.visible {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

html.gccr-classic-mode #videoMessageContainer #playbackInfo,
html.gccr-classic-mode .video-message-blur-layer #playbackInfo,
html[data-color-scheme="classic"] #videoMessageContainer #playbackInfo,
html[data-color-scheme="classic"] .video-message-blur-layer #playbackInfo {
    position: fixed !important;
    top: calc((var(--gccr-header-stack, 48px) + 50vh - 110px) / 2 + 49px) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 0) !important;
    z-index: 1002 !important;
    pointer-events: none !important;
    text-align: center !important;
}

html.gccr-classic-mode #videoMessageContainer #playbackInfo.active,
html.gccr-classic-mode .video-message-blur-layer #playbackInfo.active,
html[data-color-scheme="classic"] #videoMessageContainer #playbackInfo.active,
html[data-color-scheme="classic"] .video-message-blur-layer #playbackInfo.active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hide queue segment lights; keep recording progress bar during talk */
#queueVisualizationBar,
#videoContainerBars #queueVisualizationBar {
    display: 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: 8px !important;
    margin: 0 auto !important;
}

/* App backdrop: per-scheme gradient. Gradients are background-images, so this
   must use !important to beat the `data-no-wallpaper` background-image:none rule
   (data-no-wallpaper is always set now that wallpaper photos are disabled). */
html[data-no-wallpaper] #app,
html[data-color-scheme] #app,
#app {
    background: radial-gradient(
        circle calc(100vh - 264px) at 50% 100%,
        color-mix(in srgb, var(--color-bg-gradient-start, #061a3d) 75%, #000) 0%,
        var(--color-bg-gradient-end, #000000) 100%
    ) !important;
}

/* Classic (Windows) mode keeps a solid backdrop — no gradient. */
html.gccr-classic-mode #app,
html[data-color-scheme="classic"] #app {
    background: #000 !important;
    background-image: none !important;
}

#themeWallpaperRow {
    display: none !important;
}

/* User/channel list: fixed Close button at bottom (all non-classic themes). */
html:not([data-color-scheme="classic"]) body #userListModal.active:not(.closing) #userListClassicCloseBtn,
html:not([data-color-scheme="classic"]) body #userListModal.opening #userListClassicCloseBtn,
html:not([data-color-scheme="classic"]) body #channelListModal.active:not(.closing) #channelListClassicCloseBtn,
html:not([data-color-scheme="classic"]) body #channelListModal.opening #channelListClassicCloseBtn,
html:not([data-color-scheme="classic"]) body #inboxModal.active:not(.closing) #inboxClose,
html:not([data-color-scheme="classic"]) body #inboxModal.opening #inboxClose,
html:not([data-color-scheme="classic"]) body #leaderboardModal.active:not(.closing) #leaderboardClose,
html:not([data-color-scheme="classic"]) body #leaderboardModal.opening #leaderboardClose,
html:not([data-color-scheme="classic"]) body #emojiPickerModal.active:not(.closing) #emojiPickerClose,
html:not([data-color-scheme="classic"]) body #emojiPickerModal.opening #emojiPickerClose,
html:not([data-color-scheme="classic"]) body #userInfoModal.active:not(.closing) #userInfoClose,
html:not([data-color-scheme="classic"]) body #userInfoModal.opening #userInfoClose {
    display: block !important;
    flex: 0 0 auto !important;
    width: calc(100% - 20px) !important;
    margin: 6px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 12px 16px !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: var(--color-modal-action-text, var(--color-btn-text, #fff)) !important;
    font-family: var(--gccr-app-font) !important;
    font-size: 15px !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;
}

/* Video/picture message thumbnail + label: sit above controls overlap */
#videoMessageContainer .video-message-icons-row {
    bottom: 125px !important;
}

#videoMessageContainer .video-idle-globe-overlay {
    container-type: size !important;
    align-items: center !important;
    justify-content: center !important;
}

.video-message-container.video-idle .video-idle-globe-overlay {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#videoMessageContainer .video-idle-globe-overlay .video-idle-globe-img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: unset !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Vector scope: disabled save FAB matches disabled attach/cam FAB (grey ring + muted icon). */
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:disabled,
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:disabled.active {
    background-color: transparent !important;
    background-image: url("img/embedded/asset-bbf91f17bb.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: var(--gccr-bottom-fab-glyph-size) var(--gccr-bottom-fab-glyph-size) !important;
    border: none !important;
    border-width: 0 !important;
    filter: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* Vector scope: user/channel list Close buttons need solid green fill (theme btn vars are ~transparent). */
:root[data-color-scheme="vectorScope"] body #userListModal.active:not(.closing) #userListClassicCloseBtn,
:root[data-color-scheme="vectorScope"] body #userListModal.opening #userListClassicCloseBtn,
:root[data-color-scheme="vectorScope"] body #channelListModal.active:not(.closing) #channelListClassicCloseBtn,
:root[data-color-scheme="vectorScope"] body #channelListModal.opening #channelListClassicCloseBtn,
:root[data-color-scheme="vectorScope"] body #inboxModal.active:not(.closing) #inboxClose,
:root[data-color-scheme="vectorScope"] body #inboxModal.opening #inboxClose,
:root[data-color-scheme="vectorScope"] body #leaderboardModal.active:not(.closing) #leaderboardClose,
:root[data-color-scheme="vectorScope"] body #leaderboardModal.opening #leaderboardClose,
:root[data-color-scheme="vectorScope"] body #emojiPickerModal.active:not(.closing) #emojiPickerClose,
:root[data-color-scheme="vectorScope"] body #emojiPickerModal.opening #emojiPickerClose,
:root[data-color-scheme="vectorScope"] body #userInfoModal.active:not(.closing) #userInfoClose,
:root[data-color-scheme="vectorScope"] body #userInfoModal.opening #userInfoClose,
:root[data-color-scheme="vectorScope"] body #moderatedUsersModal.active:not(.closing) #moderatedUsersCloseBottom,
:root[data-color-scheme="vectorScope"] body #moderatedUsersModal.opening #moderatedUsersCloseBottom,
:root[data-color-scheme="vectorScope"] body #ccChipShopModal.cc-chip-shop-overlay.active #ccChipShopCloseBottom {
    background: #00c828 !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    text-shadow: none !important;
    border: 1.5px solid rgba(0, 255, 65, 0.9) !important;
    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.62),
        0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}

/* Vector scope: inbox icon uses same phosphor green filter as users/channel icons. */
:root[data-color-scheme="vectorScope"] #menuBar #inboxButton #inboxIcon,
:root[data-color-scheme="vectorScope"] body:has(#inboxModal.active) #menuBar #inboxButton #inboxIcon,
:root[data-color-scheme="vectorScope"] body:has(#inboxModal.closing) #menuBar #inboxButton #inboxIcon {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}

:root[data-color-scheme="vectorScope"] #menuBar #inboxButton.has-unread #inboxIcon {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) drop-shadow(0 0 4px #00ff41) drop-shadow(0 0 12px rgba(0, 255, 65, 0.75)) !important;
}

/* Vector scope: inbox Chats/Friends tab icons match menu bar phosphor green. */
:root[data-color-scheme="vectorScope"] #inboxModal .inbox-md3-tab .inbox-md3-tab-icon {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}

/* Inbox / leaderboard / user info: bottom Close button layout (titlebar removed). */
#inboxClose.user-list-classic-close-btn,
#leaderboardClose.user-list-classic-close-btn,
#userInfoClose.user-list-classic-close-btn {
    display: none;
    flex: 0 0 auto !important;
}

#inboxModal #inboxClose {
    position: relative !important;
    z-index: 2 !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;
}

/* Vector scope: media review dialogs — bright phosphor frame (ID rules override generic modal skin). */
:root[data-color-scheme="vectorScope"] #videoReviewModal.video-review-modal,
:root[data-color-scheme="vectorScope"] #audioUploadModal.video-recording-modal {
    background: rgba(0, 0, 0, 0.9) !important;
}

:root[data-color-scheme="vectorScope"] #videoReviewModal .video-review-modal-content,
:root[data-color-scheme="vectorScope"] #audioUploadModal .video-recording-modal-content {
    background: rgba(0, 12, 0, 0.98) !important;
    border: 2px solid rgba(0, 255, 65, 0.9) !important;
    box-shadow:
        0 0 0 1px rgba(0, 255, 65, 0.35),
        0 0 28px rgba(0, 255, 65, 0.45),
        inset 0 0 18px rgba(0, 255, 65, 0.1) !important;
}

:root[data-color-scheme="vectorScope"] #videoReviewModal .video-recording-preview-wrap,
:root[data-color-scheme="vectorScope"] #audioUploadModal .video-recording-preview-wrap {
    border: 1px solid rgba(0, 255, 65, 0.35) !important;
    box-shadow: inset 0 0 12px rgba(0, 255, 65, 0.08) !important;
}

:root[data-color-scheme="vectorScope"] #videoReviewModal .video-review-actions button:not(#videoReviewSendBtn),
:root[data-color-scheme="vectorScope"] #audioUploadReviewPanel .video-gallery-trim-actions .video-gallery-trim-secondary,
:root[data-color-scheme="vectorScope"] #audioGalleryTrimPanel .video-gallery-trim-actions .video-gallery-trim-secondary {
    background: rgba(0, 255, 65, 0.1) !important;
    border: 1.5px solid rgba(0, 255, 65, 0.65) !important;
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.12) !important;
}

:root[data-color-scheme="vectorScope"] #videoReviewModal .video-review-actions #videoReviewSendBtn,
:root[data-color-scheme="vectorScope"] #audioUploadReviewPanel .video-gallery-trim-actions .video-gallery-trim-primary,
:root[data-color-scheme="vectorScope"] #audioGalleryTrimPanel .video-gallery-trim-actions .video-gallery-trim-primary {
    background: linear-gradient(180deg, #00ff41 0%, #00c828 100%) !important;
    border: 1.5px solid rgba(0, 255, 65, 0.95) !important;
    box-shadow: 0 0 16px rgba(0, 255, 65, 0.35) !important;
}

:root[data-color-scheme="vectorScope"] #videoReviewModal .video-review-actions button:not(#videoReviewSendBtn) img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}

:root[data-color-scheme="vectorScope"] #videoReviewModal .video-review-actions #videoReviewSendBtn img {
    filter: brightness(0) !important;
}

:root[data-color-scheme="vectorScope"] #audioGalleryTrimPanel .video-gallery-trim-hint,
:root[data-color-scheme="vectorScope"] #audioUploadReviewPanel .video-gallery-trim-hint,
:root[data-color-scheme="vectorScope"] #videoRecordingModal.gallery-trim-mode #videoGalleryTrimHint {
    color: rgba(0, 255, 65, 0.82) !important;
}

/* Review modals: full-screen panel with 10px outer margin, no titlebar. */
#videoReviewModal.video-review-modal {
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

#videoReviewModal .video-review-modal-content {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    padding: 0 !important;
}

/* Audio upload modal: compact card sized to trim/review content. */
#audioUploadModal.video-recording-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

#audioUploadModal .video-recording-modal-content {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    height: auto !important;
    max-height: calc(100vh - 20px) !important;
    min-height: 0 !important;
    flex: 0 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    padding: 0 !important;
}

#videoReviewModal .video-recording-preview-wrap {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 10px !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

#videoReviewModal #videoReviewPlayer,
#videoReviewModal #videoReviewImage {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
}

#videoReviewModal .video-review-actions {
    flex: 0 0 auto !important;
    margin: 0 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
}

#audioUploadModal .video-recording-preview-wrap,
#audioUploadModal .video-recording-progress {
    flex: 0 0 auto !important;
}

#audioUploadModal.gallery-trim-mode:not(.audio-upload-review-mode) #audioGalleryTrimPanel,
#audioUploadModal.audio-upload-review-mode #audioUploadReviewPanel {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin: 0 10px 10px !important;
    justify-content: flex-start !important;
}

#audioUploadModal.gallery-trim-mode:not(.audio-upload-review-mode) #audioUploadReviewPanel {
    display: none !important;
}

/* Leaderboard chaos bank: tab rail tinted; main panel area uses outer shell translucency */
#leaderboardModal .leaderboard-chaos-bank-mount,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-bank-shell,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panels,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panel {
    background: transparent !important;
    background-color: transparent !important;
}

#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail,
#leaderboardModal .leaderboard-main-tabs,
#leaderboardModal .leaderboard-section > .leaderboard-tabs {
    background-color: color-mix(in srgb, var(--color-sidebar-solid-bg, #001428) 82%, transparent) !important;
}

:root[data-color-scheme="vectorScope"] body #leaderboardModal .leaderboard-modal-content,
:root[data-color-scheme="vectorScope"] body #inboxModal .modal-content {
    background: transparent !important;
    background-color: transparent !important;
}

/* Vector scope: flat fill + ring while recording (see talk button block above). */
:root[data-color-scheme="vectorScope"]:has(#queueVisualization.recording) #saveFabShell #downloadButton.active:not(:disabled),
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton[aria-label*="ndo" i].active:not(:disabled) {
    background-image: none !important;
}

:root[data-color-scheme="vectorScope"]:has(#queueVisualization.recording) #saveFabShell #downloadButton.active:not(:disabled) .download-button-undo-icon,
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton[aria-label*="ndo" i].active:not(:disabled) .download-button-undo-icon {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}

/* Bottom FAB row (reactions, download, attach): icon only — no fill or ring. */
#reactionFabShell .reaction-fab-toggle,
#reactionFabShell #reactionFabToggle,
#reactionFabShell.reaction-fab-shell.open .reaction-fab-toggle,
#reactionFabShell.reaction-fab-shell.open #reactionFabToggle,
#reactionFabShell .reaction-fab-toggle:hover,
#reactionFabShell .reaction-fab-toggle:active,
#reactionFabShell .reaction-fab-toggle:focus-visible,
#reactionFabShell #reactionFabToggle:hover,
#reactionFabShell #reactionFabToggle:active,
#reactionFabShell #reactionFabToggle:focus-visible,
#camFabRoot.cam-fab-root #camButton,
#camFabRoot.cam-fab-root.cam-fab-open #camButton,
#camFabRoot.cam-fab-root #camButton:hover:not(:disabled),
#camFabRoot.cam-fab-root #camButton:active:not(:disabled),
#camFabRoot.cam-fab-root #camButton:focus-visible:not(:disabled),
#clipsFabShell #clipsFabButton,
#clipsFabShell #clipsFabButton:hover:not(:disabled),
#clipsFabShell #clipsFabButton:active:not(:disabled),
#clipsFabShell #clipsFabButton:focus-visible:not(:disabled),
#saveFabShell #downloadButton,
.save-fab-shell #downloadButton,
#saveFabShell #downloadButton:not(:disabled),
#saveFabShell #downloadButton.active,
#saveFabShell #downloadButton.active:not(:disabled),
#saveFabShell #downloadButton:disabled,
#saveFabShell #downloadButton:disabled.active,
#saveFabShell #downloadButton:hover:not(:disabled),
#saveFabShell #downloadButton:active:not(:disabled),
#saveFabShell #downloadButton:focus-visible:not(:disabled),
.save-fab-shell #downloadButton:not(:disabled),
.save-fab-shell #downloadButton.active,
.save-fab-shell #downloadButton.active:not(:disabled),
.save-fab-shell #downloadButton:disabled,
.save-fab-shell #downloadButton:disabled.active,
.save-fab-shell #downloadButton:hover:not(:disabled),
.save-fab-shell #downloadButton:active:not(:disabled),
.save-fab-shell #downloadButton:focus-visible:not(:disabled) {
    background-color: transparent !important;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:not(:disabled) {
    background-image: url("img/embedded/asset-fa98c0ce87.svg") !important;
    background-size: var(--gccr-bottom-fab-glyph-size) var(--gccr-bottom-fab-glyph-size) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:disabled,
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:disabled.active {
    background-image: url("img/embedded/asset-bbf91f17bb.svg") !important;
    background-size: var(--gccr-bottom-fab-glyph-size) var(--gccr-bottom-fab-glyph-size) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

:root[data-color-scheme="vectorScope"] #camFabRoot.cam-fab-root #camButton {
    background-image: none !important;
}

/* Save FAB: scale download/undo glyphs to fill the bottom FAB button. */
#saveFabShell #downloadButton,
.save-fab-shell #downloadButton {
    background-size: var(--gccr-bottom-fab-glyph-size) var(--gccr-bottom-fab-glyph-size) !important;
}

#saveFabShell #downloadButton .download-button-undo-icon,
.save-fab-shell #downloadButton .download-button-undo-icon {
    width: var(--gccr-bottom-fab-glyph-size) !important;
    height: var(--gccr-bottom-fab-glyph-size) !important;
    max-width: var(--gccr-bottom-fab-glyph-size) !important;
    max-height: var(--gccr-bottom-fab-glyph-size) !important;
    object-fit: contain !important;
}

#saveFabShell #downloadButton .download-button-label,
.save-fab-shell #downloadButton .download-button-label {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Reactions + attach FABs: slightly smaller glyphs for matching visual weight. */
#reactionFabShell .reaction-fab-toggle svg,
#reactionFabShell #reactionFabToggle svg {
    width: var(--gccr-bottom-fab-glyph-size-sm) !important;
    height: var(--gccr-bottom-fab-glyph-size-sm) !important;
    flex-shrink: 0 !important;
}

#camFabRoot.cam-fab-root #camButton .cam-button-icon,
.cam-fab-root #camButton .cam-button-icon,
#clipsFabShell #clipsFabButton .cam-button-icon {
    width: var(--gccr-bottom-fab-glyph-size-sm) !important;
    max-width: var(--gccr-bottom-fab-glyph-size-sm) !important;
    height: var(--gccr-bottom-fab-glyph-size-sm) !important;
    object-fit: contain !important;
}

#camFabRoot.cam-fab-root #camButton::after,
.cam-fab-root #camButton::after,
.cam-fab-root.cam-fab-open #camButton::after {
    background-size: var(--gccr-bottom-fab-glyph-size-sm) var(--gccr-bottom-fab-glyph-size-sm) !important;
}

#camFabRoot.cam-fab-root.cam-fab-open #camButton,
.cam-fab-root.cam-fab-open #camButton {
    background-size: var(--gccr-bottom-fab-glyph-size-sm) var(--gccr-bottom-fab-glyph-size-sm) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Bottom FAB row: strip borders on all themes (vectorScope ring rules override icon-only block). */
:root[data-color-scheme="vectorScope"] #reactionFabShell #reactionFabToggle,
:root[data-color-scheme="vectorScope"] #reactionFabShell .reaction-fab-toggle,
:root[data-color-scheme="vectorScope"] #reactionFabShell.reaction-fab-shell.open #reactionFabToggle,
:root[data-color-scheme="vectorScope"] #reactionFabShell.reaction-fab-shell.open .reaction-fab-toggle,
:root[data-color-scheme="vectorScope"] #camFabRoot #camButton,
:root[data-color-scheme="vectorScope"] #camFabRoot.cam-fab-root #camButton,
:root[data-color-scheme="vectorScope"] #camFabRoot.cam-fab-root.cam-fab-open #camButton,
:root[data-color-scheme="vectorScope"] #clipsFabShell #clipsFabButton,
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton,
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:not(:disabled),
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton.active,
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton.active:not(:disabled),
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:disabled,
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton:disabled.active {
    background-color: transparent !important;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

#reactionFabShell .reaction-fab-toggle,
#reactionFabShell #reactionFabToggle,
#camFabRoot.cam-fab-root #camButton,
#clipsFabShell #clipsFabButton,
#saveFabShell #downloadButton,
.save-fab-shell #downloadButton {
    width: var(--gccr-bottom-fab-size) !important;
    height: var(--gccr-bottom-fab-size) !important;
    min-width: var(--gccr-bottom-fab-size) !important;
    min-height: var(--gccr-bottom-fab-size) !important;
    max-width: var(--gccr-bottom-fab-size) !important;
    max-height: var(--gccr-bottom-fab-size) !important;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Talk button disabled: neutral gray inner disc matching outer ring (no blue #374151 tint). */
html:not([data-color-scheme="classic"]) #controlsContainer #buttonContainer #talkButton:disabled:not(.talking),
html:not([data-color-scheme="classic"]) #controlsContainer #buttonContainer #talkButton.disabled:not(.talking) {
    background-color: #000 !important;
    background-image: none !important;
    border-color: var(--talkbtn-disabled-gray, #454545) !important;
    filter: none !important;
    box-shadow: none !important;
}

html:not([data-color-scheme="classic"]) #controlsContainer #buttonContainer #talkButton:disabled:not(.talking)::before,
html:not([data-color-scheme="classic"]) #controlsContainer #buttonContainer #talkButton.disabled:not(.talking)::before {
    background-color: var(--talkbtn-disabled-gray, #454545) !important;
    background-image: none !important;
}

/* Top toast HUD text: match reaction scoreboard .score-number styling (fully opaque). */
:root:not([data-color-scheme="vectorScope"]) #videoMessageContainer #toastNotificationTop.show,
:root:not([data-color-scheme="vectorScope"]) #toastNotificationTop.show {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    filter: none !important;
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

:root[data-color-scheme="vectorScope"] #videoMessageContainer #toastNotificationTop.show,
:root[data-color-scheme="vectorScope"] #toastNotificationTop.show {
    color: #00ff41 !important;
    -webkit-text-fill-color: #00ff41 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    filter: none !important;
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

:root:not([data-color-scheme="vectorScope"]) #videoMessageContainer #toastNotificationTop.cc-toast-top-vote-kick.show,
:root:not([data-color-scheme="vectorScope"]) #toastNotificationTop.cc-toast-top-vote-kick.show,
:root[data-color-scheme="vectorScope"] #videoMessageContainer #toastNotificationTop.cc-toast-top-vote-kick.show,
:root[data-color-scheme="vectorScope"] #toastNotificationTop.cc-toast-top-vote-kick.show {
    color: #ef4444 !important;
    -webkit-text-fill-color: #ef4444 !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow:
        0 0 6px rgba(239, 68, 68, 0.75),
        0 0 12px rgba(239, 68, 68, 0.45) !important;
}

/* Keying-up list: scoreboard-style outline at 75% text brightness. */
:root:not([data-color-scheme="vectorScope"]) #keyingUpList .keying-up-item,
:root:not([data-color-scheme="vectorScope"]) #keyingUpList .keying-up-item .keying-up-name {
    color: color-mix(in srgb, #ffffff 75%, #000000) !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    filter: none !important;
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

:root:not([data-color-scheme="vectorScope"]) #keyingUpList .keying-up-item .keying-up-icon,
:root:not([data-color-scheme="vectorScope"]) #keyingUpList .keying-up-item .keying-up-battle-icon {
    filter: brightness(0) invert(1) brightness(0.75) !important;
}

:root[data-color-scheme="vectorScope"] #keyingUpList .keying-up-item,
:root[data-color-scheme="vectorScope"] #keyingUpList .keying-up-item .keying-up-name {
    color: color-mix(in srgb, #00ff41 75%, #000000) !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    filter: none !important;
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

:root[data-color-scheme="vectorScope"] #keyingUpList .keying-up-item .keying-up-icon,
:root[data-color-scheme="vectorScope"] #keyingUpList .keying-up-item .keying-up-battle-icon {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(106%) contrast(130%) drop-shadow(0 0 6px rgba(0, 255, 65, 0.34)) !important;
}

/* Inbox compose FAB: instant open/close (no slide, fade, or stagger). */
.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:disabled {
    transform: none !important;
}

/* App-wide text outline (stroke only, no shadow) — final cascade pass. */
html[data-color-scheme] body #sidebar,
html[data-color-scheme] body #sidebar *,
html[data-color-scheme] body #menuBar,
html[data-color-scheme] body #menuBar *,
html[data-color-scheme] body #inboxModal,
html[data-color-scheme] body #inboxModal *,
html[data-color-scheme] body #userListModal,
html[data-color-scheme] body #userListModal *,
html[data-color-scheme] body #channelListModal,
html[data-color-scheme] body #channelListModal *,
html[data-color-scheme] body #leaderboardModal,
html[data-color-scheme] body #leaderboardModal *,
html[data-color-scheme] body #userInfoModal,
html[data-color-scheme] body #userInfoModal *,
html[data-color-scheme] body #controlsContainer,
html[data-color-scheme] body #controlsContainer *,
html[data-color-scheme] body #videoMessageContainer,
html[data-color-scheme] body #videoMessageContainer *,
html[data-color-scheme] body #app,
html[data-color-scheme] body #app *,
html[data-color-scheme] body .modal,
html[data-color-scheme] body .modal *,
html[data-color-scheme] body #emojiPickerModal,
html[data-color-scheme] body #emojiPickerModal *,
html[data-color-scheme] body #confirmModal,
html[data-color-scheme] body #confirmModal *,
html[data-color-scheme] body #alertModal,
html[data-color-scheme] body #alertModal *,
html[data-color-scheme] body #contactModal,
html[data-color-scheme] body #contactModal *,
html[data-color-scheme] body #nicknameModal,
html[data-color-scheme] body #nicknameModal *,
html[data-color-scheme] body .cc-bank-shell,
html[data-color-scheme] body .cc-bank-shell *,
html[data-color-scheme="vectorScope"] body :not(svg):not(path):not(img):not(script):not(style) {
    -webkit-text-stroke: var(--gccr-text-outline-stroke) !important;
    paint-order: stroke fill !important;
    text-shadow: var(--gccr-text-outline-glow) !important;
}

/* Re-apply HUD exemptions after final cascade pass. */
:root[data-color-scheme="vectorScope"] #buttonContainer #blockButton,
:root[data-color-scheme="vectorScope"] #buttonContainer #skipButton,
:root[data-color-scheme="vectorScope"] #buttonContainer #reverseButton,
:root[data-color-scheme="vectorScope"] #saveFabShell #downloadButton,
:root[data-color-scheme="vectorScope"] .cam-fab-item,
:root[data-color-scheme="vectorScope"] .cam-fab-item .cam-fab-item-label,
:root[data-color-scheme="vectorScope"] .cam-fab-item-label,
:root[data-color-scheme="vectorScope"] body #userListModal.active:not(.closing) #userListClassicCloseBtn,
:root[data-color-scheme="vectorScope"] body #userListModal.opening #userListClassicCloseBtn,
:root[data-color-scheme="vectorScope"] body #channelListModal.active:not(.closing) #channelListClassicCloseBtn,
:root[data-color-scheme="vectorScope"] body #channelListModal.opening #channelListClassicCloseBtn,
:root[data-color-scheme="vectorScope"] body #inboxModal.active:not(.closing) #inboxClose,
:root[data-color-scheme="vectorScope"] body #inboxModal.opening #inboxClose,
:root[data-color-scheme="vectorScope"] body #leaderboardModal.active:not(.closing) #leaderboardClose,
:root[data-color-scheme="vectorScope"] body #leaderboardModal.opening #leaderboardClose,
:root[data-color-scheme="vectorScope"] body #emojiPickerModal.active:not(.closing) #emojiPickerClose,
:root[data-color-scheme="vectorScope"] body #emojiPickerModal.opening #emojiPickerClose,
:root[data-color-scheme="vectorScope"] body #userInfoModal.active:not(.closing) #userInfoClose,
:root[data-color-scheme="vectorScope"] body #userInfoModal.opening #userInfoClose,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button *,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button .emoji-lg,
:root[data-color-scheme="vectorScope"] #reactionFabShell #feedbackButtons .feedback-button .custom-emoji-display,
:root[data-color-scheme="vectorScope"] #reactionFabShell #reactionFabToggle,
:root[data-color-scheme="vectorScope"] #reactionFabShell.reaction-fab-shell.open #reactionFabToggle,
:root[data-color-scheme="vectorScope"] #reactionFabShell.reaction-fab-shell.open .reaction-fab-toggle {
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    text-shadow: none !important;
}

/* Chaos Bank: brighter readable copy (labels, hints, stats, nav). */
.cc-bank-shell,
#chaosChipsModal,
#leaderboardModal .leaderboard-chaos-bank-mount,
#leaderboardModal #chaosChipsLeaderboardMount {
    --cc-bank-text-body: #ffffff;
    --cc-bank-text-soft: #f1f5f9;
    --cc-bank-text-muted: #e2e8f0;
    --cc-bank-text-dim: #cbd5e1;
}

:root[data-color-scheme="vectorScope"] .cc-bank-shell,
:root[data-color-scheme="vectorScope"] #chaosChipsModal,
:root[data-color-scheme="vectorScope"] #leaderboardModal .leaderboard-chaos-bank-mount,
:root[data-color-scheme="vectorScope"] #leaderboardModal #chaosChipsLeaderboardMount {
    --cc-bank-text-body: #f0fff4;
    --cc-bank-text-soft: #dcffe8;
    --cc-bank-text-muted: #c4f5d4;
    --cc-bank-text-dim: #a8e8b8;
}

.cc-bank-shell .cc-label,
#chaosChipsModal .cc-label,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-label,
.cc-bank-shell .cc-hint,
#chaosChipsModal .cc-hint,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-hint,
.cc-bank-shell .cc-hint-sm,
#chaosChipsModal .cc-hint-sm,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-hint-sm,
.cc-bank-shell .cc-hint-inline,
#chaosChipsModal .cc-hint-inline,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-hint-inline,
.cc-bank-shell .cc-stat-row,
#chaosChipsModal .cc-stat-row,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-stat-row,
.cc-bank-shell .cc-help-p,
#chaosChipsModal .cc-help-p,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-help-p,
.cc-bank-shell .cc-help-lead,
#chaosChipsModal .cc-help-lead,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-help-lead,
.cc-bank-shell .cc-help-list,
#chaosChipsModal .cc-help-list,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-help-list,
.cc-bank-shell .cc-help-list li,
#chaosChipsModal .cc-help-list li,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-help-list li,
.cc-bank-shell .cc-ss-label,
#chaosChipsModal .cc-ss-label,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-ss-label,
.cc-bank-shell .cc-stock-bidask,
#chaosChipsModal .cc-stock-bidask,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-stock-bidask,
.cc-bank-shell .cc-wager-community-hint,
#chaosChipsModal .cc-wager-community-hint,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-wager-community-hint,
.cc-bank-shell .cc-sell-owned-caption,
#chaosChipsModal .cc-sell-owned-caption,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-sell-owned-caption,
.cc-bank-shell .cc-user-dropdown-empty,
#chaosChipsModal .cc-user-dropdown-empty,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-user-dropdown-empty,
.cc-bank-shell .cc-user-dropdown-meta.cc-off,
#chaosChipsModal .cc-user-dropdown-meta.cc-off,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-user-dropdown-meta.cc-off,
.cc-bank-shell .cc-wager-community-arrow,
#chaosChipsModal .cc-wager-community-arrow,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-wager-community-arrow,
.cc-bank-shell .cc-btn-confirm-no,
#chaosChipsModal .cc-btn-confirm-no,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-btn-confirm-no {
    color: var(--cc-bank-text-soft) !important;
}

.cc-bank-shell .cc-hint-sm,
#chaosChipsModal .cc-hint-sm,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-hint-sm,
.cc-bank-shell .cc-hint-inline,
#chaosChipsModal .cc-hint-inline,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-hint-inline,
.cc-bank-shell .cc-user-dropdown-empty,
#chaosChipsModal .cc-user-dropdown-empty,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-user-dropdown-empty {
    color: var(--cc-bank-text-soft) !important;
}

.cc-bank-shell .cc-stat-row strong,
#chaosChipsModal .cc-stat-row strong,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-stat-row strong,
.cc-bank-shell .cc-wager-bettor,
#chaosChipsModal .cc-wager-bettor,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-wager-bettor,
.cc-bank-shell .cc-wager-peer,
#chaosChipsModal .cc-wager-peer,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-wager-peer,
.cc-bank-shell .cc-chart-price,
#chaosChipsModal .cc-chart-price,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-chart-price,
.cc-bank-shell .cc-help-heading,
#chaosChipsModal .cc-help-heading,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-help-heading,
.cc-bank-shell .cc-user-dropdown-name,
#chaosChipsModal .cc-user-dropdown-name,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-user-dropdown-name {
    color: var(--cc-bank-text-body) !important;
}

.cc-bank-shell .cc-chart-tt-time,
#chaosChipsModal .cc-chart-tt-time,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-chart-tt-time {
    color: color-mix(in srgb, var(--cc-bank-text-muted) 92%, transparent) !important;
}

.cc-bank-shell .cc-nav-rail .cc-tab:not(.active),
#chaosChipsModal .cc-nav-rail .cc-tab:not(.active),
#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail .cc-tab:not(.active),
.cc-bank-shell .cc-nav-rail .cc-tab:not(.active) .cc-rail-label,
#chaosChipsModal .cc-nav-rail .cc-tab:not(.active) .cc-rail-label,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail .cc-tab:not(.active) .cc-rail-label {
    color: var(--cc-bank-text-soft) !important;
}

.cc-bank-shell .cc-nav-rail .cc-tab:not(.active):hover,
#chaosChipsModal .cc-nav-rail .cc-tab:not(.active):hover,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail .cc-tab:not(.active):hover,
.cc-bank-shell .cc-nav-rail .cc-tab:not(.active):hover .cc-rail-label,
#chaosChipsModal .cc-nav-rail .cc-tab:not(.active):hover .cc-rail-label,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-nav-rail .cc-tab:not(.active):hover .cc-rail-label {
    color: var(--cc-bank-text-body) !important;
}

#leaderboardModal .leaderboard-main-tab:not(.active) .inbox-md3-tab-label {
    color: var(--cc-bank-text-soft, #e8eef5) !important;
}

:root[data-color-scheme="vectorScope"] #leaderboardModal .leaderboard-main-tab:not(.active) .inbox-md3-tab-label {
    color: var(--cc-bank-text-soft, #dcffe8) !important;
}

.cc-bank-shell .cc-input::placeholder,
#chaosChipsModal .cc-input::placeholder,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-input::placeholder {
    color: color-mix(in srgb, var(--cc-bank-text-muted) 88%, transparent) !important;
    opacity: 1 !important;
}

:root[data-color-scheme="vectorScope"] .cc-bank-shell .cc-input::placeholder,
:root[data-color-scheme="vectorScope"] #chaosChipsModal .cc-input::placeholder,
:root[data-color-scheme="vectorScope"] #leaderboardModal .leaderboard-chaos-bank-mount .cc-input::placeholder {
    color: color-mix(in srgb, #00ff41 72%, #000 28%) !important;
    opacity: 1 !important;
}

.cc-bank-shell .cc-tab-panel,
#chaosChipsModal .cc-tab-panel,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-tab-panel,
.cc-bank-shell .cc-collapse-section-body,
#chaosChipsModal .cc-collapse-section-body,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-collapse-section-body,
.cc-bank-shell .cc-powerups-intro,
#chaosChipsModal .cc-powerups-intro,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-powerups-intro,
.cc-bank-shell .cc-powerups-intro p,
#chaosChipsModal .cc-powerups-intro p,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-powerups-intro p {
    color: var(--cc-bank-text-soft) !important;
}

.cc-bank-shell .cc-ss-section-label,
#chaosChipsModal .cc-ss-section-label,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-ss-section-label {
    color: color-mix(in srgb, var(--color-accent, #22c55e) 72%, var(--cc-bank-text-body, #fff) 28%) !important;
}

/* Stock stat values: bright default; JS inline colors still win for gain/loss. */
.cc-bank-shell .cc-ss-value,
#chaosChipsModal .cc-ss-value,
#leaderboardModal .leaderboard-chaos-bank-mount .cc-ss-value {
    color: var(--cc-bank-text-body);
}

/* Video / recording close icons: SVG needs drop-shadow (text-shadow does not apply). */
button[data-video-close] .video-close-icon,
#videoRecordingCloseBtn.video-recording-close-btn .video-close-icon {
    filter: var(--gccr-icon-outline-filter) !important;
}

button[data-video-close] .video-close-icon path,
#videoRecordingCloseBtn.video-recording-close-btn .video-close-icon path {
    stroke: #ffffff !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
}

button[data-video-close].video-close-btn-themed {
    background: color-mix(in srgb, var(--color-accent, #3b82f6) 72%, #000 28%) !important;
    color: #ffffff !important;
}

:root[data-color-scheme="vectorScope"] button[data-video-close].video-close-btn-themed {
    background: #00c828 !important;
}

:root[data-color-scheme="neon"] body #userListModal.active:not(.closing) #userListClassicCloseBtn,
:root[data-color-scheme="neon"] body #userListModal.opening #userListClassicCloseBtn,
:root[data-color-scheme="neon"] body #channelListModal.active:not(.closing) #channelListClassicCloseBtn,
:root[data-color-scheme="neon"] body #channelListModal.opening #channelListClassicCloseBtn,
:root[data-color-scheme="neon"] body #inboxModal.active:not(.closing) #inboxClose,
:root[data-color-scheme="neon"] body #inboxModal.opening #inboxClose,
:root[data-color-scheme="neon"] body #leaderboardModal.active:not(.closing) #leaderboardClose,
:root[data-color-scheme="neon"] body #leaderboardModal.opening #leaderboardClose,
:root[data-color-scheme="neon"] body #emojiPickerModal.active:not(.closing) #emojiPickerClose,
:root[data-color-scheme="neon"] body #emojiPickerModal.opening #emojiPickerClose,
:root[data-color-scheme="neon"] body #userInfoModal.active:not(.closing) #userInfoClose,
:root[data-color-scheme="neon"] body #userInfoModal.opening #userInfoClose {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.45) !important;
}

/* Neon: talk controls use brightness(0); bottom FABs must keep visible glyphs on #000. */
:root[data-color-scheme="neon"] #saveFabShell #downloadButton,
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton,
:root[data-color-scheme="neon"] #saveFabShell #downloadButton.active,
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton.active,
:root[data-color-scheme="neon"] #saveFabShell #downloadButton.active:not(:disabled),
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton.active:not(:disabled),
:root[data-color-scheme="neon"] #camFabRoot.cam-fab-root #camButton,
:root[data-color-scheme="neon"] #camFabRoot #camButton,
:root[data-color-scheme="neon"] #clipsFabShell #clipsFabButton {
    filter: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

:root[data-color-scheme="neon"] #saveFabShell #downloadButton::before,
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton::before,
:root[data-color-scheme="neon"] #saveFabShell #downloadButton::after,
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton::after {
    content: none !important;
    display: none !important;
}

:root[data-color-scheme="neon"] #saveFabShell #downloadButton:not(:disabled),
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton:not(:disabled),
:root[data-color-scheme="neon"] #saveFabShell #downloadButton.active:not(:disabled),
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton.active:not(:disabled) {
    background-image: url("img/embedded/asset-1b1c4e8b60.svg") !important;
    background-size: var(--gccr-bottom-fab-glyph-size) var(--gccr-bottom-fab-glyph-size) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

:root[data-color-scheme="neon"] #saveFabShell #downloadButton:disabled,
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton:disabled,
:root[data-color-scheme="neon"] #saveFabShell #downloadButton:disabled.active,
:root[data-color-scheme="neon"] .save-fab-shell #downloadButton:disabled.active {
    background-image: url("img/embedded/asset-bbf91f17bb.svg") !important;
    background-size: var(--gccr-bottom-fab-glyph-size) var(--gccr-bottom-fab-glyph-size) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

:root[data-color-scheme="neon"] #camFabRoot .cam-button-icon,
:root[data-color-scheme="neon"] #clipsFabShell .cam-button-icon {
    filter: brightness(0) invert(1) !important;
}

:root[data-color-scheme="neon"] .cam-fab-item-icon img {
    filter: brightness(0) invert(1) !important;
}

:root[data-color-scheme="neon"] .cam-fab-item,
:root[data-color-scheme="neon"] .cam-fab-item-label,
:root[data-color-scheme="neon"] #buttonContainer button,
:root[data-color-scheme="neon"] .button-full,
:root[data-color-scheme="neon"] .cc-btn-primary,
:root[data-color-scheme="neon"] .cc-btn-secondary,
:root[data-color-scheme="neon"] .video-gallery-trim-primary,
:root[data-color-scheme="neon"] .video-gallery-trim-secondary,
:root[data-color-scheme="neon"] .emoji-picker-ok,
:root[data-color-scheme="neon"] .emoji-picker-cancel {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.45) !important;
}

.cc-stock-sell-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cc-stock-sell-btns .cc-btn {
    flex: 1 1 0;
    min-width: 0;
}

/* Disabled Save (download) + Attach (cam) FABs must visibly gray out on every non-vectorScope
   theme. The default theme only stripped the enabled color via :not(:disabled) rules, so a
   disabled button kept looking active. Mirror the reverse button's disabled affordance. */
:root:not([data-color-scheme="vectorScope"]) #saveFabShell #downloadButton:disabled,
:root:not([data-color-scheme="vectorScope"]) .save-fab-shell #downloadButton:disabled,
:root:not([data-color-scheme="vectorScope"]) #saveFabShell #downloadButton:disabled.active,
:root:not([data-color-scheme="vectorScope"]) .save-fab-shell #downloadButton:disabled.active,
:root:not([data-color-scheme="vectorScope"]) #camFabRoot.cam-fab-root #camButton:disabled,
:root:not([data-color-scheme="vectorScope"]) .cam-fab-root #camButton:disabled {
    opacity: 0.5 !important;
    filter: grayscale(1) brightness(0.6) !important;
    cursor: not-allowed !important;
}

/* KAOS-FM radio widget: lives at the left of the menu bar (icon toggle + station label). */
@keyframes kaos-radio-spinner {
    to {
        transform: rotate(360deg);
    }
}

#menuBar #kaosWidget {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    position: relative !important;
    left: -5px !important;
}

#menuBar #kaosButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#menuBar #kaosButton:hover,
#menuBar #kaosButton:active {
    background: transparent !important;
    box-shadow: none !important;
}

#menuBar #kaosButtonIcon {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 1 !important;
}

#menuBar #kaosButtonIcon .kaos-icon-play,
#menuBar #kaosButtonIcon .kaos-icon-stop {
    width: 24px !important;
    height: 24px !important;
    transform: none !important;
}

#menuBar #kaosButton .kaos-icon-stop {
    display: none !important;
}

#menuBar #kaosButton[data-kaos-state="playing"] .kaos-icon-play {
    display: none !important;
}

#menuBar #kaosButton[data-kaos-state="playing"] .kaos-icon-stop {
    display: inline-block !important;
}

#menuBar #kaosButtonIcon .kaos-button-spinner {
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 2px solid rgba(227, 227, 227, 0.35);
    border-top-color: #e3e3e3;
    border-radius: 50%;
    animation: kaos-radio-spinner 0.8s linear infinite;
}

#menuBar #kaosButton[data-kaos-buffering="true"] .kaos-icon-play,
#menuBar #kaosButton[data-kaos-buffering="true"] .kaos-icon-stop {
    display: none !important;
}

#menuBar #kaosButton[data-kaos-buffering="true"] .kaos-button-spinner {
    display: block !important;
}

:root[data-color-scheme="vectorScope"] #menuBar #kaosButtonIcon .kaos-icon-play,
:root[data-color-scheme="vectorScope"] #menuBar #kaosButtonIcon .kaos-icon-stop {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%)
        hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}
#ccChipShopModal #ccChipShopWatchHeading {
    margin-top: 10px !important;
}
#ccChipShopModal.cc-chip-shop-overlay {
    top: var(--gccr-header-stack) !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    background: transparent !important;
    pointer-events: none !important;
}
#ccChipShopModal .cc-chip-shop-modal {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    background: color-mix(
        in srgb,
        var(--color-sidebar-solid-bg, #001428) 97%,
        transparent
    ) !important;
}
#ccChipShopModal .cc-chip-shop-body {
    padding: 14px 16px 16px !important;
}
#ccChipShopCloseBottom.user-list-classic-close-btn {
    display: none;
    flex: 0 0 auto !important;
}
html:not([data-color-scheme="classic"])
    body
    #ccChipShopModal.cc-chip-shop-overlay.active
    #ccChipShopCloseBottom {
    display: block !important;
    flex: 0 0 auto !important;
    width: calc(100% - 20px) !important;
    margin: 6px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 12px 16px !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: var(--color-modal-action-text, var(--color-btn-text, #fff)) !important;
    font-family: var(--gccr-app-font) !important;
    font-size: 15px !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;
}
#moderatedUsersModal .moderated-users-status {
    border-radius: 6px !important;
}
#moderatedUsersModal .moderated-users-tag {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 8px !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;
}
#moderatedUsersModal .moderated-users-content {
    padding-top: 12px !important;
}
#moderatedUsersModal .moderated-users-modal-content {
    pointer-events: auto !important;
}
#moderatedUsersCloseBottom.user-list-classic-close-btn {
    display: none;
    flex: 0 0 auto !important;
}
html:not([data-color-scheme="classic"]) body #moderatedUsersModal.active:not(.closing) #moderatedUsersCloseBottom {
    display: block !important;
    flex: 0 0 auto !important;
    width: calc(100% - 20px) !important;
    margin: 6px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 12px 16px !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: var(--color-modal-action-text, var(--color-btn-text, #fff)) !important;
    font-family: var(--gccr-app-font) !important;
    font-size: 15px !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;
}

/* Match the classic Close button's conservative 8px radius on pill-shaped action
   buttons. High-specificity selectors beat themed pill radii (20px / 999px). */
.user-list-moderated-users-link,
#moderatedUsersModal .moderated-users-row-btn,
#sidebar .button-full,
#tab-home .button-full,
#sidebar a.button-full,
#tab-home a.button-full,
#userInfoModal .user-info-actions-row > .action-btn,
#userInfoModal .user-info-mod-toggle,
.cam-fab-item,
.modal .button-container > button,
.cc-btn,
.cc-btn-primary,
.cc-btn-secondary,
.cc-btn-sm,
.cc-btn-confirm-no,
.cc-btn-confirm-yes,
#inboxModal .inbox-block-btn,
#inboxModal .inbox-friend-request-accept,
#inboxModal .inbox-friend-request-decline,
.inbox-friend-request-actions .action-btn,
.rules-button-container button,
#channelPinModal .button-container button,
#videoRecordingModal.gallery-trim-mode .video-gallery-trim-primary,
#videoRecordingModal.gallery-trim-mode .video-gallery-trim-secondary,
.podcast-recovery-btn,
.podcast-processing-cancel,
.podcast-participants-bulk-btn {
    border-radius: 8px !important;
}

/* User info NAMES/FRIENDS/BLOCKED BY/MOD tab strip: no border and fully square
   corners on the strip and every tab (including active/first/last), so no tab
   ever shows a rounded corner. */
html body #userInfoModal .user-info-tabs {
    border: none !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    margin-left: 10px !important;
    margin-right: 10px !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;
}

/* User info action-row buttons (friend/block/join/message/chips): match the
   CLOSE button's 8px radius, beating the .block-btn/.message-btn 4px base rules. */
#userInfoModal .user-info-actions .user-info-actions-row > .action-btn,
#userInfoModal #userInfoFriendBtn,
#userInfoModal #userInfoBlockBtn,
#userInfoModal #userInfoJoinBtn,
#userInfoModal #userInfoMessageBtn,
#userInfoModal #userInfoChipsBtn {
    border-radius: 8px !important;
}

/* User info action-row buttons: drop the extra vertical padding/min-height so
   they end up the same height (~41px) as the CLOSE button below them. */
#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.chips-transfer-btn {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 41px !important;
}

/* Moderation capability toggles (On/Off): match the CLOSE button's 8px radius,
   beating any themed pill radius. */
#userInfoModal #modTabPanel #modCapList .user-info-mod-cap-row > .user-info-mod-toggle,
#userInfoModal .user-info-mod-toggle {
    border-radius: 8px !important;
}

/* User info stats header: restore the black 50% background that the transparent
   override removed, and match the CLOSE button's 8px radius. */
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;
}

/* "Get More Chips" chip shop entry button: extra top/bottom padding. */
.cc-chip-shop-entry-btn.cc-btn-sm {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Chip shop buy hint: justify the multi-line disclaimer text. */
#ccChipShopBuyHint.cc-chip-shop-subhint {
    text-align: justify !important;
}

/* Bank help doc: justify the lead and body paragraphs. */
.cc-help-doc .cc-help-lead,
.cc-help-doc .cc-help-p {
    text-align: justify !important;
}

/* Inbox "Start a conversation" empty state: pin the header to the top and let the
   user list fill the rest of the messenger area with a 10px left/right/bottom margin. */
#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: 10px 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 10px 10px !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 10px 10px !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

/* Chip shop buy-tier list items: black background at 50% transparency. */
#ccChipShopModal #ccChipShopTiers .cc-chip-shop-tier {
    background: rgba(0, 0, 0, 0.5) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Vector scope: friend "Alerts" toggles in the inbox friends panel — green fill
   and phosphor-green outline to match the mute/sidebar vector scope switches. */
[data-color-scheme="vectorScope"] #inboxModal #inboxFriendsPanel .friends-modal-notify-switch-wrap .toggle-slider {
    box-sizing: border-box !important;
    background-color: #000 !important;
    border: 2px solid rgba(0, 255, 65, 0.85) !important;
}
[data-color-scheme="vectorScope"] #inboxModal #inboxFriendsPanel .friends-modal-notify-switch-wrap .toggle-switch:checked + .toggle-slider {
    background-color: #000 !important;
    border-color: #00ff41 !important;
}
/* Green dot, vertically centered; sits left when off, right when on. */
[data-color-scheme="vectorScope"] #inboxModal #inboxFriendsPanel .friends-modal-notify-switch-wrap .toggle-slider::before {
    width: 14px !important;
    height: 14px !important;
    top: 50% !important;
    left: 2px !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    background-color: #00ff41 !important;
}
[data-color-scheme="vectorScope"] #inboxModal #inboxFriendsPanel .friends-modal-notify-switch-wrap .toggle-switch:checked + .toggle-slider::before {
    left: auto !important;
    right: 2px !important;
    transform: translateY(-50%) !important;
}

/* Vector scope: inbox messenger compose controls — phosphor-green outlined
   buttons with green glyphs, matching the talk/skip HUD controls. */
[data-color-scheme="vectorScope"] #inboxModal #inboxSendBtn img,
[data-color-scheme="vectorScope"] #inboxModal .inbox-fab-item img,
[data-color-scheme="vectorScope"] #inboxModal .inbox-fab-btn .inbox-fab-icon {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}
[data-color-scheme="vectorScope"] #inboxModal #inboxSendBtn,
[data-color-scheme="vectorScope"] #inboxModal .inbox-fab-item,
[data-color-scheme="vectorScope"] #inboxModal .inbox-fab-btn {
    background: transparent !important;
    border: 2px solid rgba(0, 255, 65, 0.85) !important;
    box-shadow: 0 0 10px rgba(0, 255, 65, 0.15) !important;
}
/* Open-state FAB toggle (normally red "close"): green outline, no fill. */
[data-color-scheme="vectorScope"] #inboxModal .inbox-fab-wrap.open .inbox-fab-btn {
    background: transparent !important;
    border: 2px solid rgba(0, 255, 65, 0.9) !important;
    box-shadow: 0 0 12px rgba(0, 255, 65, 0.18) !important;
}

/* Reaction scoreboard emojis and score numbers are text, so an increased
   system/browser font size inflates them past their column and they overlap.
   Lock them to their designed px size (same approach as .nickname). */
#controlsContainer #reactionScoreboard .scoreboard-item .emoji-sm,
#controlsContainer #reactionScoreboard .scoreboard-emoji-wrap,
#controlsContainer #reactionScoreboard .scoreboard-count-line,
#controlsContainer #reactionScoreboard .score-number {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

/* Vector scope: master volume slider — green outlined track with no fill. */
[data-color-scheme="vectorScope"] #sidebar #masterVolume:not(.form-range)::-webkit-slider-runnable-track,
[data-color-scheme="vectorScope"] #sidebar #masterVolume:not(.form-range)::-webkit-slider-track {
    background: transparent !important;
    border: 2px solid rgba(0, 255, 65, 0.85) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}
[data-color-scheme="vectorScope"] #sidebar #masterVolume:not(.form-range)::-moz-range-track {
    background: transparent !important;
    border: 2px solid rgba(0, 255, 65, 0.85) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}
[data-color-scheme="vectorScope"] #sidebar #masterVolume:not(.form-range)::-webkit-slider-thumb {
    background: #00ff41 !important;
}
[data-color-scheme="vectorScope"] #sidebar #masterVolume:not(.form-range)::-moz-range-thumb {
    background: #00ff41 !important;
}

/* Vector scope: talk-mode radio buttons — green ring for inactive, green dot
   when selected (transparent fill, no accent color). */
[data-color-scheme="vectorScope"] #tab-home .sidebar-talk-mode-picker-option input[type="radio"],
[data-color-scheme="vectorScope"] #tab-home .sidebar-talk-mode-picker #tapToTalkLabel input[type="radio"],
[data-color-scheme="vectorScope"] #tab-home .sidebar-talk-mode-picker #holdToTalkLabel input[type="radio"] {
    border-color: rgba(0, 255, 65, 0.85) !important;
}
[data-color-scheme="vectorScope"] #tab-home .sidebar-talk-mode-picker-option input[type="radio"]:checked,
[data-color-scheme="vectorScope"] #tab-home .sidebar-talk-mode-picker #tapToTalkLabel input[type="radio"]:checked,
[data-color-scheme="vectorScope"] #tab-home .sidebar-talk-mode-picker #holdToTalkLabel input[type="radio"]:checked {
    border-color: #00ff41 !important;
    background:
        radial-gradient(circle at center, #00ff41 0 4px, transparent 4px) !important;
}

/* Vector scope: talk-button theme dropdown shows its preview icon twice — the
   original white <img> plus a green masked ::after on top. Hide the white img
   so only the green icon remains (visibility keeps the text's left offset). */
[data-color-scheme="vectorScope"] #btnThemeDropdown .btn-theme-overlay-img {
    visibility: hidden !important;
}

/* Vector scope: user list header "People" icon — phosphor green instead of white. */
[data-color-scheme="vectorScope"] #userListClassicHeader .channel-info-title-row img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}

/* Vector scope: channel-count expand chevrons — green instead of gray. */
[data-color-scheme="vectorScope"] #channelListModal #channelList button.channel-count::after {
    border-right-color: #00ff41 !important;
    border-bottom-color: #00ff41 !important;
}

/* Vector scope: moderated users tag pills — green text. */
[data-color-scheme="vectorScope"] #moderatedUsersModal .moderated-users-tag {
    color: #00ff41 !important;
}

/* Vector scope: moderated users CLOSE button — force solid green fill (beats the
   non-classic display rule that paints it with the dark --color-btn-gradient-end).
   Highest specificity + last source order so it always wins. */
html[data-color-scheme="vectorScope"] body #moderatedUsersModal.active:not(.closing) #moderatedUsersCloseBottom.user-list-classic-close-btn,
html[data-color-scheme="vectorScope"] body #moderatedUsersModal.opening #moderatedUsersCloseBottom.user-list-classic-close-btn {
    background: #00c828 !important;
    background-color: #00c828 !important;
    background-image: none !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
    border: 1.5px solid rgba(0, 255, 65, 0.9) !important;
}

/* Vector scope: chip shop CLOSE button — same solid green as other close buttons
   (beats the non-classic display rule painting it with dark --color-btn-gradient-end).
   Highest specificity + last source order so it always wins. */
html[data-color-scheme="vectorScope"] body #ccChipShopModal.cc-chip-shop-overlay.active #ccChipShopCloseBottom.user-list-classic-close-btn {
    background: #00c828 !important;
    background-color: #00c828 !important;
    background-image: none !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
    border: 1.5px solid rgba(0, 255, 65, 0.9) !important;
}

/* Vector scope: enabled user-list message buttons use phosphor green (default is blue). */
[data-color-scheme="vectorScope"] #userList .message-btn:not(.message-btn-disabled) img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}

/* Vector scope: leaderboard main tab icons + bank nav rail icons use phosphor green. */
[data-color-scheme="vectorScope"] #leaderboardModal .leaderboard-main-tab .inbox-md3-tab-icon,
[data-color-scheme="vectorScope"] #leaderboardModal .cc-rail-icon-img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(97%) saturate(6374%) hue-rotate(126deg) brightness(142%) contrast(130%) !important;
}

/* Vector scope: remove the green outer border + glow from full-screen modal
   containers. Interior dividers, tabs, and buttons keep their green accents. */
[data-color-scheme="vectorScope"] #userListModal,
[data-color-scheme="vectorScope"] #channelListModal,
[data-color-scheme="vectorScope"] #inboxModal .modal-content,
[data-color-scheme="vectorScope"] #leaderboardModal .leaderboard-modal-content,
[data-color-scheme="vectorScope"] .leaderboard-modal-content,
[data-color-scheme="vectorScope"] #emojiPickerModal .emoji-picker-modal-content,
[data-color-scheme="vectorScope"] #moderatedUsersModal .moderated-users-modal-content,
[data-color-scheme="vectorScope"] #ccChipShopModal .cc-chip-shop-modal,
[data-color-scheme="vectorScope"] #userInfoModal .modal-content {
    border: 0 !important;
    box-shadow: none !important;
}
#ccVoteKickPeer {
    margin-bottom: 10px;
}
#ccEmojiMult2xPeer {
    margin-top: 5px;
}
#ccPowerupsSectionEmoji2x .cc-collapse-section-body > .cc-btn,
#ccPowerupsSectionHijackEmojis .cc-collapse-section-body > .cc-btn {
    margin-top: 1px;
}
.cc-vote-kick-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 10085;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(0, 0, 0, 0.62);
}
/* Inventory sub-modals (Travel, Trade, confirm) above Chaos Bank / leaderboard shell (10060) */
#ccInvTravelModal,
#ccInvTradeModal,
#ccInvSnitchModal,
#ccInvActionModal,
.cc-modal-overlay.cc-inv-submodal {
    z-index: 10085 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
}
.cc-modal-overlay.cc-inv-submodal > .cc-modal,
.cc-modal-overlay.cc-inv-submodal > .cc-inv-dialog {
    width: min(92vw, 420px) !important;
    max-width: 420px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(85vh, 640px) !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.cc-modal-overlay.cc-inv-submodal .cc-modal-header {
    flex: 0 0 auto !important;
    padding: 12px 16px !important;
}
.cc-modal-overlay.cc-inv-submodal .cc-chip-shop-body,
.cc-modal-overlay.cc-inv-submodal .cc-rewarded-md3-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 12px 16px 16px !important;
    overflow-y: auto !important;
}
.cc-modal-overlay.cc-inv-submodal .cc-confirm-msg {
    margin: 0 0 4px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}
.cc-modal-overlay.cc-inv-submodal .cc-inv-dialog-actions,
.cc-modal-overlay.cc-inv-submodal .cc-confirm-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 16px !important;
}
.cc-modal-overlay.cc-inv-submodal .cc-inv-dialog-actions .cc-btn,
.cc-modal-overlay.cc-inv-submodal .cc-confirm-actions .cc-btn {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 96px !important;
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}
#ccInvTravelList {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    max-height: min(50vh, 360px);
    overflow-y: auto;
}
#ccInvTravelList .cc-btn {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
    margin: 0 !important;
}
#cc-panel-inventory .cc-inv-main-actions .cc-inv-action-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: stretch;
}
#cc-panel-inventory .cc-inv-main-actions .cc-inv-action-row .cc-btn {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
}
#cc-panel-inventory table.cc-table {
    font-size: 0.82rem;
    line-height: 1.25;
}
#cc-panel-inventory table.cc-table th,
#cc-panel-inventory table.cc-table td {
    padding: 4px 6px;
    font-size: inherit;
    vertical-align: middle;
}
#cc-panel-inventory table.cc-table th {
    font-weight: 600;
}
#ccInvLeaders .cc-inv-leader-table {
    font-size: 0.82rem;
    line-height: 1.25;
}
#ccInvLeaders .cc-inv-leader-table th,
#ccInvLeaders .cc-inv-leader-table td {
    padding: 4px 6px;
    vertical-align: middle;
}
#ccInvLeaders .cc-inv-leader-table .cc-inv-leader-worth {
    text-align: right;
    white-space: nowrap;
}
#cc-panel-inventory table.cc-table .cc-inv-qty {
    width: 2.75em !important;
    max-width: 100%;
    font-size: 0.72rem !important;
    padding: 1px 3px !important;
    height: 28px !important;
    min-height: 28px !important;
    line-height: 1.2 !important;
    text-align: center;
}
#cc-panel-inventory table.cc-table .cc-inv-actions {
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
}
#cc-panel-inventory table.cc-table .cc-inv-trade-btns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: center;
}
#cc-panel-inventory table.cc-table .cc-inv-trade-btns .cc-btn {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
}
#cc-panel-inventory table.cc-table tr.cc-inv-drug-away td {
    opacity: 0.55;
}
#cc-panel-inventory table.cc-table .cc-inv-away-price {
    font-style: italic;
}
#cc-panel-inventory table.cc-table .cc-btn {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    min-height: 0;
    height: auto;
    line-height: 1.2;
}
/* Inventory highness visual effects (live stone %) */
html.gccr-inv-high-25 img,
html.gccr-inv-high-25 svg {
    transform: rotate(180deg);
}
html.gccr-inv-high-50 img,
html.gccr-inv-high-50 svg {
    filter: blur(2px);
}
html.gccr-inv-high-75 {
    filter: grayscale(1);
}
html.gccr-inv-high-85 body {
    transform: scaleX(-1);
}
html.gccr-inv-high-85 img,
html.gccr-inv-high-85 svg {
    transform: scaleX(-1) rotate(180deg);
}
.chaos-bank-sender {
    position: relative;
    top: -3px;
}
.cc-vote-kick-modal-overlay[hidden] {
    display: none !important;
}
.cc-vote-kick-modal {
    width: min(100%, 420px);
    border-radius: 12px;
    padding: 18px 16px 16px;
    background: var(--color-surface, #1a1a1a);
    border: none;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}
.cc-vote-kick-modal-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.cc-vote-kick-modal-title {
    margin: 0;
    font-size: 1.1rem;
    color: #ef4444;
}
.cc-vote-kick-modal-prompt,
.cc-vote-kick-modal-progress,
.cc-vote-kick-modal-timer {
    margin: 0 0 10px;
    line-height: 1.45;
}
.cc-vote-kick-modal-timer {
    opacity: 0.85;
    font-size: 0.92rem;
}
.cc-vote-kick-modal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}
.cc-vote-kick-modal-actions .cc-btn {
    flex: 1 1 0;
}
.cc-vote-kick-dismiss-btn {
    flex: 1 1 100%;
}
.cc-vote-kick-yes-btn {
    border-color: color-mix(in srgb, #ef4444 55%, transparent);
}

#greatestHitsSection.leaderboard-section.active {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
}

.greatest-hits-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
}

.greatest-hits-row {
    display: grid;
    grid-template-columns: 2.25rem 1fr auto;
    gap: 0.55rem;
    align-items: start;
    margin: 0;
    padding: 0.55rem 0.45rem;
    background: color-mix(in srgb, var(--color-sidebar-solid-bg, var(--btn-bg, rgba(0, 20, 40, 1))) 48%, #000 52%);
    border: 1px solid color-mix(in srgb, var(--color-accent, #09f) 24%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 14%, transparent);
    color: var(--color-accent, #09f);
}

.greatest-hits-rank-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    min-width: 2.25rem;
}

.greatest-hits-rank {
    font-weight: 700;
    font-size: 0.95rem;
    opacity: 0.9;
    text-align: center;
    line-height: 1.1;
    color: color-mix(in srgb, var(--color-accent, #09f) 88%, #fff 12%);
}

.greatest-hits-title {
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 0.35rem;
    word-break: break-word;
    color: var(--color-accent, #09f);
}

.greatest-hits-audio {
    width: 100%;
    max-width: 100%;
    height: 2rem;
}

.greatest-hits-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.greatest-hits-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--color-accent, #09f) 32%, transparent);
    background: color-mix(in srgb, var(--btn-bg, rgba(0, 80, 160, 1)) 18%, transparent);
    color: var(--color-accent, #09f);
    padding: 0;
    cursor: pointer;
}

.greatest-hits-btn.is-active {
    background: color-mix(in srgb, var(--color-accent, #09f) 24%, var(--btn-bg, rgba(0, 80, 160, 1)) 12%);
    border-color: color-mix(in srgb, var(--color-accent, #09f) 58%, transparent);
}

.greatest-hits-btn.is-disabled,
.greatest-hits-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.greatest-hits-flag-hint,
.greatest-hits-unavailable {
    font-size: 0.85rem;
    opacity: 0.8;
    margin: 0 0 0.35rem;
    color: color-mix(in srgb, var(--color-accent, #09f) 72%, #fff 28%);
}

.greatest-hits-footer {
    flex: 0 0 auto;
    margin: 0;
    padding: 0.65rem 0.75rem 0.35rem;
    font-size: 0.8rem;
    line-height: 1.35;
    text-align: center;
    opacity: 0.78;
    color: color-mix(in srgb, var(--color-accent, #09f) 68%, #fff 32%);
}

.greatest-hits-desc-label {
    display: block;
    margin: 0.35rem 0 0.25rem;
}

.greatest-hits-desc-input {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0.55rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.45rem;
    border: 1px solid color-mix(in srgb, var(--color-accent, #09f) 35%, transparent);
    background: color-mix(in srgb, var(--color-sidebar-solid-bg, var(--btn-bg, rgba(0, 20, 40, 1))) 55%, #000 45%);
    color: var(--color-accent, #09f);
}

#leaderboardModal #greatestHitsSection.leaderboard-section.active {
    overflow: hidden;
}

#leaderboardModal #greatestHitsSection .greatest-hits-list {
    overflow: auto;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    gap: 0;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

.gccr-ghost-restricted {
    opacity: 0.4;
    filter: grayscale(0.65);
}

.gccr-ghost-restricted button,
.gccr-ghost-restricted .feedback-button,
.gccr-ghost-restricted .cam-fab-item {
    cursor: not-allowed;
}

/* ===========================================================================
   Bootstrap coexistence
   ---------------------------------------------------------------------------
   Bootstrap is loaded globally (before this file) so we can gradually migrate
   UI to it. Its Reboot layer restyles the base <body> (white background, dark
   text, 1.5 line-height). Neutralise just those base properties so the app's
   existing look is unchanged; Bootstrap components/utilities still work wherever
   we opt into them with .bi-* / .btn / grid / etc.
   =========================================================================== */
body {
    background-color: transparent;
    color: inherit;
    line-height: normal;
    -webkit-text-size-adjust: none;
}

/* Sidebar shell: match the dark accordion panel (Bootstrap --bs-body-bg under
   data-bs-theme="dark", #212529). Same opaque fill on every color scheme
   including classic + vectorScope — not the lighter --bs-dark gray. */
html body #sidebar,
html[data-color-scheme] body #sidebar,
html[data-color-scheme="classic"] body #sidebar,
html[data-color-scheme="vectorScope"] body #sidebar,
html.gccr-classic-mode body #sidebar {
    background: var(--bs-body-bg, #212529) !important;
    background-color: var(--bs-body-bg, #212529) !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Fade app UI behind the open sidebar (Bootstrap offcanvas-backdrop style:
   black at 50% opacity). #overlay already toggles .active with the sidebar. */
html body #overlay {
    background: #000 !important;
    background-color: #000 !important;
    opacity: 0 !important;
    transition: opacity var(--bs-offcanvas-transition-duration, 0.3s)
        ease-in-out !important;
}

html body #overlay.active {
    opacity: 0.5 !important;
}

@media (prefers-reduced-motion: reduce) {
    html body #overlay {
        transition: none !important;
    }
}

/* Sidebar menu copy stays white on every color scheme (vectorScope was painting
   labels / inputs / accordion headers #00ff41). Volume dB badge is the exception. */
html body #sidebar,
html[data-color-scheme] body #sidebar,
html[data-color-scheme="vectorScope"] body #sidebar,
html body #sidebar #tab-home,
html[data-color-scheme] body #sidebar #tab-home,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html body #sidebar #tab-home :not(svg):not(path):not(img):not(#masterVolumeValue),
html[data-color-scheme] body #sidebar #tab-home :not(svg):not(path):not(img):not(#masterVolumeValue),
html[data-color-scheme="vectorScope"] body #sidebar #tab-home :not(svg):not(path):not(img):not(#masterVolumeValue),
html body #sidebar #tab-home #nicknameInput,
html[data-color-scheme] body #sidebar #tab-home #nicknameInput,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home #nicknameInput,
html body #sidebar #tab-home label,
html[data-color-scheme] body #sidebar #tab-home label,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home label,
html body #sidebar #tab-home span:not(#masterVolumeValue),
html[data-color-scheme] body #sidebar #tab-home span:not(#masterVolumeValue),
html[data-color-scheme="vectorScope"] body #sidebar #tab-home span:not(#masterVolumeValue),
html body #sidebar #tab-home .accordion-button,
html[data-color-scheme] body #sidebar #tab-home .accordion-button,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home .accordion-button,
html body #sidebar #tab-home .form-label,
html[data-color-scheme] body #sidebar #tab-home .form-label,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home .form-label,
html body #sidebar #tab-home .form-check-label,
html[data-color-scheme] body #sidebar #tab-home .form-check-label,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home .form-check-label,
html body #sidebar #tab-home .gccr-bs-picker-label,
html[data-color-scheme] body #sidebar #tab-home .gccr-bs-picker-label,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home .gccr-bs-picker-label,
html body #sidebar #tab-home .gccr-bs-picker-toggle,
html[data-color-scheme] body #sidebar #tab-home .gccr-bs-picker-toggle,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home .gccr-bs-picker-toggle {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html body #sidebar #tab-home #masterVolumeValue,
html[data-color-scheme] body #sidebar #tab-home #masterVolumeValue,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home #masterVolumeValue,
html body #sidebar #masterVolumeValue.badge,
html[data-color-scheme] body #sidebar #masterVolumeValue.badge,
html[data-color-scheme="vectorScope"] body #sidebar #masterVolumeValue.badge {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}

/* Name input: beat vectorScope green border/bg so it matches Bootstrap form-control. */
html[data-color-scheme="vectorScope"] body #sidebar #tab-home #nicknameInput,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home #nicknameInput.form-control,
html[data-color-scheme="vectorScope"] body #sidebar #sidebarProfileFields #nicknameInput.form-control {
    border: var(--bs-border-width, 1px) solid var(--bs-border-color, rgba(255, 255, 255, 0.25)) !important;
    border-radius: var(--bs-btn-border-radius, 1.078em) !important;
    background: var(--bs-body-bg, #212529) !important;
    background-color: var(--bs-body-bg, #212529) !important;
    box-shadow: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html[data-color-scheme="vectorScope"] body #sidebar #tab-home #nicknameInput:focus,
html[data-color-scheme="vectorScope"] body #sidebar #tab-home #nicknameInput.form-control:focus,
html[data-color-scheme="vectorScope"] body #sidebar #sidebarProfileFields #nicknameInput.form-control:focus {
    border-color: var(--bs-border-color, rgba(255, 255, 255, 0.45)) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Keep Bootstrap accordion chevrons white (scheme tint does not recolor SVG icons). */
html body #sidebar .accordion-button {
    --bs-accordion-btn-color: #fff;
    --bs-accordion-active-color: #fff;
    --bs-accordion-btn-icon: url("img/embedded/asset-2346ca98a9.svg");
    --bs-accordion-btn-active-icon: url("img/embedded/asset-2346ca98a9.svg");
}

/* Match Name/Color .form-label sizing (accordion buttons sit in <h2>, so they
   pick up Litera heading size/weight unless reset). */
#sidebarBsSettingsAccordion .accordion-button {
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

html body #sidebar .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon) !important;
}

/* Bootstrap Icons: inherit the surrounding text colour/size by default so
   icons drop into existing controls without extra classes. */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    vertical-align: -0.125em;
}