body{font-family:"Instrument Sans",sans-serif;background-color:#252525;color:#fff;overflow:hidden}html,body{height:100%;height:100vh;height:100dvh;margin:0}.font-serif{font-family:"Instrument Serif",sans-serif!important}.font-sans{font-family:"Instrument Sans",sans-serif!important}.font-inter{font-family:"Inter",sans-serif!important}.background-login{font-family:"Instrument Sans",sans-serif!important;padding:0!important;background-image:url(/assets/img/login-background.png)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}.login-card{background-color:#1e1e1e;border:1px solid rgb(255 255 255 / .05);box-shadow:0 50px 100px rgb(0 0 0 / .5);margin:0 10px}.input-field{background-color:#252525;border:1px solid rgb(255 255 255 / .05);transition:all 0.3s ease}.input-field:focus{border-color:rgb(255 255 255 / .2);background-color:#2a2a2a;outline:none}.btn-primary{background-color:#fff;color:#000;transition:all 0.3s ease}.btn-primary:hover{background-color:#e5e5e5;transform:translateY(-1px)}.btn-google{background-color:#1e1e1e;border:1px solid rgb(255 255 255 / .1);transition:all 0.3s ease}.btn-google:hover{background-color:#252525;border-color:rgb(255 255 255 / .2)}.divider{height:1px;background:rgb(255 255 255 / .05);flex-grow:1}.scrollbar-hide::-webkit-scrollbar{display:none}.emoji-particle{position:absolute;display:block;bottom:0;pointer-events:none;user-select:none;z-index:30;opacity:0;will-change:transform,opacity;width:var(--size,32px);height:var(--size,32px);animation:floatUp var(--duration,2s) linear var(--delay,0s) forwards}.emoji-particle img{width:100%;height:100%;object-fit:contain}@keyframes floatUp{0%{transform:translateY(20px) scale(0);opacity:0}10%{opacity:1;transform:translateY(0) scale(1.2)}100%{transform:translateY(var(--target-y)) scale(.8);opacity:0}}.video-gradient{background:radial-gradient(circle at center,rgb(255 255 255 / .05) 0%,transparent 70%)}#emojiPicker{display:none;position:absolute;bottom:calc(100% + 15px);right:0;width:280px;background:#1a1a1a;border:1px solid rgb(255 255 255 / .1);border-radius:1.5rem;padding:1rem;box-shadow:0 20px 50px rgb(0 0 0 / .5);z-index:60}#emojiPicker.active{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.picker-emoji{font-size:1.5rem;padding:8px;border-radius:.75rem;transition:all 0.2s;cursor:pointer;text-align:center}.picker-emoji:hover{background:rgb(255 255 255 / .05);transform:scale(1.1)}.main-layout-container{display:flex;height:100%;width:100%;overflow:hidden}.main-layout-container main{display:flex;flex-direction:column;max-height:100%}#videoContainer{max-height:100%;max-width:100rem;display:flex;align-items:center;justify-content:center}#resizeHandle{width:6px;cursor:col-resize;background:#fff0;z-index:49;flex-shrink:0;transition:background 0.2s;color:#93939c;align-content:center;background:rgb(255 255 255 / .1)}#sidebarChat{font-family:"Inter",sans-serif!important;--sidebar-width:300px;width:var(--sidebar-width);flex:0 0 var(--sidebar-width);transition:none;display:flex;flex-direction:column;min-height:0;height:100%}#chatFeed{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}#messageContainer{flex-grow:1;display:flex;flex-direction:column}#messageContainer img{display:block;background:#333;width:100%;height:100%;object-fit:cover}@media (min-width:768px){#sidebarChat{width:300px;flex:0 0 300px}}@media (max-width:767px){.main-layout-container{flex-direction:column;height:100%;overflow:hidden}main:not(.flex-1){flex:0 0 auto;padding-top:10px;padding-bottom:10px}main.flex-1{flex:0 0 50%}#sidebarChat{min-height:0;overflow:hidden;width:100%!important;flex:1 1 100%!important}}#previewContainer{position:absolute;bottom:calc(100% + 20px);left:50%;transform:translateX(-50%);z-index:50;transition:opacity 0.3s ease}@media (min-width:768px){.sidebar-focus{position:static!important;width:300px!important;flex:0 0 300px!important;order:0!important}}@media (max-width:767px){.sidebar-focus{position:absolute!important;top:0!important;left:0!important;height:100%!important;width:100%!important;z-index:100!important;order:-1!important}}#toggleFocusBtn{display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){#toggleFocusBtn{display:none!important}}.main-hidden{display:none!important}.main-layout-container{position:relative}@media (pointer:coarse) and (max-width:900px) and (max-height:500px) and (orientation:landscape){body>*:not(#rotateWarning){display:none!important}#rotateWarning{display:flex!important;align-items:center;justify-content:center;height:100vh}}.resizing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;cursor:col-resize}