@font-face{font-family:Belanosima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/84c74c2368bd3b94-s.0d11a1a1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Belanosima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/84bd3013af38a5a9-s.p.c0cd1cc8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Belanosima Fallback;src:local(Arial);ascent-override:96.13%;descent-override:21.79%;line-gap-override:0.0%;size-adjust:93.21%}.belanosima_e1b4d049-module__kIiIeq__className{font-family:Belanosima,Belanosima Fallback;font-style:normal;font-weight:400}.belanosima_e1b4d049-module__kIiIeq__variable{--font-belanosima-regular:"Belanosima","Belanosima Fallback"}
@font-face{font-family:Belanosima;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8be87d9e2fecd8b6-s.398dfab5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Belanosima;font-style:normal;font-weight:600;font-display:swap;src:url(../media/62dd4724bd6ed5ad-s.p.7c022390.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Belanosima Fallback;src:local(Arial);ascent-override:96.13%;descent-override:21.79%;line-gap-override:0.0%;size-adjust:93.21%}.belanosima_66e84e64-module__BliLua__className{font-family:Belanosima,Belanosima Fallback;font-style:normal;font-weight:600}.belanosima_66e84e64-module__BliLua__variable{--font-belanosima-semi:"Belanosima","Belanosima Fallback"}
@font-face{font-family:Belanosima;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f0632d4604de75f7-s.0401836c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Belanosima;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d629f29a6940d3c3-s.p.e4ec67b5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Belanosima Fallback;src:local(Arial);ascent-override:96.13%;descent-override:21.79%;line-gap-override:0.0%;size-adjust:93.21%}.belanosima_58eb36b6-module__PFQzUW__className{font-family:Belanosima,Belanosima Fallback;font-style:normal;font-weight:700}.belanosima_58eb36b6-module__PFQzUW__variable{--font-belanosima-bold:"Belanosima","Belanosima Fallback"}
*{box-sizing:border-box;font-weight:400;font-family:var(--font-belanosima-regular);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:#0000;margin:0;padding:0}html{touch-action:pan-x pan-y;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100vw;height:100%;overflow:hidden}body{color:#2d2b2b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;background:#e5e5e5;font-family:Arial,Helvetica,sans-serif}.main-container{width:100%;height:100vh}.main-container .content{padding:20px 40px}.main-container .content:has(>.channels-page){padding:0 20px 15px}h1{white-space:nowrap;text-overflow:ellipsis;font-size:35px;overflow:hidden}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}ul,ul li{margin:0;padding:0;list-style:none}a,button{font-family:var(--font-belanosima-regular);color:#2d2b2b;background-color:#0000;border:0;outline:none;text-decoration:underline}a:active,button:active{color:#cfd5d4;background-color:#2d2b2b}@keyframes abort-shake{0%{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.abort-shake{animation:.35s ease-out abort-shake}
.parent-container{height:100dvh;position:relative;overflow:hidden}.parent-container .primary-nav{background-color:#2d2b2b;width:250px;height:100%;position:absolute;top:0;left:0;overflow:hidden}.parent-container .main-container{z-index:1;background-color:#e5e5e5;height:100%;transition:transform .35s ease-in-out;position:relative}.parent-container .main-container .content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;box-sizing:border-box;height:100%;overflow-y:auto}.parent-container .hamburger-container{z-index:50;cursor:pointer;width:25px;height:35px;margin-top:25px;transition:all .35s ease-in-out;position:absolute;top:0;left:5px}.parent-container .hamburger-container div{background-color:#2d2b2b;border-radius:4px;width:100%;height:5px;margin-bottom:3px;transition:all .35s ease-in-out}.parent-container .hamburger-container div:first-child{width:100%}.parent-container .hamburger-container div:nth-child(2){width:60%}.parent-container .hamburger-container div:nth-child(3){width:35%}.parent-container .hamburger-container div.socket-disconnected{background-color:#ee3e41}.parent-container .hamburger-container div.socket-connecting{background-color:#e8c840}.parent-container.dragging .main-container{transition:none}.parent-container.nav-open .main-container{transform:translate(250px)}.parent-container.nav-open .hamburger-container{margin-top:32px}.parent-container.nav-open .hamburger-container div{position:absolute}.parent-container.nav-open .hamburger-container div:first-child{width:100%;transform:rotate(135deg)}.parent-container.nav-open .hamburger-container div:nth-child(2){width:100%;transform:rotate(-135deg)}.parent-container.nav-open .hamburger-container div:nth-child(3){opacity:0;width:100%}.parent-container .nav-contents{color:#e5e5e5;box-sizing:border-box;flex-direction:column;height:100%;padding:42px 20px 0;display:flex}.parent-container .nav-contents .user-card{flex-direction:column;align-items:center;gap:8px;margin-bottom:0;display:flex}.parent-container .nav-contents .profile-photo{color:#e5e5e5;background-color:#b7b7b7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:168px;height:168px;text-decoration:none;display:flex;overflow:hidden}.parent-container .nav-contents .profile-photo img{object-fit:cover;width:100%;height:100%;display:block}.parent-container .nav-contents .user-name{font-family:var(--font-belanosima-regular);text-align:center;color:#cfd5d4;font-size:21px}.parent-container .nav-contents .view-profile-btn{font-family:var(--font-belanosima-regular);color:#e5e5e5;border:1.5px solid #e5e5e5;border-radius:3px;padding:6px 20px;font-size:16px;text-decoration:none}@media (hover:hover){.parent-container .nav-contents .view-profile-btn:hover{opacity:.7}}.parent-container .nav-contents .nav-divider{border:none;border-top:1px dashed #fff3;width:100%;margin:20px 0}.parent-container .nav-contents ul{margin:0;padding:0;list-style:none}.parent-container .nav-contents ul li{margin-bottom:14px}.parent-container .nav-contents ul li a{font-family:var(--font-belanosima-regular);color:#e5e5e5;align-items:center;gap:10px;font-size:15px;text-decoration:underline;display:flex}@media (hover:hover){.parent-container .nav-contents ul li a:hover{opacity:.7}}.parent-container .nav-contents .nav-icon-square{width:30px;height:30px;font-family:var(--font-belanosima-regular);color:#2d2b2b;background-color:#e5e5e5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:22px;display:flex}.parent-container .nav-contents .nav-icon-square img{object-fit:contain;border-radius:0;width:100%;height:100%}.parent-container .nav-contents .nav-badge{color:#e5e5e5;font-family:var(--font-belanosima-bold);background-color:#ee3e41;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;display:inline-flex}.parent-container .nav-contents .nav-bottom{text-align:center;margin-top:auto}.parent-container .nav-contents .logout-button{color:#e5e5e5;font-family:var(--font-belanosima-regular);cursor:pointer;background-color:#ee3e41;border:none;border-radius:3px;padding:6px 20px;font-size:16px}@media (hover:hover){.parent-container .nav-contents .logout-button:hover{opacity:.9}}.parent-container .nav-contents .nav-footer{font-family:var(--font-belanosima-regular);gap:6px;padding-bottom:20px;font-size:12px;display:none}.parent-container .nav-contents .nav-footer a{color:#e5e5e5;text-decoration:underline}@media (hover:hover){.parent-container .nav-contents .nav-footer a:hover{opacity:.7}}.parent-container .nav-contents .nav-footer .footer-sep{opacity:.4}
.recorder{color:#2d2b2b;border-radius:6px;padding:10px;position:absolute;bottom:10px;right:10px}.recorder .actively-recording{background-color:#ee3e41;border-radius:50%;width:20px;height:20px;display:block}
.toast-container{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;color:#e5e5e5;cursor:pointer;background-color:#2d2b2b;border:1px solid #b7b7b7;border-radius:8px;min-width:250px;max-width:350px;padding:12px 16px;animation:.3s ease-out toast-slide-in}.toast.toast-invite{border-color:#3eee8d}.toast.toast-friendRequest{border-color:#3e85ee}.toast .toast-title{font-family:var(--font-belanosima-semi);margin-bottom:4px;font-size:14px}.toast .toast-message{font-family:var(--font-belanosima-regular);opacity:.85;font-size:13px}.toast .toast-action{font-family:var(--font-belanosima-semi);color:#3e85ee;cursor:pointer;background:0 0;border:1px solid #3e85ee;border-radius:4px;margin-top:8px;padding:4px 12px;font-size:12px}.toast .toast-action:hover{color:#e5e5e5;background-color:#3e85ee}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}
.player{color:#2d2b2b;border-radius:6px;padding:10px;position:absolute;bottom:10px;right:10px}.player .playing{background-color:#3eee8d;border-radius:50%;width:20px;height:20px;display:block}
.install-prompt{z-index:9998;color:#e5e5e5;font-family:var(--font-belanosima-regular);background-color:#2d2b2b;border:1px solid #b7b7b7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;position:fixed;top:12px;left:12px;right:12px}.install-prompt .install-prompt-text{flex:1}.install-prompt .install-prompt-text strong{font-family:var(--font-belanosima-semi)}.install-prompt .install-prompt-actions{flex-shrink:0;gap:8px;display:flex}.install-prompt .install-prompt-btn{cursor:pointer;font-family:var(--font-belanosima-semi);border-radius:4px;padding:6px 14px;font-size:13px;text-decoration:none}.install-prompt .install-prompt-btn.install{color:#2d2b2b;background:#3eee8d;border:1px solid #3eee8d}.install-prompt .install-prompt-btn.dismiss{color:#b7b7b7;background:0 0;border:1px solid #b7b7b7}.install-prompt .install-prompt-btn:hover{color:#e5e5e5;background-color:#2d2b2b}