:root{--void: #0a0a0f;--abyss: #12121a;--surface: #1a1a26;--elevated: #252533;--muted: #4a4a5a;--text: #e8e8f0;--text-dim: #9898a8;--piss-yellow: #f0e130;--piss-gold: #ffd700;--angry-purple: #8b5cf6;--electric-violet: #a855f7;--hot-pink: #ec4899;--neon-cyan: #22d3ee;--sick-green: #84cc16;--glow-yellow: rgba(240, 225, 48, .4);--glow-purple: rgba(139, 92, 246, .4)}body{background-color:var(--void);color:var(--text);font-family:Outfit,sans-serif;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}.scanlines:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10;opacity:.3}::selection{background:var(--piss-yellow);color:var(--void)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#2f3136}::-webkit-scrollbar-thumb{background-color:#202225;border-radius:4px}input,textarea{caret-color:#fff!important;cursor:text!important}input:focus,textarea:focus{caret-color:#fff!important}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width: 768px){button,.btn,[role=button]{min-height:44px;min-width:44px}.channel-item{padding:12px 8px}.message-input{font-size:16px;padding:12px}::-webkit-scrollbar{display:none}.sidebar-text{font-size:14px}}@supports (padding: env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}}html,body{overscroll-behavior:none;position:fixed;width:100%;height:100%;height:100dvh}#root{width:100%;height:100%;height:100dvh;overflow:hidden}@supports (height: 100dvh){html,body,#root{height:100dvh}}@supports not (height: 100dvh){html,body,#root{height:-webkit-fill-available}}@media (max-height: 500px) and (orientation: landscape){.voice-controls{flex-direction:row;gap:8px}.sidebar{width:60px}}.capacitor-fullscreen{padding-top:0!important}.touch-feedback:active{opacity:.7;transform:scale(.98);transition:all .1s ease}@media (max-width: 640px){.video-grid{grid-template-columns:1fr}.video-tile{max-height:40vh}}.keyboard-visible .message-area{max-height:calc(100vh - 300px)}@media (max-width: 768px){.mobile-view-enter{animation:slideInFromRight .25s ease-out}.mobile-view-exit{animation:slideOutToLeft .2s ease-in}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}}.native-press{transition:transform .15s ease,background-color .15s ease}.native-press:active{transform:scale(.96)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@supports not (backdrop-filter: blur(24px)){.backdrop-blur-xl{background:#12121afa!important}}@media (max-width: 768px){.mobile-header{padding-top:max(env(safe-area-inset-top),12px)}.safe-area-top{padding-top:max(env(safe-area-inset-top,0px),20px)}.mobile-nav-spacing{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.mobile-content{height:calc(100dvh - 64px - env(safe-area-inset-bottom,0px));min-height:0;overflow:hidden}.mobile-content-large-inset{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}@media (max-width: 768px){.mobile-nav-button{min-height:56px;min-width:56px}}@media (max-width: 768px){.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-width: 768px){.channel-item-mobile{transition:background-color .15s ease}.channel-item-mobile:active{background-color:#f0e1301a}}@media (max-width: 768px){.swipe-area{-webkit-user-select:none;user-select:none;touch-action:pan-y}}@supports (padding-top: env(safe-area-inset-top)){.ios-safe-area-top{padding-top:env(safe-area-inset-top)}}@media (max-width: 768px){.keyboard-aware{height:100%;height:100dvh}input:focus,textarea:focus{scroll-margin-bottom:100px}input,textarea,select{font-size:16px!important}}.bottom-sheet-keyboard-visible{transform:translateY(-50vh);transition:transform .3s ease-out}.animate-fade-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-scale-in{animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.mobile-dark-bg{background:linear-gradient(180deg,#1a1a2e,#0f0f1a)}select{background-color:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select option{background-color:#1a1a2e;color:#fff}}@keyframes glitch-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,1px)}to{clip-path:inset(30% 0 50% 0);transform:translate(1px,-1px)}}@keyframes glitch-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-1px)}20%{clip-path:inset(30% 0 20% 0);transform:translate(-2px,1px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(2px,-2px)}60%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,2px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(1px,-1px)}to{clip-path:inset(0% 0 80% 0);transform:translate(-1px,1px)}}.animate-glitch-1{animation:glitch-1 2.5s infinite linear alternate-reverse}.animate-glitch-2{animation:glitch-2 3s infinite linear alternate-reverse}