body,h1,h2,h3,h4,h5,h6,p,span,textarea{font-family:Roboto,sans-serif}a,body{color:var(--text-color)}.btn-primary:hover,.btn:active,.btn:focus,.btn:hover{transform:scale(1.05);color:var(--button-text-color);background-color:var(--primary-color)}.card-title,.text-truncate{overflow:hidden;text-overflow:ellipsis}body,main{background-color:var(--secondary-background)}.btn-primary:hover,.btn:active,.btn:focus,.btn:hover,.jump-to-form button:hover,.pagination-item a:hover,.pagination-item.active span{background-color:var(--primary-color)}.form-control:focus,.jump-to-form input[type=number]:focus{border-color:var(--primary-color);outline:0}:root{--primary-color:#d1404a;--primary-hover:#d1404a;--background-color:#202124;--container-background:#202124;--text-color:#ffffff;--secondary-background:#212b31;--accent-color:#ff5722;--button-text-color:#ffffff;--header-height:90px}*,::after,::before{box-sizing:border-box}body{margin:0;padding:0}a{text-decoration:none;transition:color .3s}a:hover{color:var(--primary-hover);text-decoration:underline}.btn{border:2px solid var(--primary-color);padding:12px 20px;border-radius:25px;text-align:center;cursor:pointer;transition:background-color .3s,color .3s,transform .3s;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.btn:active,.btn:focus{outline:0}.btn-primary{color:var(--button-text-color);background-color:transparent;border:2px solid var(--primary-color)}.card,.form-control{background:var(--container-background);color:var(--text-color)}.card{border:none;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;margin:10px}.card-img-top{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border-top-left-radius:16px;border-top-right-radius:16px}.card-title{font-size:1rem;line-height:1.2em;height:2.4em;-webkit-line-clamp:2;white-space:normal}.card-body{display:flex;flex-direction:column;flex-grow:1}.form-control{border:1px solid #555;border-radius:8px;padding:12px;transition:background .3s,border-color .3s;width:100%;margin-bottom:12px}.form-control:focus{background:var(--secondary-background)}.form-label{color:var(--text-color);font-weight:700;font-size:16px;margin-bottom:6px;display:block}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 10px}.text-truncate{white-space:nowrap}main{padding-top:var(--header-height);justify-content:center;align-items:flex-start}.pagination-container{display:flex;flex-direction:column;align-items:center;margin-top:30px}.pagination{margin-bottom:10px}.pagination-list{list-style:none;display:flex;gap:5px;padding:0;margin:0;flex-wrap:wrap;justify-content:center}.pagination-item a,.pagination-item span{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#fff;background-color:#333;transition:background-color .3s,color .3s}.pagination-item.active span{color:#fff;border-color:var(--primary-color)}.pagination-item.disabled span{color:#999;background-color:#333;cursor:not-allowed}.jump-to-form{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px}.jump-to-container{display:flex;align-items:center;gap:5px}.jump-to-form label{font-weight:700;color:var(--text-color)}.jump-to-form input[type=number]{width:80px;padding:8px 10px;border:1px solid #ccc;border-radius:4px;transition:border-color .3s}.jump-to-form button{padding:8px 16px;border:none;border-radius:4px;background-color:var(--secondary-color);color:#fff;cursor:pointer;transition:background-color .3s}.input-error{border-color:#ff4d4d;background-color:#ffe6e6}.searchicon{width:1.1rem;height:1.1rem}@media screen and (max-width:992px){.pagination-list{gap:4px}.searchicon{width:1.1rem;height:1.1rem}}@media screen and (max-width:768px){.hide-on-mobile,.pagination-item.ellipsis,.pagination-item.first,.pagination-item.last,.pagination-item.page-num{display:none}.pagination-item.page-num.active,.pagination-item.page-num.active~.pagination-item.page-num,.pagination-item.page-num.active~.pagination-item.page-num~.pagination-item.page-num{display:block}.searchicon{width:1.1rem;height:1.1rem}}@media screen and (max-width:576px){.pagination-item.ellipsis,.pagination-item.first,.pagination-item.last,.pagination-item.page-num{display:none}.pagination-item.page-num:nth-child(n+2):nth-child(-n+4){display:block}.card-title{font-size:1rem;line-height:1.2em;height:2.4em;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}.post-info{font-size:.7rem;gap:2px}.icon{width:.85rem;height:.85rem}.searchicon{width:1rem;height:1rem}}.button_rate{background:0 0;border:none;cursor:pointer;color:#555;font-size:1rem;display:flex;align-items:center}.button_rate i{margin-right:5px}@media screen and (min-width:769px){.hide-on-desktop{display:none}}#message-container{position:fixed;top:20px;right:20px;z-index:1000}.message{background-color:#333;color:#fff;padding:15px 20px;margin-bottom:10px;border-radius:5px;opacity:.9;min-width:250px;max-width:350px;box-shadow:0 2px 6px rgba(0,0,0,.3);animation:.5s forwards slideIn}.message.success{background-color:#28a745}.message.error{background-color:#dc3545}.message.info{background-color:#17a2b8}.message.warning{background-color:#ffc107;color:#212529}@keyframes slideIn{from{opacity:0;transform:translateX(100%)}to{opacity:.9;transform:translateX(0)}}.close-button{float:right;font-size:20px;font-weight:700;margin-left:15px;cursor:pointer}
main {
  padding-top: 10px !important;
}