body{color:#333;background-color:#f9f9f9;margin:0;padding:0;font-family:Arial,sans-serif}.container{background-color:#fff;max-width:80%;margin:20px auto;padding:20px;box-shadow:0 2px 10px #0000001a}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header .post-meta{align-items:center;display:flex}.header .post-meta img{border-radius:50%;width:50px;height:50px;margin-right:10px}.header .post-meta .author-info{flex-direction:column;display:flex}.header .post-meta .author-info .author-name{color:#333;font-weight:700}.header .post-meta .author-info .post-date{color:#999;font-size:12px}.header .social-icons{gap:10px;display:flex}.header .social-icons i{color:#333;cursor:pointer;font-size:18px;transition:color .3s}.header .social-icons i:hover{color:#007bff}.post-content{color:#333;margin-bottom:20px;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}.post-content .post-title{font-size:30px;font-weight:700}.post-content .post-subtitle{color:#666;margin-bottom:10px;font-size:18px}.post-content .post-text{font-size:16px;line-height:1.6}.discussion{border-top:1px solid #eee;margin-top:40px;padding-top:20px}.discussion select{color:#333;appearance:none;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;outline:none;width:14%;padding:8px 8px 8px 12px;font-size:16px}.discussion select:hover{border-color:#888}.discussion .tabs{justify-content:flex-start;gap:15px;display:flex}.discussion .tabs .tab{cursor:pointer;background-color:#f5f5f5;border-radius:20px;margin-top:10px;padding:10px 20px;transition:background-color .3s}.discussion .tabs .tab.active{color:#fff;background-color:#007bff}.discussion .comment-section{margin-top:20px}.discussion .comment-section .comment-input{align-items:center;gap:10px;display:flex}.discussion .comment-section .comment-input img{border-radius:50%;width:40px;height:40px}.discussion .comment-section .comment-input input[type=text]{border:1px solid #ccc;border-radius:20px;outline:none;flex:1;padding:10px;font-size:14px}.discussion .comment-section .comment-input input[type=text]:focus{border-color:#007bff}.discussion .button-container{margin-top:10px;display:flex}.discussion .button-container .btn-sent-comment{color:#fff;cursor:pointer;background:green;width:120px;height:30px;margin-left:auto}.post-list{flex-direction:column;gap:20px;padding:20px;display:flex}.post-item{border-bottom:1px solid #ccc;justify-content:space-between;padding-bottom:20px;display:flex}.post-item:last-child{border-bottom:none}.post-item .post-content{flex:1;padding-right:20px}.post-item .post-content .post-title{margin-bottom:5px;font-size:18px;font-weight:700}.post-item .post-content .post-subtitle{color:#666;margin-bottom:10px;font-size:16px}.post-item .post-content .post-meta{color:#999;margin-bottom:10px;font-size:14px}.post-item .post-content .post-actions{color:#666;gap:15px;font-size:18px;display:flex}.post-item .post-content .post-actions i{cursor:pointer}.post-item .post-content .post-actions i:hover{color:#000}.post-item .post-image{width:100px;height:100px}.post-item .post-image img{object-fit:cover;border-radius:8px;width:100%;height:100%}.post-stats{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;flex-direction:column;padding:10px;display:flex}.likes-info{align-items:center;margin-bottom:10px;display:flex}.avatars{display:flex}.avatars img{border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-10px}.likes-count,.restacks-count{color:#555;margin-left:10px;font-size:14px}.actions{align-items:center;gap:8px;display:flex}.actions button{color:#555;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;align-items:center;padding:5px 10px;font-size:14px;display:flex}.actions .like{color:#ff5a5a;background-color:#ffe6e6}.actions .dropdown{margin-left:auto;display:inline-block;position:relative}.actions .dropdown .dropdown-toggle{cursor:pointer;background:0 0;border:none;font-size:24px}.actions .dropdown .dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:8px;min-width:120px;padding:8px 0;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 8px #0000001a}.actions .dropdown .dropdown-menu.show{display:block}.actions .dropdown .dropdown-menu .dropdown-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:8px 16px;font-size:14px;display:flex}.actions .dropdown .dropdown-menu .dropdown-item svg{margin-right:8px}.actions .dropdown .dropdown-menu .dropdown-item.-edit{color:#333}.actions .dropdown .dropdown-menu .dropdown-item.-delete{color:red}.actions .dropdown .dropdown-menu hr{border:none;border-top:1px solid #ddd;margin:4px 0}.comment-section{flex-direction:column;padding:10px;display:flex}.comment-section .children-block{margin-left:100px}.comment-section .comment-block{border-top:1px solid #e0e0e0;margin-top:10px;padding-top:10px}.comment-section .comment-block .reply-to{background-color:#e8f3ff;border-radius:5px;margin-bottom:.5rem;padding:.3rem .5rem;font-size:.9rem}.comment-section .comment-block .reply-to a{color:#007bff;text-decoration:none}.comment-section .comment-block .reply-to a:hover{text-decoration:underline}.comment-section .comment-block .user-info{align-items:center;gap:10px;display:flex}.comment-section .comment-block .user-info .avatar{border-radius:50%;width:40px;height:40px}.comment-section .comment-block .user-info .user-details{flex-direction:column;display:flex}.comment-section .comment-block .user-info .user-details .username{font-size:14px;font-weight:700}.comment-section .comment-block .user-info .user-details .time{color:#888;font-size:12px}.comment-section .comment-block .comment-text{margin-top:5px;font-size:14px}.comment-section .comment-block .reply-box{flex-direction:column;margin-top:10px;display:none}.comment-section .comment-block .reply-box textarea{resize:none;border:1px solid #8bc34a;border-radius:5px;outline:none;width:100%;height:60px;padding:10px}.comment-section .comment-block .reply-box .post-button{color:#fff;cursor:pointer;background-color:#8bc34a;border:none;border-radius:5px;margin-top:5px;padding:5px 10px;font-size:14px}.comment-section .comment-block .reply-box .cancel-button{color:#888;cursor:pointer;background:0 0;border:none;margin-top:5px;padding:5px 10px;font-size:14px;text-decoration:underline}.comment-section .comment-block .actions{color:#888;gap:10px;margin-top:5px;font-size:12px;display:flex}.comment-section .comment-block .actions button{color:#888;cursor:pointer;background:0 0;border:none;padding:0}.arrow-nav{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;top:100px;left:178px}.arrow-link{color:#333;background-color:#f3f3f3;border:1px solid #ccc;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:10px 12px;font-size:18px;text-decoration:none;transition:background .2s;display:flex}.arrow-link:hover{background-color:#e0e0e0}.sidebar-toggle{z-index:1000;position:fixed;top:350px;left:200px}.sidebar-toggle #toggleButton{color:#fff;cursor:pointer;background-color:#f26522;border:none;border-radius:0 5px 5px 0;padding:10px 14px;font-size:20px;box-shadow:0 2px 6px #0003}.sidebar-toggle .sidebar{background:#fff;border-radius:10px;width:220px;padding:20px;transition:left .3s ease-in-out;position:fixed;top:407px;left:-250px;box-shadow:2px 2px 12px #00000026}.sidebar-toggle .sidebar .contents-box h4{text-transform:uppercase;color:#777;margin-bottom:10px;font-size:14px}.sidebar-toggle .sidebar .contents-box ul{padding:0;list-style:none}.sidebar-toggle .sidebar .contents-box ul li{cursor:pointer;margin:6px 0;font-size:14px}.sidebar-toggle .sidebar .contents-box ul li:hover{text-decoration:underline}.sidebar-toggle.open .sidebar{left:200px}