.leftbar{background-color:var(--bg-color);border-right:1px solid var(--border-color);color:var(--text-color);flex:2 1;height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:60px;transition:background-color .3s ease,color .3s ease}@media(max-width:480px){.leftbar{display:none}}@media(max-width:960px){.leftbar{flex:1 1}}.leftbar::-webkit-scrollbar{width:6px}.leftbar::-webkit-scrollbar-track{background-color:#0000}.leftbar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.leftbar .container{padding:20px}@media(max-width:960px){.leftbar .container{padding:10px}}.leftbar .container hr{background-color:var(--border-color);border:0;height:1px;margin:20px 0}.leftbar .container .menu{display:flex;flex-direction:column;gap:5px}.leftbar .container .menu>span{color:var(--text-color-soft);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;margin-top:10px;text-transform:uppercase}.leftbar .container .menu .user{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:10px;transition:background-color .2s}.leftbar .container .menu .user:hover{background-color:var(--hover-color)}.leftbar .container .menu .user img{border-radius:50%;height:35px;object-fit:cover;width:35px}.leftbar .container .menu .user span{color:var(--text-color);font-size:15px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leftbar .container .menu .item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:10px;transition:all .2s ease}.leftbar .container .menu .item:hover{background-color:var(--hover-color);transform:translateX(8px)}.leftbar .container .menu .item img{height:30px;object-fit:contain;width:30px}.leftbar .container .menu .item span{color:var(--text-color);font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);color:var(--text-color);height:60px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease;z-index:999}.navbar,.navbar .left{align-items:center;display:flex}.navbar .left{flex:1 1;gap:30px}.navbar .left span{color:var(--logo-color);font-size:22px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.navbar .left svg{cursor:pointer;font-size:22px;transition:transform .2s,color .2s}.navbar .left svg:hover{color:var(--logo-color);transform:scale(1.1)}.navbar .left .mobile-search-icon{display:none}@media(max-width:480px){.navbar .left .mobile-search-icon{cursor:pointer;display:block;font-size:24px}}.navbar .left .search-wrapper{flex:1 1}@media(max-width:480px){.navbar .left .search-wrapper{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:0 5px 10px #0000000d;box-sizing:border-box;display:none;left:0;padding:10px 20px;position:absolute;right:0;top:60px;z-index:998}.navbar .left .search-wrapper.open{animation:slideDown .3s ease forwards;display:block}}.navbar .left .search-wrapper .search{align-items:center;background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:20px;display:flex;gap:15px;max-width:500px;padding:6px 15px;transition:border-color .2s,background-color .3s;width:100%}@media(max-width:480px){.navbar .left .search-wrapper .search{max-width:100%}}.navbar .left .search-wrapper .search:focus-within{border-color:var(--logo-color)}.navbar .left .search-wrapper .search svg{color:var(--text-color-soft);font-size:18px}.navbar .left .search-wrapper .search svg:hover{transform:none}.navbar .left .search-wrapper .search input{background-color:#0000;border:none;color:var(--text-color);outline:none;width:100%}.navbar .left .search-wrapper .search input::placeholder{color:var(--text-color-soft)}.navbar .right{align-items:center;display:flex;gap:20px}.navbar .right .hamburger{display:none}@media(max-width:480px){.navbar .right .hamburger{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:28px;z-index:1001}}.navbar .right .menu-container{display:flex}@media(max-width:480px){.navbar .right .menu-container{background-color:var(--bg-color);box-shadow:-5px 0 15px var(--shadow-color);height:calc(100vh - 60px);padding:30px 20px;position:fixed;right:-100%;top:60px;transition:right .3s ease-in-out;width:220px;z-index:999}.navbar .right .menu-container.open{right:0}}.navbar .right .menu-container .icons{align-items:center;display:flex;gap:20px}@media(max-width:480px){.navbar .right .menu-container .icons{align-items:flex-start;flex-direction:column;gap:30px;width:100%}.navbar .right .menu-container .icons>a>svg,.navbar .right .menu-container .icons>svg{font-size:26px}}.navbar .right .menu-container .icons>a>svg,.navbar .right .menu-container .icons>svg{color:var(--text-color);cursor:pointer;font-size:22px;transition:all .2s}.navbar .right .menu-container .icons>a>svg:hover,.navbar .right .menu-container .icons>svg:hover{color:var(--logo-color);transform:translateY(-2px)}.navbar .right .user{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px;position:relative}@media(max-width:480px){.navbar .right .user>span{display:none}}.navbar .right .user img{border:2px solid var(--border-color);border-radius:50%;height:32px;object-fit:cover;width:32px}.navbar .right .user .dropdownMenu{animation:slideIn .2s ease forwards;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 16px var(--shadow-color);display:flex;flex-direction:column;gap:5px;padding:10px;position:absolute;right:0;top:50px;transition:background-color .3s ease,border-color .3s ease;width:220px;z-index:1000}.navbar .right .user .dropdownMenu hr{background-color:var(--border-color);border:0;height:1px;margin:5px 0;transition:background-color .3s ease}.navbar .right .user .dropdownMenu a{text-decoration:none;width:100%}.navbar .right .user .dropdownMenu button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 15px;text-align:left;transition:all .2s;width:100%}.navbar .right .user .dropdownMenu button.function{background-color:#0000;color:var(--text-color)}.navbar .right .user .dropdownMenu button.function:hover{background-color:var(--bg-soft);color:var(--logo-color);padding-left:20px}.navbar .right .user .dropdownMenu button.logout{background-color:#f443361a;color:#f44336;margin-top:5px}.navbar .right .user .dropdownMenu button.logout:hover{background-color:#f44336;color:#fff}@media(max-width:480px){.navbar .right .user .dropdownMenu{position:fixed;right:15px;top:65px;width:200px}}.navbar .logoutModalOverlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.navbar .logoutModalOverlay .logoutModal{animation:slideIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px var(--shadow-color);color:var(--text-color);display:flex;flex-direction:column;gap:15px;max-width:90%;min-width:350px;padding:30px}.navbar .logoutModalOverlay .logoutModal h3{font-size:22px;font-weight:600;margin:0}.navbar .logoutModalOverlay .logoutModal p{color:var(--text-color-soft);font-size:15px;line-height:1.5;margin:0}.navbar .logoutModalOverlay .logoutModal .modalButtons{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.navbar .logoutModalOverlay .logoutModal .modalButtons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.navbar .logoutModalOverlay .logoutModal .modalButtons button.cancelBtn{background-color:var(--bg-soft);color:var(--text-color)}.navbar .logoutModalOverlay .logoutModal .modalButtons button.cancelBtn:hover{background-color:var(--border-color)}.navbar .logoutModalOverlay .logoutModal .modalButtons button.confirmBtn{background-color:#f44336;color:#fff}.navbar .logoutModalOverlay .logoutModal .modalButtons button.confirmBtn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f443364d}@keyframes slideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.search{align-items:center;background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;padding:10px 16px;position:relative;transition:all .3s ease;width:100%}.search:focus-within,.search:hover{border-color:var(--text-color-soft);box-shadow:0 4px 12px var(--shadow-color)}.search svg{color:var(--text-color-soft);flex-shrink:0;height:18px;width:18px}.search input{background-color:#0000;border:none;color:var(--text-color);font-size:14px;outline:none;width:100%}.search input::placeholder{color:var(--text-color-soft)}.search .search-dropdown{animation:slideDown .2s ease-out forwards;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px var(--shadow-color);left:0;max-height:400px;min-width:320px;overflow-y:auto;padding:12px;position:absolute;top:calc(100% + 8px);width:100%;z-index:999}@media(max-width:960px){.search .search-dropdown{min-width:100%}}@media(max-width:480px){.search .search-dropdown{max-height:300px;min-width:100%;padding:8px}}.search .search-dropdown::-webkit-scrollbar{width:6px}.search .search-dropdown::-webkit-scrollbar-track{background:#0000}.search .search-dropdown::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.search .search-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--text-color-soft)}.search .search-dropdown .search-header{align-items:center;color:var(--text-color);display:flex;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-bottom:12px;padding:0 4px;text-transform:uppercase}.search .search-dropdown .search-header .clear-btn{color:#5271ff;cursor:pointer;font-size:12px;font-weight:500;text-transform:none;transition:color .2s}.search .search-dropdown .search-header .clear-btn:hover{color:#1f47ff;text-decoration:underline}.search .search-dropdown .no-result{color:var(--text-color-soft);font-size:14px;font-style:italic;padding:20px;text-align:center}.search .search-dropdown .search-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px;position:relative;transition:background-color .2s}.search .search-dropdown .search-item:hover{background-color:var(--hover-color)}.search .search-dropdown .search-item img{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.search .search-dropdown .search-item .user-info{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.search .search-dropdown .search-item .user-info span{color:var(--text-color);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search .search-dropdown .search-item .remove-item{align-items:center;border-radius:50%;color:var(--text-color-soft);display:flex;justify-content:center;opacity:.6;padding:4px;transition:all .2s}.search .search-dropdown .search-item .remove-item:hover{background-color:#ff4d4f1a;color:#ff4d4f;opacity:1}.notification{cursor:pointer;position:relative}.notification .container{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;gap:4px;max-height:450px;overflow-y:auto;padding:10px;position:absolute;right:0;top:calc(100% + 15px);width:360px;z-index:100}@media(max-width:480px){.notification .container{max-height:80vh;position:fixed;right:5vw;top:70px;width:90vw}}.notification .container::-webkit-scrollbar{width:6px}.notification .container::-webkit-scrollbar-track{background:#0000}.notification .container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.notification .container .userNotification{align-items:flex-start;border-radius:8px;display:flex;gap:15px;padding:12px;transition:background-color .2s ease}.notification .container .userNotification:hover{background-color:var(--hover-color)}.notification .container .userNotification.unread{background-color:var(--bg-soft)}.notification .container .userNotification.unread:after{background-color:#5271ff;border-radius:50%;content:"";display:block;flex-shrink:0;height:10px;margin-top:15px;width:10px}.notification .container .userNotification img{border-radius:50%;flex-shrink:0;height:45px;object-fit:cover;width:45px}.notification .container .userNotification .info{display:flex;flex:1 1;flex-direction:column;gap:4px}.notification .container .userNotification .info p{color:var(--text-color);font-size:14px;line-height:1.4;margin:0;word-break:break-word}.notification .container .userNotification .info p .userName{font-weight:600;margin-right:5px}.notification .container .userNotification .info .date{color:var(--text-color-soft);font-size:12px;font-weight:500}.notification .container .error,.notification .container .loading,.notification .container .no-notification{color:var(--text-color-soft);font-size:14px;font-weight:500;padding:20px;text-align:center}.notification .container .error{color:red}.notification .container button{background-color:#0000;border:none;border-radius:8px;color:#5271ff;color:var(--logo-color,#5271ff);cursor:pointer;font-size:14px;font-weight:600;margin-top:5px;padding:10px;transition:background-color .2s;width:100%}.notification .container button:hover{background-color:var(--hover-color)}.rightbar{background-color:var(--bg-soft);flex:3 1;height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:60px}.rightbar::-webkit-scrollbar{width:6px}.rightbar::-webkit-scrollbar-track{background-color:#0000}.rightbar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}@media(max-width:960px){.rightbar{display:none}}.rightbar::-webkit-scrollbar{display:none}.rightbar .container{padding:20px}.rightbar .container .item{background-color:var(--bg-color);border-radius:15px;box-shadow:0 4px 15px var(--shadow-color);display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:20px;transition:background-color .3s ease,box-shadow .3s ease}.rightbar .container .item>span{color:var(--text-color);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rightbar .container .item .offline{background-color:var(--bg-soft);border:1px dashed var(--border-color);border-radius:10px;color:var(--text-color-soft);font-size:14px;font-style:italic;padding:20px;text-align:center}.rightbar .container .item .user{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:10px;transition:all .2s ease}.rightbar .container .item .user:hover{background-color:var(--hover-color)}.rightbar .container .item .user .userInfo{align-items:center;display:flex;flex:1 1;gap:15px;min-width:0;position:relative}.rightbar .container .item .user .userInfo img{border:2px solid var(--border-color);border-radius:50%;height:42px;object-fit:cover;width:42px}.rightbar .container .item .user .userInfo .online{background-color:#32cd32;border:2px solid var(--bg-color);border-radius:50%;height:12px;left:30px;position:absolute;top:0;transition:border-color .3s ease;width:12px}.rightbar .container .item .user .userInfo p{display:flex;flex-direction:column;font-size:13px;gap:3px;margin:0;overflow:hidden}.rightbar .container .item .user .userInfo p span{color:var(--text-color);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rightbar .container .item .user .userInfo p .content{color:var(--text-color);font-weight:400;word-break:break-word}.rightbar .container .item .user>span.date,.rightbar .container .item .user>span:last-child{color:var(--text-color-soft);font-size:12px;font-weight:500;margin-left:10px;white-space:nowrap}.rightbar .container .item .user .buttons{align-items:center;display:flex;gap:8px}.rightbar .container .item .user .buttons button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:transform .2s ease}.rightbar .container .item .user .buttons button:hover{box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.rightbar .container .item .user .buttons button:first-child{background-color:#5271ff}.rightbar .container .item .user .buttons button:last-child{background-color:#f0544f}.rightbarToggleBtn{display:none}@media(max-width:960px){.rightbarToggleBtn{align-items:center;background-color:#2979ff;border:none;border-radius:25px;bottom:20px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:10px 18px;position:fixed;right:20px;transition:all .3s ease;z-index:999}.rightbarToggleBtn:active{transform:scale(.95)}}.rightbarprofile{background-color:var(--bg-soft);flex:3 1;height:calc(100vh - 60px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:60px;transition:right .4s ease-in-out}.rightbarprofile::-webkit-scrollbar{display:none}@media(max-width:1024px){.rightbarprofile{flex:2 1}}@media(max-width:960px){.rightbarprofile{box-shadow:-5px 0 15px var(--shadow-color);display:block;max-width:80vw;position:fixed;right:-100%;top:60px;width:300px;z-index:998}.rightbarprofile.open{right:0}}.rightbarprofile .container{display:flex;flex-direction:column;gap:20px;padding:20px}.rightbarprofile .container .item{background-color:var(--bg-color);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);padding:20px;transition:box-shadow .3s ease}.rightbarprofile .container .item:hover{box-shadow:0 6px 20px var(--shadow-color)}.rightbarprofile .container .item .title{color:var(--text-color-soft);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.rightbarprofile .container .item .statsRow{align-items:center;display:flex;justify-content:space-around;padding:10px 0}.rightbarprofile .container .item .statsRow .statBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:transform .2s ease}.rightbarprofile .container .item .statsRow .statBox:hover{transform:translateY(-2px)}.rightbarprofile .container .item .statsRow .statBox:hover .count{color:#2979ff}.rightbarprofile .container .item .statsRow .statBox .count{color:var(--text-color);font-size:18px;font-weight:700;transition:color .2s}.rightbarprofile .container .item .statsRow .statBox .label{color:var(--text-color-soft);font-size:13px}.rightbarprofile .container .item .statsRow .divider{background-color:var(--border-color);height:35px;opacity:.5;width:1px}.rightbarprofile .container .item.friendsCard .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.rightbarprofile .container .item.friendsCard .header .title{margin-bottom:0}.rightbarprofile .container .item.friendsCard .header .countBadge{background-color:var(--bg-soft);border-radius:12px;color:var(--text-color-soft);font-size:12px;padding:2px 8px}.rightbarprofile .container .item.friendsCard .friendsGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.rightbarprofile .container .item.friendsCard .friendsGrid .friendItem{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .2s}.rightbarprofile .container .item.friendsCard .friendsGrid .friendItem:hover{transform:scale(1.05)}.rightbarprofile .container .item.friendsCard .friendsGrid .friendItem:hover .friendName{color:#2979ff}.rightbarprofile .container .item.friendsCard .friendsGrid .friendItem:hover img{filter:brightness(.9)}.rightbarprofile .container .item.friendsCard .friendsGrid .friendItem img{aspect-ratio:1/1;border:1px solid var(--border-color);border-radius:10px;object-fit:cover;transition:filter .2s ease;width:100%}.rightbarprofile .container .item.friendsCard .friendsGrid .friendItem .friendName{color:var(--text-color);font-size:12px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap;width:100%}.rightbarprofile .container .item.friendsCard .seeMoreBtn{background-color:var(--bg-soft);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.rightbarprofile .container .item.friendsCard .seeMoreBtn:hover{background-color:var(--hover-color);color:#2979ff}.rightbarprofile .container .item.friendsCard .seeMoreBtn:active{transform:scale(.98)}.login{align-items:center;background-color:#c1beff;display:flex;height:100vh;justify-content:center}.login .card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);display:flex;min-height:600px;overflow:hidden;width:60%}@media(max-width:960px){.login .card{width:85%}}@media(max-width:480px){.login .card{border-radius:0;height:100vh;width:100%}}.login .card .left{background:linear-gradient(#270b6080,#270b6080),url(https://images.pexels.com/photos/3228727/pexels-photo-3228727.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}@media(max-width:480px){.login .card .left{display:none}}.login .card .left h1{font-size:80px;line-height:1.1}.login .card .left span{font-size:14px}.login .card .left button{background-color:#fff;border:none;border-radius:5px;color:#639;cursor:pointer;font-weight:700;padding:10px;transition:transform .2s ease;width:50%}.login .card .left button:hover{transform:scale(1.05)}.login .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}@media(max-width:480px){.login .card .right{gap:40px;padding:30px}}.login .card .right h1{color:#555}.login .card .right form{display:flex;flex-direction:column;gap:30px}.login .card .right form input{background-color:#0000;border:none;border-bottom:1px solid #d3d3d3;color:var(--text-color);font-size:16px;outline:none;padding:15px 10px;transition:border-bottom-color .3s ease}.login .card .right form input:focus{border-bottom-color:var(--logo-color)}.login .card .right form input::placeholder{color:var(--text-color-soft)}.login .card .right form .error{color:red;font-size:14px;font-weight:500}.login .card .right form button{background-color:#938eef;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:background-color .2s ease;width:50%}.login .card .right form button:hover{background-color:#7b75e6}@media(max-width:480px){.login .card .right form button{width:100%}}.login .card .right .mobileRegister{align-items:center;display:none;flex-direction:column;gap:15px;margin-top:-10px}.login .card .right .mobileRegister span{color:var(--text-color-soft);font-size:14px}.login .card .right .mobileRegister a{text-decoration:none;width:100%}.login .card .right .mobileRegister button{background-color:#0000;border:1px solid #938eef;border-radius:5px;color:#938eef;cursor:pointer;font-weight:700;padding:12px;transition:all .2s ease;width:100%}.login .card .right .mobileRegister button:hover{background-color:#938eef;color:#fff}@media(max-width:480px){.login .card .right .mobileRegister{display:flex}}.register{align-items:center;background-color:#c1beff;display:flex;height:100vh;justify-content:center}.register .card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);display:flex;flex-direction:row-reverse;min-height:600px;overflow:hidden;width:60%}@media(max-width:960px){.register .card{width:85%}}@media(max-width:480px){.register .card{border-radius:0;flex-direction:column;height:100vh;width:100%}}.register .card .left{background:linear-gradient(#270b6080,#270b6080),url(https://images.pexels.com/photos/4881619/pexels-photo-4881619.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}@media(max-width:480px){.register .card .left{display:none}}.register .card .left h1{font-size:100px;line-height:1.1}.register .card .left span{font-size:14px}.register .card .left button{background-color:#fff;border:none;border-radius:5px;color:#639;cursor:pointer;font-weight:700;padding:10px;transition:transform .2s ease;width:50%}.register .card .left button:hover{transform:scale(1.05)}.register .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}@media(max-width:480px){.register .card .right{gap:40px;padding:30px}}.register .card .right h1{color:#555}.register .card .right form{display:flex;flex-direction:column;gap:30px}.register .card .right form input{background-color:#0000;border:none;border-bottom:1px solid #d3d3d3;color:var(--text-color);font-size:16px;outline:none;padding:15px 10px;transition:border-bottom-color .3s ease}.register .card .right form input:focus{border-bottom-color:var(--logo-color)}.register .card .right form input::placeholder{color:var(--text-color-soft)}.register .card .right form .error{color:red;font-size:14px;font-weight:500}.register .card .right form button{background-color:#938eef;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:background-color .2s ease;width:50%}.register .card .right form button:hover{background-color:#7b75e6}@media(max-width:480px){.register .card .right form button{width:100%}}.register .card .right .mobileLogin{align-items:center;display:none;flex-direction:column;gap:15px;margin-top:-10px}.register .card .right .mobileLogin span{color:var(--text-color-soft);font-size:14px}.register .card .right .mobileLogin a{text-decoration:none;width:100%}.register .card .right .mobileLogin button{background-color:#0000;border:1px solid #938eef;border-radius:5px;color:#938eef;cursor:pointer;font-weight:700;padding:12px;transition:all .2s ease;width:100%}.register .card .right .mobileLogin button:hover{background-color:#938eef;color:#fff}@media(max-width:480px){.register .card .right .mobileLogin{display:flex}}.post{background-color:var(--bg-color);border-radius:15px;box-shadow:0 4px 15px var(--shadow-color);color:var(--text-color);margin-bottom:20px;overflow:hidden;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.post .container{padding:20px}@media(max-width:960px){.post .container{padding:18px}}@media(max-width:480px){.post .container{padding:12px}}.post .container .user{align-items:flex-start;display:flex;justify-content:space-between}.post .container .user .userInfo{display:flex;gap:15px}.post .container .user .userInfo img{border-radius:50%;height:45px;object-fit:cover;width:45px}.post .container .user .userInfo .details{display:flex;flex-direction:column;justify-content:center}.post .container .user .userInfo .details .name{font-size:15px;font-weight:600}.post .container .user .userInfo .details .date{color:var(--text-color-soft);font-size:12px;margin-top:2px}.post .container .user button{background-color:#0000;border:none;border-radius:50%;color:var(--text-color-soft);cursor:pointer;padding:8px;transition:background-color .2s ease,color .2s ease}.post .container .user button:hover{background-color:var(--hover-color);color:#f0544f}.post .container .content{line-height:1.6;margin:15px 0;word-break:break-word}.post .container .content .badge{border-radius:15px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.post .container .content .badge.discussion{background-color:var(--bg-soft);color:var(--text-color)}.post .container .content p{font-size:15px;margin-bottom:10px}.post .container .content>img{border-radius:8px;margin-top:10px;max-height:500px;object-fit:cover;width:100%}.post .container .content .originalPost{background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:10px;margin:15px 0;overflow:hidden}.post .container .content .originalPost .originalUserInfo{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 15px}.post .container .content .originalPost .originalUserInfo img{border-radius:50%;height:35px;object-fit:cover;width:35px}.post .container .content .originalPost .originalUserInfo .details{display:flex;flex-direction:column}.post .container .content .originalPost .originalUserInfo .details .name{font-size:14px;font-weight:600}.post .container .content .originalPost .originalUserInfo .details .date{color:var(--text-color-soft);font-size:12px}.post .container .content .originalPost .originalContent{padding:15px}.post .container .content .originalPost .originalContent p{font-size:14px;margin-bottom:10px}.post .container .content .originalPost .originalContent img{border-radius:8px;max-height:400px;object-fit:cover;width:100%}.post .container .content .media-grid{grid-gap:4px;border-radius:10px;cursor:pointer;display:grid;gap:4px;margin-top:15px;overflow:hidden;width:100%}.post .container .content .media-grid .media-item{background-color:var(--bg-soft);height:100%;position:relative;width:100%}.post .container .content .media-grid .media-item img,.post .container .content .media-grid .media-item video{display:block;height:100%;object-fit:cover;width:100%}.post .container .content .media-grid .overlay-container{position:relative}.post .container .content .media-grid .overlay-container .overlay-count{align-items:center;background-color:#0009;color:#fff;display:flex;font-size:32px;font-weight:600;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:background-color .2s ease;width:100%;z-index:9}.post .container .content .media-grid .overlay-container .overlay-count:hover{background-color:#00000080}.post .container .content .media-grid.grid-1{grid-template-columns:1fr}.post .container .content .media-grid.grid-1 .media-item{max-height:600px}.post .container .content .media-grid.grid-2{grid-template-columns:1fr 1fr}.post .container .content .media-grid.grid-2 .media-item{height:300px}@media(max-width:480px){.post .container .content .media-grid.grid-2 .media-item{height:200px}}.post .container .content .media-grid.grid-3{grid-template-columns:1fr 1fr;grid-template-rows:250px 250px}@media(max-width:480px){.post .container .content .media-grid.grid-3{grid-template-rows:150px 150px}}.post .container .content .media-grid.grid-3 .media-item:first-child{grid-column:span 2}.post .container .content .media-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px}@media(max-width:480px){.post .container .content .media-grid.grid-4{grid-template-rows:130px 130px}}.post .container .infor{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:15px}.post .container .infor .item{align-items:center;border-radius:8px;color:var(--text-color-soft);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:background-color .2s ease,color .2s ease}.post .container .infor .item:hover{background-color:var(--hover-color);color:var(--text-color)}@media(max-width:480px){.post .container .infor .item{font-size:13px;padding:8px 5px}}.comments img{border-radius:50%;height:40px;object-fit:cover;width:40px}@media(max-width:480px){.comments img{height:32px;width:32px}}.comments .write{align-items:center;display:flex;gap:15px;justify-content:space-between;margin:20px 0 30px}@media(max-width:480px){.comments .write{gap:10px}}.comments .write input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);flex:1 1;font-size:14px;outline:none;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease}.comments .write input:focus{border-color:var(--logo-color)}.comments .write input::placeholder{color:var(--text-color-soft)}.comments .write button{background-color:#5271ff;border:none;border-radius:18px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:opacity .2s ease}.comments .write button:hover{opacity:.85}@media(max-width:480px){.comments .write button{font-size:13px;padding:8px 16px}}.comments .comment{display:flex;gap:15px;justify-content:space-between;margin:20px 0}@media(max-width:480px){.comments .comment{gap:10px}}.comments .comment .info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.comments .comment .info span{align-items:center;color:var(--text-color);display:inline-flex;font-size:14px;font-weight:600;gap:8px}.comments .comment .info p{color:var(--text-color);font-size:14px;line-height:1.5;margin-top:5px;word-break:break-word}.comments .comment .info .actions{align-items:center;color:var(--text-color-soft);display:flex;flex-wrap:wrap;font-size:12px;gap:15px;margin-top:8px;width:100%}.comments .comment .info .actions .like{align-items:center;cursor:pointer;display:flex;gap:5px;transition:color .2s ease}.comments .comment .info .actions .like:hover{color:var(--logo-color)}.comments .comment .info .actions button{background-color:#0000;border:none;color:var(--text-color-soft);cursor:pointer;font-size:12px;padding:4px 0;transition:color .2s ease}.comments .comment .info .actions button:hover{color:var(--logo-color)}.comments .comment .info .actions .reply{font-weight:500}.comments .comment .info .actions .likeCount{color:var(--text-color-soft)}.comments .comment .info .actions .date{color:var(--text-color-soft);font-size:12px;margin-left:auto}.commentReply{margin-bottom:15px;position:relative}.graph-branch,.nestedComments{margin-left:20px;margin-top:10px;padding-left:20px;position:relative}@media(max-width:480px){.graph-branch,.nestedComments{margin-left:10px;padding-left:10px}}.graph-branch:before,.nestedComments:before{background-color:var(--border-color);border-radius:4px;bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .2s ease;width:2px}.graph-branch:hover:before,.nestedComments:hover:before{background-color:var(--logo-color)}.comment{display:flex;gap:15px;justify-content:space-between;margin:10px 0}.comment .info{align-items:flex-start;display:flex;flex:5 1;flex-direction:column;gap:5px}.comment .info p{color:var(--text-color);line-height:1.5;margin-top:5px;word-break:break-word}.comment .delete-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.comment .delete-modal-overlay .delete-modal-content{background-color:var(--bg-color);border-radius:10px;box-shadow:0 8px 24px var(--shadow-color);display:flex;flex-direction:column;gap:15px;max-width:400px;padding:24px;width:90%}.comment .delete-modal-overlay .delete-modal-content h3{color:var(--text-color);font-size:18px;margin:0}.comment .delete-modal-overlay .delete-modal-content p{color:var(--text-color-soft);font-size:14px;margin:0}.comment .delete-modal-overlay .delete-modal-content .modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.comment .delete-modal-overlay .delete-modal-content .modal-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}.comment .delete-modal-overlay .delete-modal-content .modal-buttons button.cancel-btn{background-color:var(--bg-soft);border:1px solid var(--border-color);color:var(--text-color)}.comment .delete-modal-overlay .delete-modal-content .modal-buttons button.cancel-btn:hover{background-color:var(--hover-color)}.comment .delete-modal-overlay .delete-modal-content .modal-buttons button.confirm-btn{background-color:#ff4d4f;color:#fff}.comment .delete-modal-overlay .delete-modal-content .modal-buttons button.confirm-btn:hover{background-color:#d9363e}span{color:var(--text-color);display:inline-flex;font-weight:500;gap:8px}.headerInfo,span{align-items:center}.headerInfo{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5px}.headerInfo .name{color:var(--text-color);font-size:14px;font-weight:600}.headerInfo .logic-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.headerInfo .logic-badge.answer{background-color:#1890ff1a;border:1px solid #1890ff33;color:#1890ff}.headerInfo .logic-badge.clarification{background-color:#52c41a1a;border:1px solid #52c41a33;color:#52c41a}.headerInfo .logic-badge.critique{background-color:#f5222d1a;border:1px solid #f5222d33;color:#f5222d}.headerInfo .logic-badge.counter_critique{background-color:#eb2f961a;border:1px solid #eb2f9633;color:#eb2f96}.deletedNode p{background-color:var(--bg-soft);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-color-soft);font-size:13px;margin:0;padding:10px 15px}.actions{color:var(--text-color-soft);flex-wrap:wrap;font-size:12px;gap:15px;margin-top:5px}.actions,.actions .like{align-items:center;display:flex}.actions .like{cursor:pointer;gap:5px;transition:color .2s ease}.actions .like:hover{color:var(--logo-color)}.actions button{background-color:#0000;border:none;color:var(--text-color-soft);cursor:pointer;font-size:12px;padding:4px 0;transition:color .2s ease}.actions button:hover{color:var(--logo-color)}.actions .delete{align-items:center;color:#ff4d4f;display:flex}.actions .delete:hover{color:#d9363e;text-decoration:none}.actions .reply{font-weight:500}.actions .date,.actions .likeCount{color:var(--text-color-soft)}.actions .date{font-size:12px;margin-left:auto}.replyInput{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;margin-left:45px;margin-top:10px}@media(max-width:480px){.replyInput{margin-left:0;margin-top:15px}}.replyInput select.logic-selector{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:10px 12px;transition:border-color .2s ease}.replyInput select.logic-selector:focus{border-color:var(--logo-color)}@media(max-width:480px){.replyInput select.logic-selector{flex:1 1}}.replyInput input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);flex:1 1;font-size:14px;min-width:150px;outline:none;padding:10px 15px;transition:border-color .2s ease}.replyInput input:focus{border-color:var(--logo-color)}.replyInput input::placeholder{color:var(--text-color-soft)}@media(max-width:480px){.replyInput input{flex-basis:100%;margin-top:5px;order:3}}.replyInput button{background-color:var(--logo-color);border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:opacity .2s ease}.replyInput button:hover{opacity:.9}.replyInput button:disabled{background-color:var(--text-color-soft);cursor:not-allowed;opacity:.5}@media(max-width:480px){.replyInput button{flex:1 1}}.replyInput img{border-radius:50%;height:32px;object-fit:cover;width:32px}@media(max-width:480px){.replyInput img{display:none}}@keyframes shareModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sharepost{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.sharepost .wrapper{animation:shareModalFadeIn .3s cubic-bezier(.16,1,.3,1) forwards;background-color:var(--bg-color);border-radius:12px;box-shadow:0 8px 30px var(--shadow-color);display:flex;flex-direction:column;max-height:90vh;max-width:550px;padding:20px;position:relative;width:90%}@media(max-width:480px){.sharepost .wrapper{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;padding:15px;width:100%}}.sharepost .wrapper .container{display:flex;flex-direction:column;gap:15px;overflow-y:auto;padding:0}.sharepost .wrapper .container::-webkit-scrollbar{width:6px}.sharepost .wrapper .container::-webkit-scrollbar-track{background:#0000}.sharepost .wrapper .container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.sharepost .wrapper .container .top{align-items:center;background-color:var(--bg-color);display:flex;justify-content:space-between;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sharepost .wrapper .container .top h1{color:var(--text-color);font-size:20px;font-weight:600;margin:0}.sharepost .wrapper .container .top .close{align-items:center;background-color:var(--bg-soft);border:none;border-radius:50%;color:var(--text-color-soft);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sharepost .wrapper .container .top .close:hover{background-color:var(--hover-color);color:var(--text-color)}.sharepost .wrapper .container hr{background-color:var(--border-color);border:none;height:1px;margin:0}.sharepost .wrapper .container .shareInput{width:100%}.sharepost .wrapper .container .shareInput .sharePostTypeContainer{display:inline-block;margin:5px 0;width:auto}.sharepost .wrapper .container .shareInput .sharePostTypeContainer select{-webkit-appearance:none;appearance:none;background-color:var(--bg-soft);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="gray" d="M7 10l5 5 5-5z"/></svg>');background-position:right 8px center;background-repeat:no-repeat;background-size:18px;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:8px 35px 8px 12px;transition:all .2s ease;width:100%}.sharepost .wrapper .container .shareInput .sharePostTypeContainer select:focus,.sharepost .wrapper .container .shareInput .sharePostTypeContainer select:hover{background-color:var(--bg-color);border-color:#5271ff;border-color:var(--logo-color,#5271ff)}.sharepost .wrapper .container .shareInput .sharePostTypeContainer select option{background-color:var(--bg-color);color:var(--text-color)}.sharepost .wrapper .container .shareInput textarea{background-color:#0000;border:none;color:var(--text-color);font-family:inherit;font-size:16px;min-height:80px;outline:none;padding:10px 0;resize:none;width:100%}.sharepost .wrapper .container .shareInput textarea::placeholder{color:var(--text-color-soft)}.sharepost .wrapper .container .postPreview{background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:8px;padding:15px}.sharepost .wrapper .container .postPreview .previewHeader{align-items:center;display:flex;gap:12px;margin-bottom:12px}.sharepost .wrapper .container .postPreview .previewHeader img{border:1px solid var(--border-color);border-radius:50%;height:36px;object-fit:cover;width:36px}.sharepost .wrapper .container .postPreview .previewHeader .info{display:flex;flex-direction:column}.sharepost .wrapper .container .postPreview .previewHeader .info .name{color:var(--text-color);font-size:14px;font-weight:600}.sharepost .wrapper .container .postPreview .previewHeader .info .timestamp{color:var(--text-color-soft);font-size:12px}.sharepost .wrapper .container .postPreview .previewContent .desc{color:var(--text-color);font-size:14px;line-height:1.5;margin-bottom:10px;word-break:break-word}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview{grid-gap:2px;border:1px solid var(--border-color);border-radius:8px;display:grid;gap:2px;margin-top:10px;overflow:hidden;width:100%}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview .media-item{background-color:var(--bg-color);height:100%;position:relative;width:100%}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview .media-item .preview-media{display:block;height:100%;object-fit:cover;width:100%}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview .overlay-container{position:relative}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview .overlay-container .overlay-count{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview.grid-1{grid-template-columns:1fr}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview.grid-1 .media-item{height:200px}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview.grid-2{grid-template-columns:1fr 1fr}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview.grid-2 .media-item{height:180px}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview.grid-3{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview.grid-3 .media-item:first-child{grid-column:span 2}.sharepost .wrapper .container .postPreview .previewContent .media-grid-preview.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:130px 130px}.sharepost .wrapper .container .shareActions{display:flex;flex-direction:column;gap:12px;margin-top:10px}.sharepost .wrapper .container .shareActions .actionButton{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.sharepost .wrapper .container .shareActions .actionButton:active{transform:scale(.98)}.sharepost .wrapper .container .shareActions .feed{background-color:#1877f2;color:#fff}.sharepost .wrapper .container .shareActions .feed:hover{filter:brightness(.9)}.sharepost .wrapper .container .shareActions .message{background-color:var(--bg-soft);border:1px solid var(--border-color);color:var(--text-color)}.sharepost .wrapper .container .shareActions .message:hover{background-color:var(--hover-color)}.sharepost .wrapper .container .otherOptions{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:10px}.sharepost .wrapper .container .otherOptions span{color:var(--text-color-soft);font-size:13px;font-weight:500}.sharepost .wrapper .container .otherOptions .icons{display:flex;gap:15px}.sharepost .wrapper .container .otherOptions .icons .icon{align-items:center;background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:background-color .2s;width:44px}.sharepost .wrapper .container .otherOptions .icons .icon:hover{background-color:var(--hover-color)}.posts{display:flex;flex-direction:column;gap:50px}.stories{display:flex;gap:10px;height:250px;margin-bottom:30px}@media(max-width:480px){.stories{height:50px;justify-content:space-between}}@media(max-width:960px){.stories{gap:20px;height:45px}}.stories .story{border-radius:10px;flex:1 1;overflow:hidden;position:relative}@media(max-width:480px){.stories .story{border-radius:50%;flex:none;height:50px;width:50px}}.stories .story img{height:100%;object-fit:cover;width:100%}.stories .story span{bottom:10px;color:#fff;font-weight:500;left:10px;position:absolute}@media(max-width:480px){.stories .story span{display:none}}.stories .story button{align-items:center;background-color:#5271ff;border:none;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;display:flex;font-size:30px;height:30px;justify-content:center;left:10px;position:absolute;width:30px}@media(max-width:480px){.stories .story button{bottom:0;left:0;margin:auto;right:0;top:0}}.share{background-color:var(--bg-color);border-radius:15px;box-shadow:0 4px 15px var(--shadow-color);color:var(--text-color);margin-bottom:20px;transition:background-color .3s ease,box-shadow .3s ease}.share .container{padding:20px}@media(max-width:480px){.share .container{padding:15px}}.share .container .top{align-items:center;display:flex;justify-content:space-between}.share .container .top .left{align-items:center;display:flex;flex:1 1;gap:15px}.share .container .top .left img{border:2px solid var(--border-color);border-radius:50%;height:42px;object-fit:cover;width:42px}.share .container .top .left .inputFake{background-color:var(--bg-soft);border:none;border-radius:20px;color:var(--text-color-soft);cursor:pointer;font-size:15px;padding:12px 20px;text-align:left;transition:background-color .2s ease,transform .2s ease;width:100%}.share .container .top .left .inputFake:hover{background-color:var(--hover-color)}.share .container .top .left .inputFake:active{transform:scale(.98)}.share .container hr{background-color:var(--border-color);border:none;height:1px;margin:20px 0}.share .container .bottom{align-items:center;display:flex;justify-content:space-between}.share .container .bottom .left{align-items:center;display:flex;flex-wrap:wrap;gap:20px}@media(max-width:480px){.share .container .bottom .left{gap:10px}}.share .container .bottom .left .item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:5px 10px;transition:background-color .2s ease}.share .container .bottom .left .item:hover{background-color:var(--bg-soft)}.share .container .bottom .left .item img{height:22px}.share .container .bottom .left .item span{color:var(--text-color-soft);font-size:14px;font-weight:500}@media(max-width:480px){.share .container .bottom .left .item span{display:none}}.share .container .bottom .right button{background-color:#5271ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:transform .2s ease,box-shadow .2s ease}.share .container .bottom .right button:hover{box-shadow:0 4px 10px #5271ff66;transform:translateY(-2px)}.share .container .bottom .right button:active{transform:translateY(0)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.sharedetail{align-items:center;animation:overlayFadeIn .2s ease;background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.sharedetail .overplay{cursor:pointer;height:100%;position:absolute;width:100%;z-index:1}.sharedetail .wrapper{animation:modalFadeIn .3s ease forwards;background-color:var(--bg-color);border-radius:12px;box-shadow:0 10px 30px #0000004d;color:var(--text-color);display:flex;flex-direction:column;max-height:90vh;max-width:550px;width:90%;z-index:2}@media(max-width:480px){.sharedetail .wrapper{border-radius:0;height:100vh;max-height:100vh;width:100%}}.sharedetail .wrapper .top{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px 20px}.sharedetail .wrapper .top h3{color:var(--text-color);flex:1 1;font-size:20px;font-weight:700;margin:0;text-align:center}.sharedetail .wrapper .top .closeBtn{align-items:center;background-color:var(--bg-soft);border-radius:50%;color:var(--text-color-soft);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sharedetail .wrapper .top .closeBtn svg{font-size:20px}.sharedetail .wrapper .top .closeBtn:hover{background-color:var(--hover-color);color:var(--text-color)}.sharedetail .wrapper .center{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.sharedetail .wrapper .center::-webkit-scrollbar{width:6px}.sharedetail .wrapper .center::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.sharedetail .wrapper .center .userInfo{align-items:center;display:flex;gap:12px;width:100%}.sharedetail .wrapper .center .userInfo img{border-radius:50%;height:45px;object-fit:cover;width:45px}.sharedetail .wrapper .center .userInfo .name-wrapper{display:flex;flex-direction:column;gap:2px}.sharedetail .wrapper .center .userInfo .name-wrapper span{color:var(--text-color);font-size:15px;font-weight:600}.sharedetail .wrapper .center .userInfo .name-wrapper .postTypeContainer{margin:0}.sharedetail .wrapper .center .userInfo .name-wrapper .postTypeContainer select{-webkit-appearance:none;appearance:none;background-color:var(--bg-soft);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23888" d="M7 10l5 5 5-5z"/></svg>');background-position:right 4px center;background-repeat:no-repeat;background-size:16px;border:1px solid #0000;border-radius:6px;color:var(--text-color);cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:4px 25px 4px 8px;transition:all .2s;width:auto}.sharedetail .wrapper .center .userInfo .name-wrapper .postTypeContainer select:hover{background-color:var(--hover-color)}.sharedetail .wrapper .center .userInfo .name-wrapper .postTypeContainer select:focus{border-color:var(--logo-color)}.sharedetail .wrapper .center .userInfo .name-wrapper .postTypeContainer select option{background-color:var(--bg-color);color:var(--text-color)}.sharedetail .wrapper .center textarea{background-color:#0000;border:none;color:var(--text-color);font-family:inherit;font-size:18px;min-height:100px;outline:none;resize:none;width:100%}.sharedetail .wrapper .center textarea::placeholder{color:var(--text-color-soft);font-size:24px}@media(max-width:480px){.sharedetail .wrapper .center textarea{font-size:16px}.sharedetail .wrapper .center textarea::placeholder{font-size:20px}}.sharedetail .wrapper .center .filePreviewGrid{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.sharedetail .wrapper .center .filePreviewGrid::-webkit-scrollbar{height:6px}.sharedetail .wrapper .center .filePreviewGrid::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.sharedetail .wrapper .center .filePreviewGrid .previewItem{flex-shrink:0;height:150px;position:relative;width:150px}.sharedetail .wrapper .center .filePreviewGrid .previewItem img,.sharedetail .wrapper .center .filePreviewGrid .previewItem video{border:1px solid var(--border-color);border-radius:12px;height:100%;object-fit:cover;width:100%}.sharedetail .wrapper .center .filePreviewGrid .previewItem .removeFile{align-items:center;background-color:#000000b3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s,transform .2s;width:28px}.sharedetail .wrapper .center .filePreviewGrid .previewItem .removeFile svg{font-size:14px}.sharedetail .wrapper .center .filePreviewGrid .previewItem .removeFile:hover{background-color:#000;transform:scale(1.1)}.sharedetail .wrapper .bottom{align-items:center;background-color:var(--bg-color);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px 20px}@media(max-width:480px){.sharedetail .wrapper .bottom{border-radius:0}}.sharedetail .wrapper .bottom .options{display:flex;gap:15px}.sharedetail .wrapper .bottom .options .option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s}.sharedetail .wrapper .bottom .options .option:hover{background-color:var(--bg-soft)}.sharedetail .wrapper .bottom .options .option img{height:24px;width:24px}.sharedetail .wrapper .bottom .options .option .optionText{color:var(--text-color-soft);font-size:14px;font-weight:500}@media(max-width:480px){.sharedetail .wrapper .bottom .options .option{padding:8px}.sharedetail .wrapper .bottom .options .option .optionText{display:none}}.sharedetail .wrapper .bottom .shareBtn{background-color:#5271ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:opacity .2s}.sharedetail .wrapper .bottom .shareBtn:hover:not(:disabled){opacity:.9}.sharedetail .wrapper .bottom .shareBtn:disabled{background-color:var(--border-color);color:var(--text-color-soft);cursor:not-allowed}.home{background-color:var(--bg-soft);padding:20px 70px}@media(max-width:480px){.home{padding:10px}}@media(max-width:960px){.home{padding:20px}}.profile{background-color:var(--bg-soft);min-height:100vh;transition:background-color .3s ease}.profile.loading{align-items:center;color:var(--text-color-soft);display:flex;font-size:18px;font-weight:500;height:100vh;justify-content:center}.profile .images{height:300px;position:relative;width:100%}@media(max-width:960px){.profile .images{height:250px}}@media(max-width:480px){.profile .images{height:180px}}.profile .images .cover{height:100%;object-fit:cover;width:100%}.profile .images .profilePic{border:5px solid var(--bg-color);border-radius:50%;bottom:-50px;box-shadow:0 4px 10px var(--shadow-color);height:180px;left:0;margin:auto;object-fit:cover;position:absolute;right:0;transition:border-color .3s ease,transform .3s ease;width:180px;z-index:2}@media(max-width:960px){.profile .images .profilePic{bottom:-40px;height:150px;width:150px}}@media(max-width:480px){.profile .images .profilePic{border-width:3px;bottom:-30px;height:120px;width:120px}}.profile .images .profilePic:hover{transform:scale(1.02)}.profile .profileContainer{margin:0 auto;max-width:1200px;padding:0 70px 20px;width:100%}@media(max-width:1024px){.profile .profileContainer{padding:0 40px 20px}}@media(max-width:960px){.profile .profileContainer{padding:0 20px 20px}}@media(max-width:480px){.profile .profileContainer{padding:0 10px 20px}}.profile .profileContainer .uInfo{align-items:center;background-color:var(--bg-color);border-radius:20px;box-shadow:0 4px 20px var(--shadow-color);color:var(--text-color);display:flex;justify-content:space-between;margin-bottom:20px;padding:70px 50px 40px;position:relative;transition:all .3s ease;z-index:1}@media(max-width:960px){.profile .profileContainer .uInfo{padding:60px 30px 30px}}@media(max-width:480px){.profile .profileContainer .uInfo{flex-direction:column;gap:20px;padding:50px 20px 20px;text-align:center}}.profile .profileContainer .left{display:flex;flex:1 1;gap:15px}@media(max-width:480px){.profile .profileContainer .left{flex-wrap:wrap;justify-content:center;order:2;width:100%}}.profile .profileContainer .left a{align-items:center;color:var(--text-color-soft);display:flex;justify-content:center;transition:all .2s ease}.profile .profileContainer .left a:hover{color:var(--logo-color);transform:scale(1.15) translateY(-2px)}.profile .profileContainer .left a svg{font-size:22px}.profile .profileContainer .center{align-items:center;display:flex;flex:2 1;flex-direction:column;gap:15px}@media(max-width:480px){.profile .profileContainer .center{order:1;width:100%}}.profile .profileContainer .center .name{color:var(--text-color);font-size:30px;font-weight:700;line-height:1.2;margin:0;text-align:center}.profile .profileContainer .center .info{align-items:center;display:flex;gap:40px;justify-content:center;width:100%}@media(max-width:480px){.profile .profileContainer .center .info{gap:20px}}.profile .profileContainer .center .info .item{align-items:center;color:var(--text-color-soft);display:flex;gap:8px;justify-content:center}.profile .profileContainer .center .info .item span{font-size:14px;font-weight:500}.profile .profileContainer .center .info .item svg{font-size:18px}.profile .profileContainer .center .actionButtons{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:10px;width:100%}@media(max-width:480px){.profile .profileContainer .center .actionButtons{flex-wrap:wrap;gap:10px}}.profile .profileContainer .center .actionButtons button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;letter-spacing:.5px;padding:0 25px;transition:all .2s ease}.profile .profileContainer .center .actionButtons button svg{font-size:18px}.profile .profileContainer .center .actionButtons button.btnPrimary{background-color:var(--logo-color);box-shadow:0 4px 10px var(--shadow-color);color:#fff}.theme-dark .profile .profileContainer .center .actionButtons button.btnPrimary{color:#000}.profile .profileContainer .center .actionButtons button.btnPrimary:hover{box-shadow:0 6px 15px var(--shadow-color);opacity:.9;transform:translateY(-2px)}.profile .profileContainer .center .actionButtons button.btnPrimary.following{background-color:#0000;border:1px solid var(--border-color);box-shadow:none;color:var(--text-color)}.theme-dark .profile .profileContainer .center .actionButtons button.btnPrimary.following{color:var(--text-color)}.profile .profileContainer .center .actionButtons button.btnPrimary.following:hover{background-color:#ff4d4d;border-color:#ff4d4d;color:#fff}.profile .profileContainer .center .actionButtons button.btnFriend{background-color:var(--bg-soft);border:1px solid var(--border-color);color:var(--text-color)}.profile .profileContainer .center .actionButtons button.btnFriend:hover{background-color:var(--hover-color)}.profile .profileContainer .center .actionButtons button.btnFriend.status-sent{background-color:#ffd166;border:none;color:#333}.profile .profileContainer .center .actionButtons button.btnFriend.status-friends{background-color:#06d6a0;border:none;color:#fff}.profile .profileContainer .right{align-items:flex-start;display:flex;flex:1 1;gap:15px;justify-content:flex-end;padding-top:10px}@media(max-width:480px){.profile .profileContainer .right{justify-content:center;order:3;padding-top:0;width:100%}}.profile .profileContainer .right svg{color:var(--text-color-soft);cursor:pointer;font-size:24px;transition:color .2s,transform .2s}.profile .profileContainer .right svg:hover{color:var(--text-color);transform:scale(1.1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.update{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.update .wrapper{animation:modalFadeIn .3s ease-out;background-color:var(--bg-color);border-radius:12px;box-shadow:0 8px 30px var(--shadow-color);display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.update .wrapper::-webkit-scrollbar{width:6px}.update .wrapper::-webkit-scrollbar-track{background:#0000}.update .wrapper::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}@media(max-width:480px){.update .wrapper{border-radius:0;height:100%;max-height:100vh;padding:20px;width:100%}}.update .wrapper h1{color:var(--text-color);font-size:24px;font-weight:600}@media(max-width:480px){.update .wrapper h1{font-size:20px;margin-top:20px}}.update .wrapper form{display:flex;flex-direction:column;gap:20px}.update .wrapper form .files{display:flex;flex-wrap:wrap;gap:30px}.update .wrapper form label{color:var(--text-color-soft);display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:10px}.update .wrapper form label .imgContainer{border:1px dashed var(--border-color);border-radius:8px;height:100px;overflow:hidden;position:relative;width:100px}.update .wrapper form label .imgContainer img{height:100%;object-fit:cover;width:100%}.update .wrapper form label .imgContainer .icon{align-items:center;background-color:#0006;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:30px;justify-content:center;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.update .wrapper form label .imgContainer:hover .icon{opacity:1}.update .wrapper form input{background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;padding:12px 10px;transition:border-color .2s ease}.update .wrapper form input:focus{background-color:var(--bg-color);border-color:#5271ff;outline:none}.update .wrapper form button{background-color:#5271ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:background-color .2s ease,transform .1s ease}.update .wrapper form button:hover{background-color:#3b57d6}.update .wrapper form button:active{transform:scale(.98)}.update .wrapper .close{align-items:center;background-color:#0000;border:none;border-radius:50%;color:var(--text-color-soft);cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;position:absolute;right:20px;top:20px;transition:background-color .2s ease,color .2s ease;width:35px;z-index:10}.update .wrapper .close:hover{background-color:var(--hover-color);color:var(--text-color)}.chatmessages{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex:2 1;flex-direction:column;height:100dvh}.chatmessages,.chatmessages .top{background-color:var(--bg-color);display:flex}.chatmessages .top{align-items:center;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media(max-width:480px){.chatmessages .top{padding:10px 15px}}.chatmessages .top .user{align-items:center;display:flex;gap:15px}.chatmessages .top .user .backBtn{border-radius:50%;color:var(--text-color);cursor:pointer;display:none;padding:8px;transition:background-color .2s}.chatmessages .top .user .backBtn:hover{background-color:var(--hover-color)}.chatmessages .top .user .backBtn svg{font-size:20px}@media(max-width:480px){.chatmessages .top .user .backBtn{align-items:center;display:flex;justify-content:center}}.chatmessages .top .user img{border-radius:50%;height:45px;object-fit:cover;width:45px}@media(max-width:480px){.chatmessages .top .user img{height:35px;width:35px}}.chatmessages .top .user .texts{display:flex;flex-direction:column;gap:2px}.chatmessages .top .user .texts span{color:var(--text-color);font-size:16px;font-weight:600}.chatmessages .top .user .texts p{color:var(--text-color-soft);font-size:12px}.chatmessages .top .icons{display:flex;gap:20px}@media(max-width:480px){.chatmessages .top .icons{gap:12px}}.chatmessages .top .icons svg{color:var(--text-color-soft);cursor:pointer;font-size:24px;transition:.2s}.chatmessages .top .icons svg:hover{color:var(--logo-color);transform:scale(1.1)}.chatmessages .center{background-color:var(--bg-soft);display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;overflow-y:scroll;padding:20px}@media(max-width:480px){.chatmessages .center{gap:15px;padding:15px 10px}}.chatmessages .center::-webkit-scrollbar{width:6px}.chatmessages .center::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.chatmessages .center .message{display:flex;gap:15px;max-width:70%}@media(max-width:960px){.chatmessages .center .message{max-width:80%}}@media(max-width:480px){.chatmessages .center .message{gap:8px;max-width:90%}}.chatmessages .center .message .avatarSmall{align-self:flex-end;border-radius:50%;height:35px;object-fit:cover;width:35px}@media(max-width:480px){.chatmessages .center .message .avatarSmall{height:28px;width:28px}}.chatmessages .center .message .texts{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.chatmessages .center .message .texts .messageContentWrapper{background-color:var(--bg-color);border-radius:15px 15px 15px 0;box-shadow:0 2px 5px var(--shadow-color);display:flex;flex-direction:column;gap:10px;min-width:80px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.chatmessages .center .message .texts .messageContentWrapper .textContent{word-wrap:break-word;color:var(--text-color);font-size:15px;line-height:1.5;margin:0}.chatmessages .center .message .texts .messageContentWrapper .fileCard{align-items:center;background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;padding:10px;text-decoration:none;transition:.3s}.chatmessages .center .message .texts .messageContentWrapper .fileCard:hover{border-color:var(--text-color-soft)}.chatmessages .center .message .texts .messageContentWrapper .fileCard .fileIcon{color:var(--text-color)}.chatmessages .center .message .texts .messageContentWrapper .fileCard .fileInfo{display:flex;flex-direction:column}.chatmessages .center .message .texts .messageContentWrapper .fileCard .fileInfo .fileName{color:var(--text-color);font-size:14px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatmessages .center .message .texts .messageContentWrapper .fileCard .fileInfo .download-text{color:var(--text-color-soft);font-size:11px}.chatmessages .center .message .texts .messageContentWrapper .mediaGrid{grid-gap:4px;border-radius:8px;display:grid;gap:4px;max-width:320px;overflow:hidden;width:100%}@media(max-width:480px){.chatmessages .center .message .texts .messageContentWrapper .mediaGrid{max-width:260px}}.chatmessages .center .message .texts .messageContentWrapper .mediaGrid .mediaItem{height:100%;width:100%}.chatmessages .center .message .texts .messageContentWrapper .mediaGrid .mediaItem img,.chatmessages .center .message .texts .messageContentWrapper .mediaGrid .mediaItem video{display:block;height:100%;max-height:300px;object-fit:cover;width:100%}.chatmessages .center .message .texts .messageContentWrapper .mediaGrid.count-1{grid-template-columns:1fr}.chatmessages .center .message .texts .messageContentWrapper .mediaGrid.count-2,.chatmessages .center .message .texts .messageContentWrapper .mediaGrid.count-3{grid-template-columns:1fr 1fr}.chatmessages .center .message .texts .messageContentWrapper .mediaGrid.count-3 .mediaItem:first-child{grid-column:span 2}.chatmessages .center .message .texts .messageContentWrapper .mediaGrid.count-4{grid-template-columns:1fr 1fr}.chatmessages .center .message .texts .messageContentWrapper .mediaGrid.count-many{grid-template-columns:repeat(3,1fr)}.chatmessages .center .message.own{align-self:flex-end;flex-direction:row-reverse}.chatmessages .center .message.own .texts{align-items:flex-end}.chatmessages .center .message.own .texts .messageContentWrapper{background-color:#5183fe;border-radius:15px 15px 0 15px}.chatmessages .center .message.own .texts .messageContentWrapper .textContent{color:#fff}.chatmessages .center .message.own .texts .messageContentWrapper .fileCard{background-color:#fff3;border:none}.chatmessages .center .message.own .texts .messageContentWrapper .fileCard .fileIcon,.chatmessages .center .message.own .texts .messageContentWrapper .fileCard .fileName{color:#fff}.chatmessages .center .message.own .texts .messageContentWrapper .fileCard .download-text{color:#e0e0e0}.chatmessages .bottom{background-color:var(--bg-color);border-top:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;gap:15px;padding:15px 20px;position:-webkit-sticky;position:sticky;z-index:10}@media(max-width:480px){.chatmessages .bottom{padding:10px 15px env(safe-area-inset-bottom,10px)}}.chatmessages .bottom .previewContainer{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.chatmessages .bottom .previewContainer .previewItem{flex-shrink:0;height:60px;position:relative;width:60px}.chatmessages .bottom .previewContainer .previewItem img,.chatmessages .bottom .previewContainer .previewItem video{border-radius:8px;height:100%;object-fit:cover;width:100%}.chatmessages .bottom .previewContainer .previewItem .filePreview{align-items:center;background:var(--bg-soft);border-radius:8px;display:flex;height:100%;justify-content:center;width:100%}.chatmessages .bottom .previewContainer .previewItem .removeBtn{align-items:center;background:#0009;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.chatmessages .bottom .previewContainer .previewItem .removeBtn:hover{background:red}.chatmessages .bottom .inputArea{align-items:center;display:flex;gap:15px;width:100%}.chatmessages .bottom .inputArea .icons{display:flex;gap:15px}@media(max-width:480px){.chatmessages .bottom .inputArea .icons{gap:10px}}.chatmessages .bottom .inputArea .icons svg{color:var(--text-color-soft);cursor:pointer;font-size:24px;transition:.2s}.chatmessages .bottom .inputArea .icons svg:hover{color:var(--text-color);transform:translateY(-2px)}.chatmessages .bottom .inputArea .icons .micIcon.recording{animation:pulse 1.5s infinite;color:#f0544f}.chatmessages .bottom .inputArea input[type=text]{background-color:var(--bg-soft);border:1px solid #0000;border-radius:20px;color:var(--text-color);flex:1 1;font-size:15px;outline:none;padding:12px 18px;transition:border-color .2s}.chatmessages .bottom .inputArea input[type=text]:focus{border-color:var(--border-color)}.chatmessages .bottom .inputArea input[type=text]::placeholder{color:var(--text-color-soft)}.chatmessages .bottom .inputArea input[type=text]:disabled{cursor:not-allowed;opacity:.7}.chatmessages .bottom .inputArea .emoji{position:relative}.chatmessages .bottom .inputArea .emoji svg{color:var(--text-color);cursor:pointer;font-size:24px;opacity:.6}.chatmessages .bottom .inputArea .emoji .picker{bottom:50px;position:absolute;right:0;z-index:10}.chatmessages .bottom .inputArea .sendButton{background-color:#5183fe;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}@media(max-width:480px){.chatmessages .bottom .inputArea .sendButton{padding:10px 15px}}.chatmessages .bottom .inputArea .sendButton:hover:not(:disabled){background-color:#1e5ffe}.chatmessages .bottom .inputArea .sendButton:disabled{background-color:#a7c0ff;cursor:not-allowed}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.chatdetail{background-color:var(--bg-color);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;transition:all .3s ease;width:300px}@media(max-width:960px){.chatdetail{border-left:none;box-shadow:-5px 0 15px var(--shadow-color);max-width:400px;position:absolute;right:0;top:0;width:100%;z-index:50}}@media(max-width:480px){.chatdetail{max-width:100%}}.chatdetail .user{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:15px;padding:30px 20px 20px}.chatdetail .user img{border:2px solid var(--border-color);border-radius:50%;box-shadow:0 4px 15px var(--shadow-color);height:80px;object-fit:cover;width:80px}.chatdetail .user h2{color:var(--text-color);font-size:18px;font-weight:600;text-align:center}.chatdetail .user p{color:var(--text-color-soft);font-size:14px;line-height:1.4;text-align:center}.chatdetail .info{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.chatdetail .info::-webkit-scrollbar{width:5px}.chatdetail .info::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.chatdetail .info::-webkit-scrollbar-track{background-color:#0000}.chatdetail .info .option{display:flex;flex-direction:column}.chatdetail .info .option .title{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .2s ease}.chatdetail .info .option .title:hover{background-color:var(--hover-color)}.chatdetail .info .option .title span{color:var(--text-color);font-size:14px;font-weight:600}.chatdetail .info .option .title svg{background-color:var(--bg-soft);border-radius:50%;color:var(--text-color-soft);height:28px;padding:6px;transition:transform .2s ease,color .2s;width:28px}.chatdetail .info .option .photos{display:flex;flex-direction:column;gap:12px;margin-top:5px;padding:0 10px}.chatdetail .info .option .photos .photoItem{width:100%}.chatdetail .info .option .photos .photoItem .photoDetail{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:8px;transition:background-color .2s ease}.chatdetail .info .option .photos .photoItem .photoDetail:hover{background-color:var(--bg-soft)}.chatdetail .info .option .photos .photoItem .photoDetail .imgInfo{align-items:center;display:flex;gap:10px;overflow:hidden}.chatdetail .info .option .photos .photoItem .photoDetail .imgInfo img{border-radius:8px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.chatdetail .info .option .photos .photoItem .photoDetail .imgInfo span{color:var(--text-color);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatdetail .info .option .photos .photoItem .photoDetail .icon{align-items:center;background-color:#0000;border-radius:50%;color:var(--text-color-soft);cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.chatdetail .info .option .photos .photoItem .photoDetail .icon:hover{background-color:var(--border-color);color:var(--text-color)}.chatdetail .info .actionButtons{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:10px}.chatdetail .info .actionButtons button{align-items:center;background-color:#dc26261a;border:none;border-radius:8px;color:#e63946;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.chatdetail .info .actionButtons button:hover{background-color:#e63946;color:#fff}.chatdetail .info .actionButtons button.blocked{cursor:not-allowed}.chatdetail .info .actionButtons button.blocked,.chatdetail .info .actionButtons button.blocked:hover{background-color:var(--bg-soft);color:var(--text-color-soft)}.chatdetail .info .actionButtons button.report{background-color:#0000;border:1px solid var(--border-color);color:var(--text-color)}.chatdetail .info .actionButtons button.report:hover{background-color:var(--hover-color)}.chatList,.chatuserlist{display:flex;flex-direction:column;height:100%}.chatList{background-color:var(--bg-color);border-right:1px solid var(--border-color);transition:all .3s ease;width:350px}@media(max-width:960px){.chatList{width:300px}}@media(max-width:480px){.chatList{border-right:none;width:100%}}.chatList .search{align-items:center;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;gap:15px;padding:20px}.chatList .search .searchBar{align-items:center;border:1.5px solid var(--border-color);border-radius:12px;display:flex;flex:1 1;gap:10px;padding:10px 14px;transition:all .3s ease}.chatList .search .searchBar:focus-within{background-color:#0000;border-color:#5183fe;box-shadow:0 0 0 3px #5183fe26}.chatList .search .searchBar input{background-color:#0000;border:none;color:var(--text-color);flex:1 1;font-size:14px;outline:none}.chatList .search .searchBar input::placeholder{color:var(--text-color-soft)}.chatList .search .searchBar svg{color:var(--text-color-soft);height:20px;width:20px}.chatList .search .add{align-items:center;background-color:var(--bg-soft);border:none;border-radius:12px;color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chatList .search .add:hover{background-color:var(--hover-color);transform:scale(1.05)}.chatList .search .add:active{transform:scale(.95)}.chatList .search .add svg{font-size:20px}.chatList .itemContainer{flex:1 1;overflow-y:auto}.chatList .itemContainer::-webkit-scrollbar{width:5px}.chatList .itemContainer::-webkit-scrollbar-track{background:#0000}.chatList .itemContainer::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.chatList .itemContainer .items{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:15px;padding:15px 20px;transition:background-color .2s ease}.chatList .itemContainer .items:hover{background-color:var(--hover-color)}.chatList .itemContainer .items:hover .deleteBtn{opacity:1;visibility:visible}.chatList .itemContainer .items.active{background-color:var(--bg-soft)}.chatList .itemContainer .items img{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.chatList .itemContainer .items .texts{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.chatList .itemContainer .items .texts span{color:var(--text-color);font-size:15px;font-weight:600}.chatList .itemContainer .items .texts p{color:var(--text-color-soft);font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatList .itemContainer .items .deleteBtn{align-items:center;border-radius:50%;color:var(--text-color-soft);display:flex;flex-shrink:0;height:35px;justify-content:center;opacity:0;transition:all .2s ease;visibility:hidden;width:35px}.chatList .itemContainer .items .deleteBtn:hover{background-color:#ff00001a;color:#ff4d4f;transform:scale(1.1)}.chatList .itemContainer .items .deleteBtn svg{font-size:20px}.chatList .deleteModalOverlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.chatList .deleteModalOverlay .deleteModal{animation:slideDown .3s ease;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;overflow:hidden;width:90%}.chatList .deleteModalOverlay .deleteModal .modalHeader{border-bottom:1px solid #0000;padding:20px 20px 10px}.chatList .deleteModalOverlay .deleteModal .modalHeader h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.chatList .deleteModalOverlay .deleteModal .modalBody{padding:10px 20px 20px}.chatList .deleteModalOverlay .deleteModal .modalBody p{color:var(--text-color);font-size:15px;line-height:1.5;margin:0 0 10px}.chatList .deleteModalOverlay .deleteModal .modalBody p strong{color:#5183fe}.chatList .deleteModalOverlay .deleteModal .modalBody .warningText{color:var(--text-color-soft);font-size:13px;margin:0}.chatList .deleteModalOverlay .deleteModal .modalFooter{background-color:var(--bg-soft);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:15px 20px}.chatList .deleteModalOverlay .deleteModal .modalFooter button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:8px 16px;transition:all .2s ease}.chatList .deleteModalOverlay .deleteModal .modalFooter .btnCancel{background-color:#0000;border:1px solid var(--border-color);color:var(--text-color)}.chatList .deleteModalOverlay .deleteModal .modalFooter .btnCancel:hover{background-color:var(--hover-color)}.chatList .deleteModalOverlay .deleteModal .modalFooter .btnDelete{background-color:#ff4d4f;color:#fff}.chatList .deleteModalOverlay .deleteModal .modalFooter .btnDelete:hover{background-color:#ff7875;box-shadow:0 2px 8px #ff4d4f4d}.chatList .deleteModalOverlay .deleteModal .modalFooter .btnDelete:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.addUserOverlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}.addUserOverlay .modal{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px var(--shadow-color);display:flex;flex-direction:column;gap:20px;max-width:420px;padding:25px;width:100%}@media(max-width:480px){.addUserOverlay .modal{border-radius:20px;gap:15px;padding:20px}}.addUserOverlay .modal .header{align-items:center;display:flex;justify-content:space-between}.addUserOverlay .modal .header h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.addUserOverlay .modal .header .closeIcon{align-items:center;background:var(--bg-soft);border-radius:50%;color:var(--text-color-soft);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s ease}.addUserOverlay .modal .header .closeIcon:hover{background-color:var(--hover-color);color:var(--text-color);transform:rotate(90deg)}.addUserOverlay .modal form{display:flex;gap:10px}@media(max-width:480px){.addUserOverlay .modal form{flex-direction:column}}.addUserOverlay .modal form .inputGroup{align-items:center;background-color:var(--bg-soft);border:1.5px solid #0000;border-radius:10px;display:flex;flex:1 1;gap:10px;padding:12px 15px;transition:all .3s ease}.addUserOverlay .modal form .inputGroup:focus-within{background-color:#0000;border-color:#5183fe;box-shadow:0 0 0 3px #5183fe26}.addUserOverlay .modal form .inputGroup .searchIcon{color:var(--text-color-soft);font-size:20px}.addUserOverlay .modal form .inputGroup input{background:#0000;border:none;color:var(--text-color);font-size:15px;outline:none;width:100%}.addUserOverlay .modal form .inputGroup input::placeholder{color:var(--text-color-soft)}.addUserOverlay .modal form .searchBtn{background-color:#5183fe;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:0 20px;transition:background-color .2s ease,transform .1s}@media(max-width:480px){.addUserOverlay .modal form .searchBtn{padding:14px 20px}}.addUserOverlay .modal form .searchBtn:hover:not(:disabled){background-color:#1e5ffe}.addUserOverlay .modal form .searchBtn:active:not(:disabled){transform:scale(.96)}.addUserOverlay .modal form .searchBtn:disabled{cursor:not-allowed;opacity:.6}.addUserOverlay .modal .error{background-color:#ff4d4d1a;border:1px solid #ff4d4d33;border-radius:8px;color:#ff4d4d;font-size:14px;padding:10px;text-align:center}.addUserOverlay .modal .userResult{align-items:center;background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;margin-top:5px;padding:15px;transition:all .2s ease}.addUserOverlay .modal .userResult:hover{background-color:var(--hover-color)}.addUserOverlay .modal .userResult .detail{align-items:center;display:flex;gap:15px}.addUserOverlay .modal .userResult .detail img{border:2px solid var(--border-color);border-radius:50%;height:48px;object-fit:cover;width:48px}.addUserOverlay .modal .userResult .detail span{color:var(--text-color);font-size:15px;font-weight:600}.addUserOverlay .modal .userResult .addBtn{background-color:#5183fe;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:all .2s ease}.addUserOverlay .modal .userResult .addBtn:hover{background-color:#1e5ffe;box-shadow:0 4px 10px #5183fe4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatUserInfo{align-items:center;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;height:80px;justify-content:space-between;padding:20px;transition:all .3s ease}@media(max-width:480px){.chatUserInfo{height:70px;padding:10px 15px}}.chatUserInfo .user{align-items:center;display:flex;flex:1 1;gap:15px;min-width:0}@media(max-width:480px){.chatUserInfo .user{gap:10px}}.chatUserInfo .user img{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}@media(max-width:480px){.chatUserInfo .user img{height:42px;width:42px}}.chatUserInfo .user .texts{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.chatUserInfo .user .texts h2{color:var(--text-color);font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.chatUserInfo .user .texts h2{font-size:16px}}.chatUserInfo .user .texts p{color:var(--text-color-soft);font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatUserInfo .icons{display:flex;flex-shrink:0;gap:5px}.chatUserInfo .icons svg{border-radius:50%;box-sizing:initial;color:var(--text-color-soft);cursor:pointer;height:20px;padding:10px;transition:all .2s ease;width:20px}@media(max-width:480px){.chatUserInfo .icons svg{height:18px;padding:8px;width:18px}}.chatUserInfo .icons svg:hover{background-color:var(--hover-color);color:var(--text-color);transform:scale(1.05)}.chatUserInfo .icons svg:active{transform:scale(.95)}.chat{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 5px 20px var(--shadow-color);display:flex;height:calc(100vh - 60px);overflow:hidden;position:relative;width:100%}@media(max-width:480px){.chat{border:none;border-radius:0;height:100vh}}.chat .chatlistContainer{background-color:var(--bg-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s ease;width:350px}@media(max-width:960px){.chat .chatlistContainer{width:320px}}@media(max-width:480px){.chat .chatlistContainer{border-right:none;display:flex;width:100%}}.chat .chatMessagesContainer{background-color:var(--bg-color);border-right:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;position:relative}@media(max-width:480px){.chat .chatMessagesContainer{border-right:none;display:none;width:100%}}.chat .chatdetailContainer{background-color:var(--bg-color);border-left:1px solid var(--border-color);display:flex;flex-direction:column;width:320px}@media(max-width:1024px){.chat .chatdetailContainer{box-shadow:-5px 0 15px var(--shadow-color);height:100%;position:absolute;right:-100%;top:0;transition:right .3s ease-in-out;z-index:100}.chat .chatdetailContainer.show{right:0}}@media(max-width:480px){.chat .chatdetailContainer{width:100%}.chat.chat-active .chatlistContainer{display:none}.chat.chat-active .chatMessagesContainer{display:flex}}.chat .noChatSelected{align-items:center;background-color:var(--bg-soft);color:var(--text-color-soft);display:flex;flex-direction:column;font-size:16px;height:100%;justify-content:center;padding:20px;text-align:center;-webkit-user-select:none;user-select:none}@keyframes mediaFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.postmedia{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;width:100%}.postmedia,.postmedia .containerPostMedia{display:flex;flex-direction:column;height:100%}.postmedia .containerPostMedia{position:relative}.postmedia .containerPostMedia .headerPostMedia{display:flex;gap:10px;left:0;padding:15px 20px;position:absolute;top:0;width:100%;z-index:10}.postmedia .containerPostMedia .headerPostMedia button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.postmedia .containerPostMedia .headerPostMedia button:hover{background-color:#fff3;transform:scale(1.05)}.postmedia .containerPostMedia .contentPostMedia{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;position:relative;width:100%}.postmedia .containerPostMedia .contentPostMedia .leftContent,.postmedia .containerPostMedia .contentPostMedia .rightContent{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;transition:all .2s ease;width:50px;z-index:5}.postmedia .containerPostMedia .contentPostMedia .leftContent:hover,.postmedia .containerPostMedia .contentPostMedia .rightContent:hover{background-color:#fff3;transform:scale(1.1)}.postmedia .containerPostMedia .contentPostMedia .leftContent .arrowIcon,.postmedia .containerPostMedia .contentPostMedia .rightContent .arrowIcon{font-size:28px}@media(max-width:480px){.postmedia .containerPostMedia .contentPostMedia .leftContent,.postmedia .containerPostMedia .contentPostMedia .rightContent{height:40px;width:40px}.postmedia .containerPostMedia .contentPostMedia .leftContent .arrowIcon,.postmedia .containerPostMedia .contentPostMedia .rightContent .arrowIcon{font-size:22px}}.postmedia .containerPostMedia .contentPostMedia .leftContent{left:20px}@media(max-width:480px){.postmedia .containerPostMedia .contentPostMedia .leftContent{left:10px}}.postmedia .containerPostMedia .contentPostMedia .rightContent{right:20px}@media(max-width:480px){.postmedia .containerPostMedia .contentPostMedia .rightContent{right:10px}}.postmedia .containerPostMedia .contentPostMedia .centerContent{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;padding:0;width:100%}.postmedia .containerPostMedia .contentPostMedia .centerContent .mediaItem{animation:mediaFadeIn .3s ease-out;max-height:100%;max-width:100%;object-fit:contain}.postmedia .containerPostMedia .contentPostMedia .centerContent .mediaCounter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;bottom:30px;color:#fff;font-size:14px;font-weight:500;left:50%;letter-spacing:1px;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:5}@media(max-width:480px){.postmedia .containerPostMedia .contentPostMedia .centerContent .mediaCounter{bottom:20px;font-size:13px}}.detailPost{animation:fadeInModal .3s ease;background-color:var(--bg-soft);display:flex;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.detailPost .closeBtn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;left:20px;line-height:1;position:absolute;top:20px;transition:background-color .2s ease,transform .2s ease;width:40px;z-index:1001}.detailPost .closeBtn:hover{background-color:#ffffff4d;transform:scale(1.1)}@media(max-width:960px){.detailPost .closeBtn{height:35px;left:15px;top:15px;width:35px}.detailPost{flex-direction:column}}.detailPost .leftDetailPosts{align-items:center;background-color:#000;display:flex;flex:7 1;justify-content:center;position:relative}@media(max-width:960px){.detailPost .leftDetailPosts{flex:none;height:45vh;width:100%}}@media(max-width:480px){.detailPost .leftDetailPosts{height:40vh}}.detailPost .rightDetailPosts{background-color:var(--bg-color);border-left:1px solid var(--border-color);flex:3 1;height:100vh;overflow-y:auto}.detailPost .rightDetailPosts::-webkit-scrollbar{width:6px}.detailPost .rightDetailPosts::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}@media(max-width:960px){.detailPost .rightDetailPosts{border-left:none;border-top:1px solid var(--border-color);flex:none;height:55vh;width:100%}}@media(max-width:480px){.detailPost .rightDetailPosts{height:60vh}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.postdetails{background-color:var(--bg-color);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);color:var(--text-color);margin-bottom:20px;padding:20px;transition:background-color .3s ease,box-shadow .3s ease}@media(max-width:480px){.postdetails{border-bottom:1px solid var(--border-color);border-radius:0;box-shadow:none;padding:15px}}.postdetails .user{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;position:relative}.postdetails .user .userInfo{align-items:center;display:flex;gap:12px}.postdetails .user .userInfo img{border:1px solid var(--border-color);border-radius:50%;height:45px;object-fit:cover;width:45px}.postdetails .user .userInfo .details{display:flex;flex-direction:column;gap:2px}.postdetails .user .userInfo .details .name{color:var(--text-color);cursor:pointer;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s ease}.postdetails .user .userInfo .details .name:hover{color:#5271ff;color:var(--logo-color,#5271ff)}.postdetails .user .userInfo .details .date{color:var(--text-color-soft);font-size:12px}.postdetails .menuContainer{position:relative}.postdetails .menuContainer .iconMore{align-items:center;border-radius:50%;color:var(--text-color-soft);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s,color .2s}.postdetails .menuContainer .iconMore:hover{background-color:var(--hover-color);color:var(--text-color)}.postdetails .menuContainer .deleteBtn{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 15px var(--shadow-color);color:#ff4d4d;cursor:pointer;font-weight:500;margin-top:5px;padding:10px 15px;position:absolute;right:0;top:100%;transition:all .2s ease;white-space:nowrap;z-index:10}.postdetails .menuContainer .deleteBtn:hover{background-color:#ff4d4d;color:#fff}.postdetails .content{margin-bottom:15px}.postdetails .content p{color:var(--text-color);font-size:15px;line-height:1.5;margin-bottom:15px;word-break:break-word}.postdetails .content .sharedContentPreview{background-color:#0000;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:15px;transition:background-color .2s ease}.postdetails .content .sharedContentPreview:hover{background-color:var(--hover-color)}.postdetails .content .sharedContentPreview .sharedHeader{align-items:center;display:flex;gap:10px}.postdetails .content .sharedContentPreview .sharedHeader img{border-radius:50%;height:24px;object-fit:cover;width:24px}.postdetails .content .sharedContentPreview .sharedHeader span{color:var(--text-color);font-size:13px;font-weight:600}.postdetails .content .sharedContentPreview .sharedDesc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-color-soft);display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.postdetails .info{align-items:center;display:flex;gap:20px;padding:5px 0}.postdetails .info .items{align-items:center;border-radius:6px;color:var(--text-color-soft);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:color .2s ease,transform .1s}.postdetails .info .items:hover{background-color:var(--hover-color);color:var(--text-color)}.postdetails .info .items:active{transform:scale(.95)}.postdetails .info .items svg{font-size:20px}.postdetails hr{background-color:var(--border-color);border:none;height:1px;margin:15px 0}.postdetails .comments .listComments{display:flex;gap:15px;margin:20px 0}.postdetails .comments .listComments img{border-radius:50%;height:35px;object-fit:cover;width:35px}.postdetails .comments .listComments .infoComments{background-color:var(--bg-soft);border-radius:12px;border-top-left-radius:0;display:flex;flex:1 1;flex-direction:column;padding:10px 15px}.postdetails .comments .listComments .infoComments span{color:var(--text-color);font-size:14px;font-weight:600;margin-bottom:5px}.postdetails .comments .listComments .infoComments p{color:var(--text-color);font-size:14px;line-height:1.4;word-break:break-word}.postdetails .comments .writeComments{align-items:center;display:flex;gap:15px;margin-top:20px}.postdetails .comments .writeComments img{border-radius:50%;height:35px;object-fit:cover;width:35px}@media(max-width:480px){.postdetails .comments .writeComments img{display:none}}.postdetails .comments .writeComments input{background-color:var(--bg-soft);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);flex:1 1;font-size:14px;padding:12px 15px;transition:border-color .2s}.postdetails .comments .writeComments input:focus{border-color:#5271ff;border-color:var(--logo-color,#5271ff);outline:none}.postdetails .comments .writeComments button{background-color:#5271ff;background-color:var(--logo-color,#5271ff);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s ease,transform .1s}.postdetails .comments .writeComments button:hover{filter:brightness(.9)}.postdetails .comments .writeComments button:active{transform:scale(.95)}.friendrequest{background-color:var(--bg-color);border-radius:16px;box-shadow:0 5px 20px var(--shadow-color);height:-webkit-fit-content;height:fit-content;margin-bottom:20px;padding:25px;transition:all .3s ease;width:100%}@media(max-width:480px){.friendrequest{border-radius:12px;padding:15px}}.friendrequest h3{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:25px;padding-bottom:15px}@media(max-width:480px){.friendrequest h3{font-size:16px;margin-bottom:15px}}.friendrequest .noRequest{color:var(--text-color-soft);display:block;font-size:14px;padding:20px 0;text-align:center}.friendrequest .requestItem{align-items:center;background-color:var(--bg-soft);border:1px solid #0000;border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px;padding:15px;transition:all .3s ease}@media(max-width:480px){.friendrequest .requestItem{align-items:flex-start;flex-direction:column;gap:15px}}.friendrequest .requestItem:hover{background-color:var(--bg-color);border-color:var(--border-color);box-shadow:0 4px 15px var(--shadow-color);transform:translateY(-2px)}.friendrequest .requestItem:last-child{margin-bottom:0}.friendrequest .requestItem .userInfo{align-items:center;display:flex;flex:1 1;gap:15px;min-width:0}.friendrequest .requestItem .userInfo .avatar{border:2px solid #0000;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;transition:border-color .3s ease;width:48px}@media(max-width:480px){.friendrequest .requestItem .userInfo .avatar{height:40px;width:40px}}.friendrequest .requestItem .userInfo .username{color:var(--text-color);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.friendrequest .requestItem .userInfo .username:hover{color:#2979ff;cursor:pointer}.friendrequest .requestItem:hover .userInfo .avatar{border-color:#2979ff}.friendrequest .requestItem .buttons{align-items:center;display:flex;gap:10px}@media(max-width:480px){.friendrequest .requestItem .buttons{width:100%}}.friendrequest .requestItem .buttons button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}@media(max-width:480px){.friendrequest .requestItem .buttons button{flex:1 1}}.friendrequest .requestItem .buttons button.confirm{background-color:#2979ff;box-shadow:0 4px 10px #2979ff33;color:#fff}.friendrequest .requestItem .buttons button.confirm:hover{background-color:#1565c0;transform:scale(1.02)}.friendrequest .requestItem .buttons button.confirm:active{transform:scale(.95)}.friendrequest .requestItem .buttons button.delete{background-color:#0000;border:1px solid #ff3d00;color:#ff3d00}.friendrequest .requestItem .buttons button.delete:hover{background-color:#ff3d00;color:#fff;transform:scale(1.02)}.friendrequest .requestItem .buttons button.delete:active{transform:scale(.95)}.friends{background-color:var(--bg-color);border-radius:16px;box-shadow:0 5px 20px var(--shadow-color);height:-webkit-fit-content;height:fit-content;margin-bottom:20px;padding:25px;transition:all .3s ease;width:100%}@media(max-width:480px){.friends{border-radius:12px;padding:15px}}.friends h3{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:25px;padding-bottom:15px}@media(max-width:480px){.friends h3{font-size:16px;margin-bottom:15px}}.friends .error,.friends .loading,.friends .noFriends{color:var(--text-color-soft);font-style:italic;padding:20px;text-align:center}.friends .friendListContainer{display:flex;flex-direction:column;gap:15px}.friends .friendItem{align-items:center;background-color:var(--bg-soft);border:1px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}@media(max-width:480px){.friends .friendItem{align-items:flex-start;flex-direction:column;gap:15px}}.friends .friendItem:hover{background-color:var(--bg-color);border-color:var(--border-color);box-shadow:0 4px 15px var(--shadow-color);transform:translateY(-2px)}.friends .friendItem .userInfo{align-items:center;display:flex;flex:1 1;gap:15px;min-width:0}.friends .friendItem .userInfo .avatar{border:2px solid #0000;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;transition:border-color .3s ease;width:48px}@media(max-width:480px){.friends .friendItem .userInfo .avatar{height:40px;width:40px}}.friends .friendItem .userInfo .username{color:var(--text-color);cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends .friendItem .userInfo .username:hover{color:#2979ff}.friends .friendItem:hover .userInfo .avatar{border-color:#2979ff}.friends .friendItem .actions{display:flex;gap:10px}@media(max-width:480px){.friends .friendItem .actions{width:100%}}.friends .friendItem .actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}@media(max-width:480px){.friends .friendItem .actions button{flex:1 1}}.friends .friendItem .actions button.btnMessage{background-color:#0000;border:1px solid var(--border-color);color:var(--text-color)}.friends .friendItem .actions button.btnMessage:hover{background-color:#2979ff;border-color:#2979ff;color:#fff;transform:scale(1.02)}.friends .friendItem .actions button.btnMessage:active{transform:scale(.95)}.friends .friendItem .actions button.btnUnfriend{background-color:#0000;border:1px solid #ff3d00;color:#ff3d00}.friends .friendItem .actions button.btnUnfriend:hover{background-color:#ff3d00;color:#fff;transform:scale(1.02)}.friends .friendItem .actions button.btnUnfriend:active{transform:scale(.95)}.friends .unfriendModalOverlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;cursor:default;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.friends .unfriendModalOverlay .unfriendModal{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #00000080;color:var(--text-color);display:flex;flex-direction:column;gap:15px;max-width:90%;padding:25px;width:400px}.friends .unfriendModalOverlay .unfriendModal h3{border:none;font-size:20px;margin:0;padding:0}.friends .unfriendModalOverlay .unfriendModal p{color:var(--text-color-soft);font-size:15px;line-height:1.5;margin:0}.friends .unfriendModalOverlay .unfriendModal .modalActions{display:flex;gap:15px;justify-content:flex-end;margin-top:15px}.friends .unfriendModalOverlay .unfriendModal .modalActions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.friends .unfriendModalOverlay .unfriendModal .modalActions button.cancelBtn{background-color:#0000;border:1px solid var(--border-color);color:var(--text-color)}.friends .unfriendModalOverlay .unfriendModal .modalActions button.cancelBtn:hover{background-color:var(--hover-color)}.friends .unfriendModalOverlay .unfriendModal .modalActions button.confirmBtn{background-color:#ff3d00;color:#fff}.friends .unfriendModalOverlay .unfriendModal .modalActions button.confirmBtn:hover{background-color:#cc3100;box-shadow:0 4px 10px #ff3d004d;transform:translateY(-2px)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.friendList{background-color:var(--bg-soft);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}@media(max-width:480px){.friendList{padding:10px}}.friendList .friendListTab{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:15px;margin-bottom:30px;padding-bottom:5px}@media(max-width:480px){.friendList .friendListTab{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth}.friendList .friendListTab::-webkit-scrollbar{display:none}}.friendList .friendListTab .friendListTabItems{background-color:#0000;border:none;border-radius:8px 8px 0 0;color:var(--text-color-soft);cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;position:relative;transition:all .2s ease}@media(max-width:480px){.friendList .friendListTab .friendListTabItems{font-size:14px;padding:10px 15px;white-space:nowrap}}.friendList .friendListTab .friendListTabItems:hover{background-color:var(--hover-color);color:var(--text-color)}.friendList .friendListTab .friendListTabItems.active{background-color:#0000;color:#2979ff}.friendList .friendListTab .friendListTabItems.active:after{background-color:#2979ff;border-radius:3px 3px 0 0;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:100%}.friendList .friendListContent{display:flex;flex-direction:column;min-height:300px;width:100%}.friendList .friendListContent .tabPane{animation:fadeInTab .3s ease-in-out;width:100%}.friendList .friendListContent .emptyState{background-color:var(--bg-color);border:1px dashed var(--border-color);border-radius:12px;color:var(--text-color-soft);font-style:italic;padding:50px 20px;text-align:center}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-light{--text-color:#000;--bg-color:#fff;--logo-color:#00008b;--bg-soft:#f6f3f3;--text-color-soft:#555;--border-color:#d3d3d3;--hover-color:#e9e9e9;--shadow-color:#0000001a}.theme-dark{--text-color:#f5f5f5;--bg-color:#222;--logo-color:#fff;--bg-soft:#333;--text-color-soft:#d3d3d3;--border-color:#444;--hover-color:#444;--shadow-color:#0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif}.theme-dark,.theme-light,body{background-color:var(--bg-soft);color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}.profile-layout{display:flex}@media(max-width:960px){.profile-layout{flex-direction:column}}
/*# sourceMappingURL=main.a61c882b.css.map*/