:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}*{box-sizing:border-box;margin:0;padding:0;font-family:roboto}::-webkit-scrollbar{display:none}body{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.css-lo2ucv{padding-top:0!important;transition:none!important}html,body,#root{height:100%}.main-wrapper{min-height:100vh;min-height:100dvh}.reconnect-banner{position:fixed;top:0;width:100%;background-color:#ffc107;color:#000;text-align:center;padding:8px;font-weight:500;z-index:9999;animation:slideDown .3s ease-in;box-shadow:0 2px 6px #0003}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.newp{background:#505ded78;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(15,30,187,.2)}.np{background:#141414ab;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(8.2px);-webkit-backdrop-filter:blur(8.2px);border:1px solid rgba(20,20,20,.3)}.comments .replies-container .reply-card.new:before{content:"";position:absolute;left:-59px;top:16px;width:60px;height:1px;background-color:#70696963;border-radius:.5px;transition:background-color .2s ease}.layout{display:flex;overflow:hidden;width:100%;height:100%;flex-direction:column;background-color:#f2f4f7}.header-container{display:flex;flex-direction:column;width:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;position:sticky;top:0;z-index:100;height:60px}.header .header-left{display:flex;align-items:center;flex:.3}.header .header-left .me{height:40px;object-fit:contain}.header .header-middle{display:flex;align-items:center;padding:8px 16px;border-radius:25px;flex:.4;margin:0 20px}.header .header-middle .sh{font-size:20px;margin-right:10px}.header .header-middle .search::placeholder{color:inherit;opacity:.7}.header .header-right{display:flex;align-items:center;justify-content:flex-end;flex:.3;gap:16px}.header .header-right .messages-link{text-decoration:none;color:inherit}.header .header-right .mode{display:flex;align-items:center}@media (max-width: 600px){.header{padding:8px 12px}.header .header-middle{flex:1;margin:0 12px}}@media all and (dispalay-mode: standalone){.header-container{padding-top:"50px"}}.footer{position:fixed;bottom:0;left:0;right:0;height:90px;display:flex;align-items:center;justify-content:space-around;padding:20px 20px 40px;z-index:1000;transition:transform .3s ease-in-out;box-shadow:0 2px 4px #0000001a;background-color:#fff}.footer.visible{transform:translateY(0)}.footer.hidden{transform:translateY(100px)}.footer a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;transition:transform .2s ease;padding:8px;border-radius:50%}.footer a:hover{transform:scale(1.1);background-color:#0000000d}.footer a:active{background-color:#0000001a}.footer a[href="/create-post"]{position:relative;animation:glow 2s ease-in-out infinite}.footer a[href="/create-post"] svg{filter:drop-shadow(0 0 8px rgba(29,155,240,.6))}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px rgba(29,155,240,.6));transform:scale(1.1)}50%{filter:drop-shadow(0 0 12px rgba(29,155,240,.8));transform:scale(1.15)}}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;padding:20px;transition:left .3s ease-in-out;z-index:10000;display:flex;flex-direction:column;overflow-y:auto}.sidebar.open{left:0}.sidebar .close-btn{position:absolute;top:10px;right:10px;z-index:10001}.sidebar .sidebar-content{margin-top:50px;display:flex;flex-direction:column;flex-grow:1}.sidebar .sidebar-content .sidebar-link,.sidebar .sidebar-content .sidebar-item{display:flex;align-items:center;padding:12px 10px;margin-bottom:8px;border-radius:6px;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .2s ease}.sidebar .sidebar-content .sidebar-link:hover,.sidebar .sidebar-content .sidebar-item:hover{background-color:var(--hover-color, rgba(128, 128, 128, .1))}.sidebar .sidebar-content .sidebar-link span,.sidebar .sidebar-content .sidebar-item span{font-size:1rem}.sidebar .sidebar-content .logout-button{margin-top:auto;color:#ff4d4d;display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.sidebar .sidebar-content .logout-button svg{transition:transform .2s ease}.sidebar .sidebar-content .logout-button:hover{background-color:#ff4d4d1a}.sidebar .sidebar-content .logout-button:hover svg{transform:translate(4px)}@media (max-width: 600px){.sidebar:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:-1}.sidebar.open:before{opacity:1;pointer-events:auto}}.home{width:90%;align-self:center;margin:0 auto;display:flex;flex-grow:1}.home .home-box{display:flex;margin:0 auto;justify-content:center;width:100%}.home .home-left,.home .home-right{padding:5px 5px 50px}.home .home-left{width:20%;flex-shrink:0}.home .home-middle{width:50%;margin-top:5px}.home .home-right{width:25%;flex-shrink:0}.home .home-right .request{border:1px solid rgb(201,190,190);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;background-color:#fff;border-radius:16px;padding:15px;box-shadow:#63636333 0 2px 8px;margin-bottom:10px}.home .home-right .request .hr{border:none;background-color:#d6cdcd;height:1px;width:95%}.home .home-right .request .friends-t{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px}.home .friend{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:5px}.home .friend .name{font-weight:bolder}.home .avtr{width:50px;height:50px;border-radius:50%;border:3px solid rgba(77,66,225,.889)}.home .c{display:flex;align-items:center;justify-content:space-between;width:55%}.home .accept{background-color:#5940d7e3;color:#fff;border:none;border-radius:10px;padding:5px;cursor:pointer;font-size:12px}.home .no{background-color:transparent;border-radius:10px;padding:5px;cursor:pointer;border:1px solid blue;font-size:12px}.home .form{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;border:1px solid rgba(0,0,0,.08);transition:box-shadow .3s ease}.home .form:hover{box-shadow:0 4px 20px #0000001f}.home .form .top-f{display:flex;align-items:center;gap:15px;margin-bottom:15px;width:100%}.home .form .top-f .avator{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.home .form .top-f .send{flex:1;height:42px;border:1px solid rgba(0,0,0,.1);border-radius:25px;background-color:#f8f9fa;padding:0 20px;font-size:14px;color:#495057;transition:all .2s ease}.home .form .top-f .send:hover,.home .form .top-f .send:focus{background-color:#fff;border-color:#0003;box-shadow:0 2px 8px #0000000d}.home .form .top-f .send::placeholder{color:#adb5bd}.home .form .hr{border:none;height:1px;background-color:#00000014;margin:10px 0;width:100%}.home .form .content{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.home .form .content .action-buttons{display:flex;align-items:center;gap:8px}.home .form .content .label{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;cursor:pointer;transition:background-color .2s ease;color:#666}.home .form .content .label:hover{background-color:#0000000d}.home .form .content .label span{font-size:14px}.home .form .content .post-btn{background-color:#1a73e8;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s ease}.home .form .content .post-btn:hover{background-color:#1557b0}.home .form .content .post-btn:disabled{background-color:#ccc;cursor:not-allowed}.home :global(.dark-mode) .form{background-color:#1a1a1a;border-color:#ffffff1a}.home :global(.dark-mode) .form .top-f .send{background-color:#2d2d2d;border:1px solid #4a4a4a;color:#fff}.home :global(.dark-mode) .form .top-f .send:hover,.home :global(.dark-mode) .form .top-f .send:focus{background-color:#333;border-color:#5a5a5a;box-shadow:0 0 0 1px #ffffff1a;outline:none}.home :global(.dark-mode) .form .top-f .send::placeholder{color:#fff9}.home :global(.dark-mode) .form .top-f .avator{border-color:#2d2d2d}.home :global(.dark-mode) .form .hr{background-color:#ffffff1a}.home :global(.dark-mode) .form .content .label{color:#aaa}.home :global(.dark-mode) .form .content .label:hover{background-color:#ffffff0d}@media (min-width: 600px){.home .home-box{align-items:stretch;height:100%}.home .home-left,.home .home-middle,.home .home-right{height:100%;overflow:scroll!important;scrollbar-width:none!important}.home .home-left::-webkit-scrollbar,.home .home-middle::-webkit-scrollbar,.home .home-right::-webkit-scrollbar{display:none!important}}@media (max-width: 599px){.home .home-box{flex-direction:column;align-items:center}.home .home-left,.home .home-middle,.home .home-right{width:100%;padding-left:0;padding-right:0}.home .form{margin-top:0;border-radius:0}}@media all and (display-mode: standalone){.home{margin-top:70px}}.profile-card{display:flex;flex-direction:column;width:100%;max-width:320px;background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.profile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.profile-card .profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.profile-card .profile-header .profile-info{display:flex;align-items:center;gap:12px}.profile-card .profile-header .profile-info .avatar-link{text-decoration:none}.profile-card .profile-header .profile-info .avatar-link .MuiAvatar-root{width:60px!important;height:60px!important;border:2px solid #1768ac;transition:transform .2s ease-in-out}.profile-card .profile-header .profile-info .avatar-link .MuiAvatar-root:hover{transform:scale(1.05)}.profile-card .profile-header .profile-info .profile-text .profile-name{font-size:1rem;font-weight:600;margin-bottom:2px}.profile-card .profile-header .profile-info .profile-text .profile-title{font-size:.8125rem;color:#666}.profile-card .profile-header .edit-button{padding:6px;transition:background-color .2s ease-in-out}.profile-card .profile-details .detail-item{display:flex;align-items:center;gap:12px;padding:8px 0}.profile-card .profile-details .detail-item .detail-icon{font-size:1.5rem;color:#1768ac}.profile-card .profile-details .detail-item .MuiTypography-root{font-size:.875rem}.profile-card .profile-stats{display:flex;flex-direction:column;gap:12px}.profile-card .profile-stats .connections{font-weight:600;color:#1768ac}.profile-card .profile-stats .stat-item{display:flex;justify-content:space-between;align-items:center}.profile-card .profile-stats .stat-item .stat-label{color:#666}.profile-card .profile-stats .stat-item .stat-value{font-weight:500}.profile-card .profile-stats .verification-badge{display:flex;align-items:center;gap:8px;padding:8px;background-color:#1768ac1a;border-radius:6px}.profile-card .profile-stats .verification-badge .verified-text{color:#1768ac;font-weight:500}.profile-card .profile-stats .verification-badge .verified-icon{color:#1768ac;font-size:1.25rem}.profile-card .social-links .social-title{font-weight:600;margin-bottom:16px}.profile-card .social-links .social-icons .social-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background-color .2s ease-in-out;cursor:pointer}.profile-card .social-links .social-icons .social-item:hover{background-color:#0000000a}.profile-card .social-links .social-icons .social-item .social-icon{font-size:1.5rem;color:#1768ac}.profile-card .social-links .social-icons .social-item .MuiTypography-root{font-size:.875rem}[data-theme=dark] .profile-card{background-color:#1a1a1a;border-color:#333}[data-theme=dark] .profile-card .profile-text .profile-title,[data-theme=dark] .profile-card .profile-stats .stat-label{color:#aaa}[data-theme=dark] .profile-card .social-links .social-item:hover{background-color:#ffffff0d}.friends{display:flex;flex-direction:column;width:100%;max-width:320px;background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;margin-top:24px}.friends:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.friends .friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.friends .friends-header .friends-title{font-size:1rem;font-weight:600;color:#1768ac}.friends .friends-header .friends-count{font-size:.875rem;color:#666}.friends .friends-list{display:flex;flex-direction:column;gap:12px}.friends .friend{display:flex;align-items:center;justify-content:space-between}.friends .friend .avt{width:50px;height:50px;border-radius:50%}.friends .hr{border:none;background-color:#d6cdcd;height:1px;width:95%}.friends .friend{width:90%;position:relative}.friends .name{font-weight:700}.friends .status{color:gray;font-style:italic;font-size:14px}.friends .online{color:green;background-color:#51eb46;width:12px;height:12px;border-radius:50%;position:absolute;top:10px;left:40px;border:1px solid white}[data-theme=dark] .friends{background-color:#1a1a1a;border-color:#333}[data-theme=dark] .friends .friends-header .friends-count{color:#aaa}.friend{display:flex;width:100%;border-radius:8px;padding:12px;transition:all .2s ease-in-out;cursor:pointer}.friend .friend-content{display:flex;align-items:center;gap:12px;width:100%}.friend .avatar-container{position:relative}.friend .avatar-container .avatar{width:40px!important;height:40px!important;border:2px solid #1768ac}.friend .avatar-container .online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:#4caf50;border-radius:50%;border:2px solid white}.friend .friend-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.friend .friend-info .name{font-weight:500;color:#1768ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend .friend-info .status{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .friend .friend-info .name{color:#64b5f6}[data-theme=dark] .friend .friend-info .status{color:#aaa}.friend-request{display:flex;flex-direction:column;width:100%;border-radius:12px;padding:12px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;margin-bottom:16px}.friend-request:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.friend-request .friend-content{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.friend-request .friend-content .avatar-container{position:relative}.friend-request .friend-content .avatar-container .avatar{width:40px!important;height:40px!important;border:2px solid #1768ac}.friend-request .friend-content .avatar-container .online-indicator{position:absolute;bottom:2px;right:2px;width:8px;height:8px;background-color:#4caf50;border-radius:50%;border:2px solid white}.friend-request .friend-content .friend-info{flex:1;min-width:0}.friend-request .friend-content .friend-info .name{font-weight:500;color:#1768ac;margin-bottom:2px;font-size:.875rem}.friend-request .friend-content .friend-info .status{display:flex;flex-direction:column;gap:2px}.friend-request .friend-content .friend-info .status .status-text{color:#666;font-size:.75rem}.friend-request .friend-content .friend-info .status .mutual-friends{display:flex;align-items:center;gap:4px;color:#666;font-size:.75rem}.friend-request .friend-content .friend-info .status .mutual-friends .icon{font-size:12px}.friend-request .action-buttons{display:flex;gap:8px;margin-top:4px}.friend-request .action-buttons .accept-button,.friend-request .action-buttons .cancel-button{flex:1;text-transform:none;font-weight:500;padding:4px 12px;font-size:.75rem;min-height:28px;border-radius:6px;transition:all .2s ease-in-out}[data-theme=dark] .friend-request .friend-info .name{color:#64b5f6}[data-theme=dark] .friend-request .friend-info .status .status-text,[data-theme=dark] .friend-request .friend-info .status .mutual-friends{color:#aaa}[data-theme=dark] .friend-request .action-buttons .cancel-button{color:#64b5f6;border-color:#64b5f6}[data-theme=dark] .friend-request .action-buttons .cancel-button:hover{background-color:#64b5f614}.post{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;background-color:#fff;border-radius:2px;padding-top:10px;border:1px solid rgb(212,208,208);padding-bottom:20px;box-shadow:#63636333 0 2px 8px;margin-bottom:10px}.post .post-img{object-fit:cover}.post .f{display:flex;align-items:center;width:100px;justify-content:space-around;color:#727523;border-radius:20px;cursor:pointer;transition:all .5s ease}.post .f:hover{background-color:#846f0f;color:#fff}.post .poster{display:flex;align-items:center;justify-content:space-between;width:100%;padding-left:10px;padding-right:10px}.post .poster .d{width:60%;display:flex;flex-direction:column;align-items:center}.post .med{width:100%;display:flex;align-items:center;gap:5px}.post .names{display:flex;align-items:center;justify-content:center;flex-direction:column}.post .sp{margin-bottom:14px;font-style:italic;color:#878585;font-size:13px}.post .post-img{width:100%;object-fit:cover}.post .last{margin-top:5px;display:flex;width:100%;align-items:center;justify-content:space-between;padding-left:10px;padding-right:10px}.post .likes,.post .coms{display:flex;align-items:center;gap:3px}.post .n{font-weight:bolder}.post .follow{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.post .hr{width:100%;height:1px;border:none;background-color:#bca6a6;align-self:center}@media (max-width: 599px){.post{display:none}.post-card-mobile{border-radius:2px}.post-card-mobile .MuiCardHeader-content{display:flex;flex-direction:column}.post-card-mobile .MuiCardHeader-action{margin:0}.post-card-mobile .MuiCardContent-root{padding-left:16px;padding-right:16px}.post-card-mobile .MuiCardMedia-root{border-radius:0;max-height:50vh}.post-card-mobile .MuiCardActions-root{padding-left:16px;padding-right:16px;border-top:1px solid transparent}.post-card-mobile .MuiIconButton-root{padding:6px}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.action-button.liked,.action-button.bookmarked{transform-origin:center}.action-button:hover .MuiTouchRipple-root{background-color:#f918801a}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media (max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media (max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:#0000;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.comments{padding:12px 16px;border-top:1px solid rgba(0,0,0,.08);transition:all .2s ease}.comments .comment-container{display:flex;gap:12px;position:relative;padding:8px 0}.comments .comment-container .comment-avatar{flex-shrink:0;position:relative;margin-top:4px}.comments .comment-container .comment-avatar .avt{width:32px;height:32px;border-radius:50%;object-fit:cover;transition:transform .2s ease}.comments .comment-container .comment-avatar .avt:hover{transform:scale(1.05)}.comments .comment-container .comment-content{flex:1;min-width:0}.comments .comment-container .comment-content .comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comments .comment-container .comment-content .comment-header .username{font-weight:600;font-size:.875rem;color:inherit}.comments .comment-container .comment-content .comment-header .timestamp{font-size:.75rem;color:#00000080}.comments .comment-container .comment-content .comment-text{margin-bottom:8px;font-size:.875rem;line-height:1.4;color:inherit}.comments .comment-container .comment-content .comment-actions{display:flex;align-items:center;gap:16px;margin-top:6px}.comments .comment-container .comment-content .comment-actions button{background:none;border:none;padding:4px 8px;cursor:pointer;font-size:.75rem;color:inherit;display:flex;align-items:center;gap:4px;border-radius:4px;transition:all .2s ease}.comments .comment-container .comment-content .comment-actions button:hover{background-color:#0000000d}.comments .comment-container .comment-content .comment-actions button:active{transform:scale(.95)}.comments .replies-container{position:relative;margin-left:28px;padding-left:24px;margin-top:8px}.comments .replies-container:before{content:"";position:absolute;left:0;top:0;bottom:8px;width:1px;background-color:#70696963;border-radius:.5px;transition:background-color .2s ease}.comments .replies-container .reply-card{position:relative;margin-top:12px;opacity:.9;transition:opacity .2s ease}.comments .replies-container .reply-card:hover{opacity:1}.comments .replies-container .reply-card:before{content:"";position:absolute;left:-24px;top:16px;width:24px;height:1px;background-color:#70696963;border-radius:.5px;transition:background-color .2s ease}.comments .replies-container .reply-card:first-child{margin-top:0}[data-theme=dark] .comments{border-top:1px solid rgba(255,255,255,.08)}[data-theme=dark] .comments .comment-header .timestamp{color:#ffffff80}[data-theme=dark] .comments .comment-actions button:hover{background-color:#ffffff0d}[data-theme=dark] .comments .replies-container:before{background-color:#ffffff1f}[data-theme=dark] .comments .replies-container .reply-card:before{background-color:#ffffff1f}.emoji-animated{display:inline-block;animation:bounce .5s ease-in-out infinite alternate}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.2)}}.emoji-pop-in{display:inline-block;animation:popIn .3s ease-out forwards}@keyframes popIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.emoji-heartbeat{display:inline-block;animation:heartbeat 1.2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.e{width:100%;height:40px;border-radius:6px;outline:none;background-color:transparent;border:1px solid #e0e0e0;padding-left:10px}.up{display:flex;align-items:center;justify-content:space-between;width:100%;flex-direction:row-reverse}.MostFollowedCarousel{-ms-overflow-style:none;scrollbar-width:none}.MostFollowedCarousel::-webkit-scrollbar{display:none}.MostFollowedCarousel .scroll-button{transition:opacity .3s ease}.MostFollowedCarousel .scroll-button:hover{opacity:1}.MostFollowedCarousel .scroll-button.hidden{opacity:0;pointer-events:none}.app{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){body.pwa-mode .header-container{padding-top:calc(env(safe-area-inset-top,0px) + 10px)}body.pwa-mode .home{margin-top:calc(env(safe-area-inset-top,0px) + 70px)}body.pwa-mode .updates-carousel{margin-top:calc(env(safe-area-inset-top,0px) + 15px)}}.css-rh40o9-MuiPaper-root-MuiCard-root{background-color:#121212;-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;box-shadow:var(--Paper-shadow);background-image:var(--Paper-overlay);overflow:hidden;max-width:100%;margin-bottom:4px;box-shadow:none;border:none;background-color:#16181c;color:#fff;border-radius:5px}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d3436);position:relative;overflow:hidden;padding:20px}.not-found .content{text-align:center;z-index:1;max-width:600px;width:100%}.not-found .error-code{font-size:120px;font-weight:700;background:linear-gradient(45deg,#2d55ff,#4d6fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;line-height:1}@media (max-width: 600px){.not-found .error-code{font-size:80px}}.not-found .title{color:#fff;margin-bottom:16px;font-weight:600}.not-found .description{color:#ffffffb3;margin-bottom:32px}.not-found .home-link{text-decoration:none}.not-found .home-button{background:linear-gradient(45deg,#2d55ff,#4d6fff);border:none;padding:12px 32px;font-weight:500;text-transform:none;border-radius:12px;transition:transform .3s ease}.not-found .home-button:hover{background:linear-gradient(45deg,#4d6fff,#2d55ff);transform:translateY(-2px)}.not-found .animated-background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.not-found .animated-background .shape{position:absolute;filter:blur(40px);opacity:.5;animation:float 8s infinite ease-in-out}.not-found .animated-background .shape.shape-1{width:300px;height:300px;background:#2d55ff33;top:-100px;right:-100px;border-radius:40% 60% 70% 30%/40% 50% 60%;animation-delay:0s}.not-found .animated-background .shape.shape-2{width:250px;height:250px;background:#f553;bottom:-50px;left:-50px;border-radius:60% 40% 30% 70%/50% 60% 40% 50%;animation-delay:2s}.not-found .animated-background .shape.shape-3{width:200px;height:200px;background:#55ff9b33;top:50%;right:30%;border-radius:50% 60% 50% 70%/50% 40% 60% 50%;animation-delay:4s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-10px) rotate(5deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translate(-10px,-10px) rotate(-5deg)}}.create-post .MuiTextField-root .MuiInput-root:before,.create-post .MuiTextField-root .MuiInput-root:after{display:none}.create-post .MuiTextField-root .MuiInput-root input::placeholder,.create-post .MuiTextField-root .MuiInput-root textarea::placeholder{opacity:.6}.create-post .image-preview{position:relative;border-radius:16px;overflow:hidden;background-color:#00000008}.create-post .image-preview img{width:100%;height:auto;display:block}.create-post .image-preview .remove-image{position:absolute;top:8px;right:8px;background-color:#00000080;color:#fff;border-radius:50%;padding:4px;cursor:pointer;transition:background-color .2s}.create-post .image-preview .remove-image:hover{background-color:#000000b3}.create-post .action-buttons{display:flex;align-items:center;gap:8px}.create-post .action-buttons .MuiIconButton-root{border-radius:50%;padding:8px;transition:background-color .2s}.create-post .action-buttons .MuiIconButton-root:hover{background-color:#1d9bf01a}.dark-mode .create-post .image-preview{background-color:#ffffff0d}.dark-mode .create-post .action-buttons .MuiIconButton-root:hover{background-color:#ffffff1a}.typing-indicator-container{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:18px;width:fit-content}.typing-indicator{display:flex;align-items:center;height:20px}.typing-dot{width:8px;height:8px;margin:0 2px;background-color:#666;border-radius:50%;display:inline-block;animation:typing-dot-animation 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.typing-text{font-size:14px;color:#555;font-family:Arial,sans-serif}@keyframes typing-dot-animation{0%,80%,to{transform:translateY(0);opacity:.7}40%{transform:translateY(-8px);opacity:1}}.chat-container{display:flex;height:calc(100vh - 60px);background-color:var(--background);position:relative;overflow:hidden}.chat-container .chat-list{width:350px;border-right:1px solid var(--border);display:flex;flex-direction:column;background-color:var(--background)}.chat-container .chat-list .chat-list-header{padding:16px;border-bottom:1px solid var(--border)}.chat-container .chat-list .chat-list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s}.chat-container .chat-list .chat-list-item:hover,.chat-container .chat-list .chat-list-item.active{background-color:#0000000d}.chat-container .chat-list .chat-list-item .avatar-container{position:relative;margin-right:12px}.chat-container .chat-list .chat-list-item .avatar-container .online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background-color:#44b700;border:2px solid var(--background)}.chat-container .chat-list .chat-list-item .chat-list-text .MuiTypography-root{color:var(--text-primary)}.chat-container .chat-list .chat-list-item .chat-list-text .MuiTypography-body2{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-container .chat-list .chat-list-item .chat-list-meta{display:flex;flex-direction:column;align-items:flex-end;min-width:50px}.chat-container .chat-list .chat-list-item .chat-list-meta .chat-time{color:var(--text-secondary);font-size:.75rem}.chat-container .chat-list .chat-list-item .chat-list-meta .unread-badge{margin-top:4px}.chat-container .chat-messages{flex:1;display:flex;flex-direction:column;background-color:var(--background)}.chat-container .chat-messages .chat-header{padding:12px 16px;border-bottom:1px solid var(--border)}.chat-container .chat-messages .chat-header .chat-header-user{display:flex;align-items:center;gap:12px}.chat-container .chat-messages .chat-header .chat-header-user .avatar-container{position:relative}.chat-container .chat-messages .chat-header .chat-header-user .avatar-container .online-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background-color:#44b700;border:2px solid var(--background)}.chat-container .chat-messages .messages-container{flex:1;padding:16px;overflow-y:auto}.chat-container .chat-messages .message-input{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:12px;align-items:center;background-color:var(--background)}.chat-container .chat-messages .message-input .MuiTextField-root .MuiOutlinedInput-root{background-color:var(--input-background)}.chat-container .chat-messages .message-input .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--border-hover)}.chat-container .chat-messages .message-input .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary)}.chat-container .no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:24px}.chat-container .no-chat-selected h6{color:var(--text-primary);margin-bottom:8px}@media (max-width: 600px){.chat-container .chat-list{width:100%;position:absolute;top:0;bottom:0;left:0;transition:transform .3s ease;z-index:1}.chat-container .chat-list.hidden{transform:translate(-100%)}.chat-container .chat-messages{position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(100%);transition:transform .3s ease;z-index:2}.chat-container .chat-messages.active{transform:translate(0)}.story-item .MuiAvatar-root{width:50px!important;height:50px!important}.chat-list-item{padding:10px 16px}.messages-container{padding:12px!important}.message-input{padding:8px 12px!important}}[data-theme=dark]{--bg-color: #000;--border-color: rgba(255, 255, 255, .12);--hover-color: rgba(255, 255, 255, .04);--selected-color: rgba(255, 255, 255, .08);--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .3);--primary-color: #1d9bf0;--message-bg: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .04);--border-hover: rgba(255, 255, 255, .23)}[data-theme=dark] .chat-list-item:hover,[data-theme=dark] .chat-list-item.active{background-color:#ffffff0d}[data-theme=light]{--bg-color: #fff;--border-color: rgba(0, 0, 0, .12);--hover-color: rgba(0, 0, 0, .04);--selected-color: rgba(0, 0, 0, .08);--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-disabled: rgba(0, 0, 0, .38);--primary-color: #1d9bf0;--message-bg: #f0f2f5;--input-bg: #f0f2f5;--border-hover: rgba(0, 0, 0, .23)}.story-item{flex-shrink:0;cursor:pointer;transition:transform .2s}.story-item:hover{transform:translateY(-2px)}.mnn{color:#2b2e34}.notification-item{padding:16px;display:flex;gap:16px;cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:#0000000d}.notification-item .notification-content{display:flex;gap:12px;flex:1}.notification-item .notification-content .avatar-container{position:relative}.notification-item .notification-content .avatar-container .notification-dot{position:absolute;width:8px;height:8px;border-radius:50%;bottom:-2px;right:-2px}.notification-item .notification-content .text-content{flex:1;display:flex;flex-direction:column;gap:4px}.notification-item .notification-content .text-content .highlight{font-weight:600}.notification-item .preview-image{width:60px;height:60px;border-radius:8px;background-size:cover;background-position:center;flex-shrink:0}[data-theme=dark] .notification-item:hover{background-color:#ffffff0d}.MuiChip-root{cursor:pointer;transition:all .2s ease-in-out}.MuiChip-root:hover{transform:translateY(-1px)}.MuiCard-root{transition:all .2s ease-in-out;cursor:pointer}.MuiCard-root:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (max-width: 600px){.MuiSelect-select{font-size:14px;padding:8px 14px}.MuiChip-root{font-size:12px}.MuiTypography-subtitle1{font-size:14px}.MuiTypography-body2{font-size:12px}}