.wrapper,body{margin:0;padding:0}.container,.wrapper,body{width:100%;padding:0}.post,.profile-container,body{box-sizing:border-box}.highlight:hover,.popup-post-text .highlight:hover,.popup-post-text a:hover,.post-content a:hover,a:hover{text-decoration:underline}body,h1,h2,h3,li,p,ul{margin:0;padding:0;list-style:none}body{font-family:Arial,sans-serif;background-color:#e6ecf0;color:#14171a;overflow-x:hidden}.highlight,a{color:#1da1f2}.wrapper{display:flex;justify-content:flex-start;min-height:100vh}a{text-decoration:none}.highlight{margin-right:5px}.divider{border-bottom:1px solid #e1e8ed;margin:20px 0}.container{display:flex;flex-wrap:wrap;grid-template-columns:300px 1fr 350px;max-width:1200px;margin:0 auto;justify-content:center}.sidebar{width:300px;height:100vh;position:fixed;top:0;left:max(0px,calc((100% - 700px)/ 2 - 330px));background-color:transparent;padding:20px;display:flex;flex-direction:column;align-items:center;z-index:100;overflow:hidden}.logo,.profile-top-bar{align-items:center;display:flex}.sidebar h1{font-size:28px;margin-bottom:20px}.sidebar ul li{position:relative;margin:10px 0;padding:8px;font-size:18px;cursor:pointer;border-radius:50px;transition:background-color .3s;overflow:hidden}.sidebar ul li:hover{background-color:#d1d8dd;cursor:pointer}.logo{height:40px}.logo img{width:40px;height:auto}.post-btn{background-color:#1da1f2;color:#fff;padding:14px 10px;border-radius:30px;border:none;font-size:16px;cursor:pointer;width:200px;margin-top:20px}.post,.profile-container,.profile-pic{background-color:#fff}.posts .post:not(:last-child),.profile-tabs ul,.profile-top-bar{border-bottom:1px solid #ddd}.profile-top-bar{gap:30px;padding:10px 20px}.back-arrow{font-size:20px;cursor:pointer;font-weight:700}.profile-title h2{font-size:18px;margin:0;display:flex;align-items:center}.title-icon{height:18px;width:auto;margin-left:10px;transform:translateY(2px)}.comment-header,.profile-title p{font-size:14px;color:#657786}.profile-container{flex:1;margin:0 10px 10px;border-radius:8px;margin-left:calc(200px + 30px);margin-right:calc(260px + 50px);max-width:none;box-shadow:0 2px 5px rgba(0,0,0,.1)}.profile-header{position:relative;text-align:left}.banner img{width:100%;height:280px;object-fit:cover;border-radius:8px 8px 0 0}.profile-pic{position:absolute;bottom:180px;left:20px;width:120px;height:120px;border-radius:50%;border:4px solid #fff;object-fit:cover;box-shadow:0 2px 5px rgba(0,0,0,.2)}.post,.profile-tabs,.profile-tabs ul{width:100%;display:flex}.profile-details{padding:70px 20px 20px}.profile-details h2{font-size:22px;display:flex;align-items:center}.profile-details p.username{color:#657786;font-size:15px}.verified{color:#1da1f2;margin-left:5px}.description2,.profile-stats{font-size:14px;color:#657786}.description{margin-top:14px}.description2{margin-top:10px}.profile-stats{display:flex;gap:15px;margin-top:15px}.profile-stats strong{color:#000;font-size:15px}.profile-tabs{position:relative;justify-content:center}.profile-tabs ul{justify-content:center;align-items:center;margin:0;gap:25px;color:#657786;position:relative}.profile-tabs li{list-style:none;padding:10px 15px;cursor:pointer;font-size:16px;white-space:nowrap}.profile-tabs .active{font-weight:700;color:#000}.profile-tabs .highlight-bar{position:absolute;bottom:0;left:0;height:4px;border-radius:50px;background-color:#1da1f2;width:0}.posts{padding:0;margin:0}.post{align-items:flex-start;gap:13px;margin:0;padding:20px;transition:background-color .4s ease-in-out,box-shadow .4s ease-in-out}.post:hover{background-color:#f2f2f2}.post.fade-in{opacity:1;transform:translateY(0)}.profile-image{width:50px;height:50px;border-radius:50%;flex-shrink:0;margin-top:5px}.post-content-wrapper{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.post-header{display:flex;align-items:center;gap:10px}.header-text p{margin:0;font-size:14px;color:#657786}.post-content a,.search-box{margin-bottom:10px}.header-text strong{font-size:16px;color:#000;display:inline-flex;align-items:center}.inline-icon{height:16px;width:auto;margin-left:6px;margin-right:4px;vertical-align:middle}.post-content{font-size:15px;color:#14171a;margin-top:-8px;line-height:1.4}.post-content a{color:#1da1f2;text-decoration:none;font-size:16px;margin-top:10px;display:block}.post-content img{width:100%;border-radius:8px;margin-top:10px}.post-footer{padding-top:6px}.post-stats{display:flex;justify-content:space-between;font-size:14px;color:#657786;align-items:center;gap:70px}.modal-close,button{color:#fff;cursor:pointer}.post-stats span{display:flex;align-items:center;gap:4px;cursor:pointer;flex:1}.post-stats .stat{cursor:pointer;transition:transform .2s,color .2s}.popup-post-text .highlight,.stat-comments.clicked{color:#1da1f2}.stat-retweets.clicked{color:#17bf63}.stat-likes.clicked{color:#e0245e}.stat-views.clicked{color:#ffad1f}.stat-comments .number.animate:after{content:"💬"}.stat-retweets .number.animate:after{content:"🔁"}.stat-likes .number.animate:after{content:"❤️"}.stat-views .number.animate:after{content:"📊"}@keyframes explode-blue{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes explode-green{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes explode-pink{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes explode-yellow{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}.stat-comments:hover{transform:scale(1.1);color:#1da1f2}.stat-retweets:hover{transform:scale(1.1);color:#17bf63}.stat-likes:hover{transform:scale(1.1);color:#e0245e}.stat-views:hover{transform:scale(1.1);color:#ffad1f}.stat-comments .number.animate:after{content:"💬";position:absolute;top:-20px;left:0;animation:.6s forwards explode-comments}@keyframes explode-comments{0%{transform:scale(1);opacity:1;color:#1da1f2}100%{transform:scale(2);opacity:0;color:#1da1f2}}.stat-retweets .number.animate:after{content:"🔁";position:absolute;top:-20px;left:0;animation:.6s forwards explode-retweets}@keyframes explode-retweets{0%{transform:scale(1);opacity:1;color:#17bf63}100%{transform:scale(2);opacity:0;color:#17bf63}}.stat-likes .number.animate:after{content:"❤️";position:absolute;top:-20px;left:0;animation:.6s forwards explode-likes}@keyframes explode-likes{0%{transform:scale(1);opacity:1;color:#e0245e}100%{transform:scale(2);opacity:0;color:#e0245e}}.stat-views .number.animate:after{content:"📊";position:absolute;top:-20px;left:0;animation:.6s forwards explode-views}@keyframes explode-views{0%{transform:scale(1);opacity:1;color:#ffad1f}100%{transform:scale(2);opacity:0;color:#ffad1f}}.tab-content{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s}#posts,.tab-content.active{opacity:1;visibility:visible;transform:translateY(0)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:10px}.media-grid img{width:100%;aspect-ratio:1/1;border-radius:0;object-fit:cover;cursor:pointer;transition:transform .2s ease-in-out}.media-grid img:hover{transform:scale(1.05)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:1000}.modal.active{display:flex}.modal-content{display:flex;width:100%;height:100%}.modal-left{flex:75%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.image-wrapper{max-width:90%;max-height:90%;display:flex;justify-content:center;align-items:center}.modal-left img{max-width:100%;max-height:100%;object-fit:contain}.modal-right{flex:25%;width:90%;height:100%;padding:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;max-width:450px;min-width:300px}.modal-right .post .post-stats{display:flex;gap:15px}.modal-right .post{max-width:100%;margin:0;padding:0;overflow:hidden;height:auto;display:flex}.modal-right .stat-views .number{display:none}.modal-close{position:absolute;top:15px;left:25px;font-size:30px;transition:color .3s,transform .2s;z-index:10}.modal-close::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;background:rgba(0,0,0,.6);border-radius:50%;z-index:-1}.modal-close:hover{color:#ccc}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%}body.modal-open{overflow:hidden!important;height:100%}#imageModal .post:hover{background-color:transparent;transition:none}.widgets{padding:20px;position:fixed;top:0;right:max(0px,calc((100% - 700px)/ 2 - 330px));height:100vh;width:350px;max-width:350px;background-color:transparent}.autocomplete-list,.suggestions{position:absolute;overflow-y:auto}.search-box,.search-box input{width:100%;box-sizing:border-box}.autocomplete-list,.box,.suggestions{background-color:#fff}.search-box input{padding:12px 10px;border-radius:20px;border:1px solid #ccc}.autocomplete-list{list-style:none;margin:0;padding:0;border-radius:4px;width:calc(100% - 20px);max-height:200px;z-index:1000}.autocomplete-list li{padding:10px;cursor:pointer;height:22px;line-height:40px}.autocomplete-list li:hover{background-color:#f5f8fa}.suggestions{border:1px solid #ddd;max-height:150px}.suggestion{padding:10px;cursor:pointer}.suggestion:hover{background-color:#f0f0f0}.box{border-radius:8px;padding:10px;margin-top:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.additional-content h3,.follow-suggestions h3{font-size:20px;margin-bottom:25px}.follow-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.text-container{display:flex;flex-direction:column;gap:3px;flex:1}.text-container p{margin:0;font-size:16px}.additional-content p.username,.description,.popup-header-text .date-text,.text-container p.username{color:#657786;font-size:14px}button{width:80px;text-align:center;padding:7px 0;background-color:#000;border:none;border-radius:20px;font-size:13px;flex-shrink:0}.additional-content .content-item{margin-bottom:15px;font-size:16px;line-height:1.5}.additional-content .content-item strong{color:#14171a;font-weight:700}.additional-content p{margin:0;color:#657786}.more-link{display:block;text-align:left;font-size:15px;color:#1da1f2;text-decoration:none;margin-top:40px;margin-left:10px}.comment{display:flex;align-items:flex-start;padding:10px 15px;border-bottom:1px solid #e1e8ed;gap:10px}.comment .profile-img{width:40px;height:40px;border-radius:50%}.comment-content{flex:1}.close-btn:hover,.comment-header .username{color:#000}.highlight-user{color:#657786}.comment-header .time{margin-left:5px}.comment-text{font-size:14px;color:#14171a;margin:5px 0 0}.comment:hover{background-color:#f5f8fa;cursor:pointer}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.popup-content{background:#fff;border-radius:15px;padding:15px;width:500px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative;display:flex;flex-direction:column;gap:15px;max-width:90%}.close-btn{position:absolute;top:10px;right:15px;font-size:20px;cursor:pointer;color:#657786}.popup-header{display:flex;gap:10px}.popup-header-text p{margin:0 0 10px;font-size:14px;color:#657786}.reply-info{display:flex;align-items:center;margin:10px 0 15px;font-size:14px;color:#657786}.reply-info .mention{color:#1da1f2;font-weight:500}.reply-info .vertical-line{width:2px;height:40px;background-color:#ddd;margin-right:30px;margin-left:20px}.popup-header-text p:not(:has(strong)),.popup-header-text p>:not(strong){color:#14171a}.popup-header-text strong{font-size:15px;color:#14171a}.popup-profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.popup-post-text a{color:#1da1f2;text-decoration:none}.popup-post-text a:hover{color:#1da1f2}.popup-post-text{color:inherit;font-size:15px;line-height:1.6}