.top-banner{position:relative;height:180px;width:100%;display:flex;overflow:hidden;border-radius:10px;background:var(--1D);cursor:default}.left-half,.right-half{width:50%;height:100%;position:relative}.download-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px dashed var(--5a);border-radius:10px;margin-bottom:10px;width:350px;color:var(--c)}.download-item a{display:flex;align-items:center;gap:8px;color:var(--c);text-decoration:none;font-weight:500}.download-item a:hover{color:var(--accent)}.download-item i{font-size:18px}.file-meta{font-size:14px;color:var(--6D);white-space:nowrap}.info-item{display:flex;align-items:center;margin-bottom:10px;border-bottom:1px solid var(--2F);padding-bottom:7px;max-width:500px}.info-item i{margin-right:15px;color:var(--a);font-size:25px}.info-text{display:flex;flex-direction:column;letter-spacing:.5px;color:var(--a)}.info-text .value{color:var(--f5)}.right-half{background-image:url(../img/topo.png);background-size:cover;background-repeat:no-repeat;background-position:center}.top-banner h1{position:absolute;top:50%;left:20px;transform:translateY(-50%);margin:0;text-align:left;color:var(--a);font-size:36px;font-weight:400}.content{padding:10px;text-align:left;color:var(--f5);line-height:1.6;font-size:18px}section>ol{margin-left:25px}section>ol>ul{margin-left:35px}section>h2{margin-bottom:15px;margin-top:7px;color:var(--c)}main>ul{padding-left:20px}main>ul li{margin-bottom:10px}.article-actions{display:flex;justify-content:space-between;align-items:center;margin-top:40px;flex-wrap:wrap}.article-question{margin-right:21px;font-size:17px}.left-group{display:flex;align-items:center;gap:10px}.post-reaction{white-space:nowrap}#static-page-container{margin-top:20px;width:95%;margin-bottom:20px}@media only screen and (min-width:768px){.report-issue{margin-left:auto}.top-comments-wrapper{margin:0 110px 0 110px}}@media only screen and (max-width:767px){.top-banner{width:100%;height:150px}.top-banner h1{font-size:34px}.report-issue{margin-top:20px}.report-issue{display:none}.top-comments-wrapper{margin:5px}}@media only screen and (max-width:480px){.m20{width:120px;font-size:20px}.m25{font-size:25px}.h2{font-size:21px}.top-banner h1{font-size:26px}}.top-comments-wrapper{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}.comment-card{padding:16px;border-radius:8px;flex:1 1 300px;max-width:100%}.comment-author{font-weight:700;display:block;color:#5d76f5;margin-bottom:8px}.comment-content{font-size:16px;color:var(--f5);margin-top:10px;text-align:left}.beer-info{text-align:left;margin-left:5px}.comment-title-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:10px;text-align:left;text-overflow:ellipsis}.comment-title-icon{padding:6px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:var(--a)}.comment-title-icon:hover{transform:scale(1.2)}.comment-post-title{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;background:var(--1D);overflow:hidden}.comment-title-mark{width:60px;background-color:var(--2F);border-top-left-radius:8px;border-bottom-left-radius:8px;flex-shrink:0}.comment-title-link{display:flex;align-items:center;justify-content:space-between;flex:1;text-decoration:none;padding:10px 10px 10px 16px;color:var(--f5);min-width:0;flex:1}.comment-author-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-author-avatar{width:25px;height:25px;border-radius:50%;object-fit:cover}.comment-author-name{color:var(--a);text-decoration:none;font-size:17px}.comment-time{font-size:13px;color:#999}.pag-button{width:30px;border-radius:50%;height:30px;line-height:1px;padding:5px;transition:transform 0.3s ease}.pag-button:hover{transform:scale(1.1)}.pagination{text-align:center;margin-top:10px;margin-bottom:10px}.pagination>span{font-size:17px;color:var(--a)}.simple-div{margin-top:10px;max-width:350px;line-height:70px;border:1px dashed var(--5a);padding:10px;border-radius:5px;text-align:left}.btn-red{background:#eb4034}.btn-red:hover{background:#eb4034!important}button:disabled{background:var(--1);border-color:var(--1);cursor:not-allowed}.list{list-style:none;padding:0;margin:20px 0;font-family:'Roboto',sans-serif;font-size:1.8rem;color:var(--light)}.list li{position:relative;padding:12px 0;padding-left:30px;border-bottom:1px solid var(--3d);line-height:1.5;color:var(--c)}.list li:last-child{border-bottom:none}.list li:before{content:'';display:block;position:absolute;left:0;top:16px;width:6px;height:12px;border-width:0 2px 2px 0;border-style:solid;border-color:var(--accent);transform-origin:bottom left;transform:rotate(45deg)}.about-wlip>p{font-size:20px;margin-bottom:20px}.list li strong{color:var(--f5);font-weight:500;margin-left:5px;margin-right:5px}.blog-article__meta{display:flex;align-items:center;gap:10px;margin:15px 0 25px;font-size:14px;color:var(--a)}.blog-article__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.blog-article__author{font-weight:600;color:var(--f5);margin-right:8px}.blog-article__date{color:var(--gray);font-size:13px}.breadcrumb{text-align:left;font-size:15px;padding:5px;color:var(--a)}.list li a{color:var(--accent);text-decoration:none;transition:color 0.2s ease}.list li a:hover{color:var(--accent-dark)}.ri-volume-mute-fill{color:var(--3d)}.chat-room-details{position:relative;display:flex;flex-direction:column;justify-content:center}.readable{margin-left:15px}.blog-card{margin-bottom:15px;display:flex;flex-direction:column;justify-content:space-between;background:var(--1D);padding:16px;border-radius:10px;text-align:left;cursor:pointer;transition:transform 0.2s;min-width:300px}.blog-card:hover{transform:translateY(-3px)}.blog-card__content{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px}.blog-card__title{font-size:18px;font-weight:600;color:var(--f5);flex:1}.blog-card__excerpt{line-height:23px;font-size:15px;color:var(--a);flex:1}.blog-card__meta{display:flex;align-items:center;font-size:13px;color:var(--gray);margin-top:auto}.blog-card__author{font-weight:500;color:var(--c)}.blog-card__date{margin-left:6px;color:var(--a)}.separator{margin:0 6px;color:var(--a)}.blog-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:13px}.blog-card__more{font-size:14px;font-weight:600;color:var(--accent);transition:color 0.2s}.blog-card__more:hover{color:var(--orange)}.chat-room-stats{display:flex;gap:14px;font-size:16px;color:var(--a)}.chat-room-stats i{margin-right:5}@media (max-width:768px){.blog-card__content{flex-direction:column;gap:6px}.pagination>span{font-size:16px;display:block;margin-top:5px}}.unread-b{border:1px solid var(--accent) !important;}.blog-related{margin-top:30px}.margins{margin-left:10px;margin-right:10px}.funfact{border-left:4px solid #756b68;background-color:#4f413e;color:var(--f5);margin:.75em 0;padding:.5em 1em!important;line-height:1.4;border-radius:4px}mark{background:var(--orange)}.room-type{color:var(--6D);margin-left:8px;font-size:16px}.cb-card{position:relative;background:var(--1D);border-radius:12px;padding:14px 16px 36px;margin-bottom:20px;max-width:500px;color:var(--f5);box-shadow:0 2px 6px rgb(0 0 0 / .25);transition:transform 0.2s}.cb-card:hover{transform:translateY(-2px)}.cb-card::after{content:"";position:absolute;bottom:-12px;left:40px;border-width:12px 12px 0;border-style:solid;border-color:var(--1D) #fff0 #fff0 #fff0}.cb-post-title{display:block;font-weight:600;font-size:16px;color:var(--accent);margin-bottom:10px;text-decoration:none}.cb-post-title:hover{text-decoration:underline}.cb-content{display:flex;align-items:flex-start;gap:10px;text-align:left}.cb-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.cb-text{font-size:15px;color:var(--f5);margin:0;line-height:1.4}.cb-more{position:absolute;bottom:10px;right:16px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}.cb-more:hover{color:var(--orange)}.cb-card{flex:1 1 280px;min-width:280px;max-width:100%}.comment-image img{display:block;max-width:100%;height:auto;border-radius:8px;object-fit:contain}.microblogs-section .top-comments-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;align-items:stretch}.chat-room-card{border: 1px solid var(--2F);display:flex;align-items:flex-start;padding:14px 16px;border-radius:10px;transition:transform 0.2s ease;flex-wrap:wrap;height:100%}.chat-room-card:hover{transform:translateY(-2px)}.chat-room-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-right:14px}.chat-room-details{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;flex-grow:1}.chat-room-name{font-size:20px;font-weight:500;color:var(--f5);display:flex;align-items:center;gap:6px;margin-bottom:4px}.min360{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important}.chat-room-stats{display:flex;gap:14px;font-size:15px;color:var(--a)}.chat-room-description{margin-bottom:10px;flex-basis:100%;margin-top:15px;font-size:16px;color:var(--f5);line-height:1.4;text-align:left}.chat-room-header{display:flex;align-items:center;width:100%;margin-bottom:8px}.room-trending{background:var(--accent-dark);color:var(--f5);border-radius:3px;font-size:13px;padding:4px 10px;margin-right:10px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:600;transition:transform 0.2s ease,box-shadow 0.2s ease}.room-trending:hover{transform:translateY(-2px);box-shadow:0 3px 6px rgb(0 0 0 / .4)}.tag-info{border-left:4px solid var(--accent-dark);background-color:var(--1D);color:var(--accent);margin:.75em 0;padding:.5em 1em!important;line-height:1.4;border-radius:4px}.favorite-icon{margin-left:auto;font-size:22px;color:var(--a);cursor:pointer;transition:color 0.2s ease,transform 0.2s ease;position:absolute;right:0;top:0}.favorite-icon:hover{transform:scale(1.15)}.fixed-button{position:fixed;bottom:25px;right:25px;z-index:9999;background-color:var(--3d);color:#fff;border:none;border-radius:50px;padding:12px 18px;display:flex;align-items:center;gap:6px;box-shadow:0 3px 10px rgb(0 0 0 / .3);cursor:pointer;transition:all 0.2s ease}.fixed-button:hover{background:#a23b22}.char-counter{text-align:right;font-size:13px;color:var(--6D)}.blog-article__cover-wrapper{text-align:center;margin-bottom:20px}.blog-article__cover{max-width:100%;width:500px;height:auto;border-radius:12px;box-shadow:0 2px 6px rgb(0 0 0 / .25)}.wlip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.tags-cloud-section{text-align:center;margin:30px auto;padding:10px 0 25px 0}.tags-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px}.tag-link{display:inline-block;background:var(--2F);color:var(--f5);text-decoration:none;font-size:16px;padding:6px 14px;border-radius:20px;transition:all 0.25s ease;border:1px solid var(--3d)}.tag-link:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.tag-link:active{transform:translateY(0)}@media (max-width:768px){.tags-cloud{gap:8px}.tag-link{font-size:14px;padding:5px 12px}}.m25{font-size:23px}
.online-users-block {
  display: flex;
  align-items: center;
  margin-top: 12px;
  font-size: 15px;          
  color: var(--a);
}

.avatar-stack {
  position: relative;
  height: 30px;    
  margin-right: 10px;
  flex-shrink: 0;   
}

.avatar-mini {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  object-fit: cover;
  border: 2px solid var(--1D); 
  transition: transform 0.2s;
}

.avatar-mini:hover {
  transform: scale(1.08);
}

.online-users-text {
  font-size: 15px;      
  color: var(--a);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}