*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.container{width:95%;margin-left:2.5%}.logout{height:30px}.nav{list-style:none;display:flex;align-items:center;justify-content:space-between;height:60px;margin-left:-2.7%;margin-right:-2.5%;padding:0 2.5%;border-bottom:1px solid black;background-color:#27548a}.inp-search{height:40px;font-size:16px;width:40%;padding:10px;background-color:#fffd;border:10px;border-radius:10px}.inp-search:focus{outline:none}.profile-img{height:30px;cursor:pointer;background-color:#fff;border-radius:50%;border:2px solid #dcdcdc}.cont-nav{position:relative}.search-results{position:absolute;border:1px solid black;width:40%;max-height:200px;background:#e8e6e6;z-index:100;overflow-y:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:-1px auto auto 50%;transform:translate(-48%)}.search-results-item{display:flex;align-items:center;padding:10px;cursor:pointer;gap:10px;width:100%;border:#202124 solid 1px}.search-profile-img{height:30px;border-radius:50%}.user-full-names{display:flex;font-size:15px;flex-direction:column;gap:3px}.full-nm-search{color:#27548a}.logo{font-size:25px;color:#fff}.left-nav{display:flex;flex-direction:column;align-items:stretch;height:85vh;max-width:200px}.left-nav button{font-size:18px;padding:10px;background-color:#fff;border:none;text-align:start;display:flex;align-items:center;gap:20px;cursor:pointer;border-radius:10px;border:#27548a solid 1px;width:100%}.left-nav button:hover{background-color:#27548a;border-radius:10px;color:#fff}.left-nav-1{margin-top:20px;display:flex;flex-direction:column;gap:10px}.left-nav-2{margin-top:auto;display:flex;flex-direction:column;gap:10px}.svg{height:25px}.posts-page{display:flex;align-items:center;justify-content:space-between;height:90vh;width:100%;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.posts-page::-webkit-scrollbar{display:none}.home-page{display:flex;align-items:center;justify-content:space-between;height:90vh}.posts-home{width:100%;margin-left:5%;background-color:#0000001c;height:100vh;overflow-y:auto;padding-top:4%;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.posts-home::-webkit-scrollbar{display:none}.right-nav{width:60%;top:100px}.active{background-color:#27548a!important;border-radius:10px;color:#fff}.nav-link{text-decoration:none}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#27548a73;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;padding:20px}.login-card-wrapper{display:flex;flex-direction:row;border-radius:12px;overflow:hidden;max-width:1600px;width:100%;gap:20px}.login-image{flex:2;min-height:420px;width:100px;background-image:url(/assets/image-hKt665W5.png);filter:brightness(95%);background-size:contain;background-repeat:no-repeat;background-position:center}.login-content{flex:1;padding:16px;display:flex;flex-direction:column;justify-content:center;background:#27548a;border-radius:12px}.logo-container{text-align:center;margin-bottom:20px}.logo-container h2{font-size:28px;font-weight:600;color:#fff;margin:0}.login-card{background:#fff;border-radius:10px;padding:30px;text-align:center;box-shadow:0 2px 10px #0000000f}.login-card h2{font-size:24px;color:#202124;margin-bottom:8px;font-weight:600}.login-card p{color:#5f6368;font-size:16px;margin-bottom:30px}.google-btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:#fff;border:1px solid #dadce0;border-radius:6px;font-size:16px;color:#3c4043;cursor:pointer;transition:background-color .3s,box-shadow .3s}.google-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.google-btn:active{background:#f1f3f4}.google-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:12px}.google-icon{width:24px;height:24px}.btn-text{font-weight:500}.login-header{position:absolute;top:30px;width:100%;text-align:center}.login-header h1{color:#fff;font-size:36px;font-weight:700;margin:0;text-shadow:1px 1px 5px rgba(0,0,0,.3)}@media only screen and (max-width: 900px){.login-card-wrapper{flex-direction:column;justify-content:start}.login-image{height:100px;flex:2;min-height:400px;width:100%}.login-container{align-items:flex-start}}@media only screen and (max-width: 700px){.login-image{height:100px;flex:2;min-height:200px;width:100%}}.post-card{width:95%;max-width:750px;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000f;margin:30px auto;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:transform .3s ease}.post-header{display:flex;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid #eaeaea}.profile-imgs{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #dcdcdc;background-color:#f0f0f0;cursor:pointer}.user-info h3{margin:0;font-size:16px;font-weight:600;color:#333}.user-info p{margin:2px 0 0;font-size:14px;color:#888}.post-content{padding:20px 24px}.post-title{font-size:20px;font-weight:700;margin-bottom:12px;color:#222}.post-text{color:#444;line-height:1.6;margin-bottom:20px;font-size:15px}.post-images{display:flex;flex-direction:column;gap:15px;margin-bottom:16px}.post-image{width:100%;border-radius:12px;object-fit:cover;max-height:360px}.post-actions{display:flex;justify-content:space-around;flex-wrap:wrap;padding-top:10px;border-top:1px solid #eee;gap:10px}.action-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#666;font-size:15px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s,color .3s}.action-btn:hover{background-color:#f2f2f2;color:#000}.liked{color:red}.action-btn svg.saved{color:red}.user-info-del{display:flex;justify-content:space-between;width:100%}.edit-delete{display:flex;gap:10px}.delete-btn{height:25px;width:25px;cursor:pointer;background:transparent;border:#000;color:red}.delete-btn:hover{background-color:#ff000094;height:25px;width:25px;color:#fff;border-radius:50%;padding:2px}.edit-btn{height:25px;width:25px;cursor:pointer;background:transparent;border:0}.edit-btn:hover{background-color:#000;color:#fff;border-radius:10%}.follow-unfollow{background:transparent;padding:0 10px;background-color:#000;color:#fff;cursor:pointer;border-radius:20px;width:100px}.follow-unfollow:hover{background-color:#222222db}.userProfile-page{padding-top:10%;background-color:#f1f3f5;padding-left:2.5%;margin-left:2.5%}.spin-load_{width:100%;height:40vh;display:flex;align-items:center;justify-content:center}.spin-load{width:100%;height:88vh;display:flex;align-items:center;justify-content:center}.loading,.loader_{align-items:center;justify-content:center;border:5px solid #27548a;border-top:2px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;display:inline-block;margin-left:4px}.create-post-container{max-width:600px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.create-post-container h2{text-align:center;margin-bottom:1.5rem;color:#333}.error-message{color:#ff6b6b;margin-bottom:1rem;text-align:center}.post-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#555}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{resize:vertical;min-height:120px}.media-preview{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.media-item{position:relative;width:120px;height:120px;border-radius:4px;overflow:hidden}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.remove-media{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.form-actions{display:flex;justify-content:space-between;gap:1rem}.upload-btn,.submit-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.upload-btn{background:#f0f2f5;color:#333}.submit-btn{background:#1877f2;color:#fff}.submit-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.create-post-container{margin:1rem;padding:1rem}.form-actions{flex-direction:column}.upload-btn,.submit-btn{width:100%;justify-content:center}}.chat-container{max-width:300px;height:80vh;display:flex;flex-direction:column;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #00000078;border:1px solid #dcdcdc;margin:0 10px}.chat-header{background-color:#27548a;color:#fff;text-align:center;font-weight:600;font-size:18px;padding:12px;border-bottom:1px solid #dcdcdc}.chat-body{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:#f9f9f9}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb{background-color:#27548a80;border-radius:10px}.message{max-width:80%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4;animation:fadeIn .3s ease-in-out;word-wrap:break-word}.user-message{align-self:flex-end;background-color:#27548a;color:#fff}.bot-message{align-self:flex-start;background-color:#e2e6ea;color:#333}.chat-footer{display:flex;padding:10px;background-color:#f1f1f1;border-top:1px solid #dcdcdc}.chat-footer input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid #ccc;outline:none;font-size:14px;background-color:#fff}.chat-footer input::placeholder{color:#999}.chat-footer button{margin-left:10px;padding:10px 16px;border:none;border-radius:20px;background-color:#27548a;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.chat-footer button:hover{background-color:#1f4374}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.svg-send{height:18px}.loader__{align-items:center;justify-content:center;border:5px solid #27548a;border-top:2px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;display:inline-block;margin-left:4px}.containerr{max-width:700px;margin:0 auto;padding:2rem 1rem}.posts-page-auto{background-color:#6663;margin-left:30px}.header{text-align:center;margin-bottom:2rem}.title{font-size:2.5rem;font-weight:700;color:#2d2d2d;margin-bottom:.5rem}.subtitle{color:#666;font-size:1rem;max-width:400px;margin:0 auto}.post-box{background-color:#fff;padding:1.5rem;border-radius:1.5rem;box-shadow:0 4px 12px #00000085}.textarea-wrapper{background-color:#f9f9f9;padding:1rem;border-radius:1rem;position:relative;margin-bottom:1rem;transition:background-color .5s ease}.textarea-wrapper.listening-bg{background-color:#f4ebff}.textarea{width:100%;background:transparent;border:none;outline:none;resize:none;color:#333;font-size:1rem;min-height:120px;line-height:1.5}.input-box{width:100%;height:50px;background:transparent;border:2px solid black;border-radius:15px;outline:none;resize:none;color:#333;font-size:1rem;line-height:1.5;padding:2px;margin-bottom:10px}.tone-words-row{display:flex;gap:10px;margin-top:10px}.tone-words-row .input-box{flex:1}.listening-indicator{position:absolute;bottom:.75rem;right:.75rem;font-size:.75rem;color:#9333ea;background-color:#f3e8ff;padding:.25rem .5rem;border-radius:9999px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.action-row{display:flex;justify-content:space-between;align-items:center}.voice-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background-color:#f0f0f0;color:#555;transition:all .3s ease;cursor:pointer;border:none}.voice-button:hover{background-color:#e0e0e0}.voice-button.listening{background-color:#ede9fe;color:#7e22ce}.icon-wrapper{position:relative}.mic-ping{position:absolute;top:50%;left:50%;width:2rem;height:2rem;background-color:#c084fc33;border-radius:50%;transform:translate(-50%,-50%);animation:ping 1s infinite;z-index:0}@keyframes ping{0%{transform:scale(1) translate(-50%,-50%);opacity:1}to{transform:scale(2) translate(-50%,-50%);opacity:0}}.voice-disabled{font-size:.875rem;color:#999;display:flex;align-items:center;gap:.5rem}.icon-disabled{color:#ccc}.copy-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background-color:#e0f2ff;color:#2563eb;transition:all .3s ease;border:none;cursor:pointer}.copy-button:hover{background-color:#bae6fd}.copy-button.disabled{background-color:#f0f0f0;color:#ccc;cursor:not-allowed}.spin-load{display:flex;align-items:center;justify-content:center}.loader{border:2px solid #f3f3f3;border-top:2px solid #555;border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;display:inline-block;margin-left:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.full-profile-container{width:100%;height:100vh;background-color:#f1f3f5;display:flex;justify-content:center;align-items:start;margin-left:2.5%;padding-top:5.5%}.profile-card{background-color:#fff;border-radius:15px;width:80%;height:100vh;padding:24px;display:flex;flex-direction:column;gap:20px}.profile-main-info{display:flex;align-items:flex-start;gap:20px}.profile-pic{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #27548a}.profile-details{display:flex;flex-direction:column;justify-content:flex-start;gap:6px}.profile-details p{font-size:15px;color:#333;margin:2px 0}.profile-follow-stats{display:flex;justify-content:space-around;padding-top:10px;border-top:1px solid #ddd;padding-bottom:10px;border-bottom:1px solid #ddd}.follow-box{text-align:center;cursor:pointer;padding:5px 40px}.follow-count{font-size:20px;font-weight:700;color:#27548a}.follow-label{font-size:14px;color:#555}.profile-edt{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.edit-btn-profile{background:transparent;padding:8px 20px;border:0;background-color:#27548a;color:#fff;font-size:16px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.svg-edt{height:16px}.follow-list{width:50%;margin-left:25%}.follower-item{display:flex;align-items:center;gap:10px;margin:5px 0 15px;padding:5px;border:2px black solid;border-radius:20px;background-color:#55555517}.f-t{justify-content:space-between}.avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover}.follow-box-selected{background-color:#27548a3e;color:#fff;cursor:pointer;border-radius:20px}.profile-user{display:flex;align-items:center;justify-content:center;gap:10px}.edit-container{padding:24px;display:flex;flex-direction:column;gap:10px;justify-content:start;align-items:flex-start;border:2px solid #27548a;width:80%;border-radius:20px;height:90%;background-color:#27548a2d}.edit-container label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:800;font-size:18px;width:50%;gap:20px}.edit-container label input{height:30px;padding:10px 14px;border:1px solid #ccc;border-radius:10px;font-size:16px;margin-top:5px;border:0}.edit-container label input:focus{background-color:#27548ac6;border:0;color:#fff}.done-btn-edit{padding:5px 20px;font-size:18px;background:transparent;background-color:#27548a;color:#fff;cursor:pointer;border:0;border-radius:20px;align-self:flex-end;margin-right:50%;margin-top:40px}.done-btn-edit:hover{background-color:#011d41b2}.cmt-main-comments{width:100%;margin-left:auto;margin-right:auto}.cmt-box-profile{height:50px;border:0}.cmt-profile-image{height:30px;width:30px}.cmt-text{width:90%;margin-left:auto;margin-right:auto}.cmt-user h3,.cmt-user p{font-size:14px}.cmt-main{width:90%;margin-left:auto;margin-right:auto;border:2px solid black;padding-bottom:5px;margin-bottom:10px;border-radius:20px;background-color:#3333332c}.comment-foot{background-color:#27548a;width:100%;margin:10px auto 0;padding:10px 5%;display:flex}.cmt-input{padding:4px;font-size:16px;width:90%;border-radius:10px}.cmt-send{width:10%;padding:7px;border-radius:10px;cursor:pointer;background-color:#fff}.cmt-send:hover{background-color:#d2cfcf}