:root{--font-color:#262626;--font-family:'Inter','proxima-nova',Arial,Tahoma,sans-serif;--primary-color:rgb(16,131,254);--secondary-color:rgb(66,87,108);--border-color:rgb(230,230,230);--subtle-background-color:#f5f5f5;--darkest-color:#000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:15px;background-color:#fff;color:var(--font-color)}.top-bar{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:10px 20px;position:sticky;top:0;z-index:100;max-width:1280px;margin:0 auto}.search-bar-placeholder{background-color:var(--subtle-background-color);padding:8px 15px;border-radius:9999px;font-size:15px;color:var(--secondary-color);width:300px;text-align:left}.user-avatar{width:40px;height:40px;background-color:var(--subtle-background-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--secondary-color)}.global-container{display:grid;grid-template-columns:250px 1fr 300px;gap:20px;max-width:1280px;margin:0 auto;padding:20px;min-height:100vh;position:relative}.mobile-nav-toggle{display:none;background-color:var(--primary-color);color:#fff;border:none;padding:8px 12px;font-size:18px;cursor:pointer;border-radius:50%;transition:background-color 0.2s;margin-right:10px}.mobile-nav-toggle:hover{background-color:rgb(13,110,213)}.sidebar-left{position:sticky;top:90px;height:calc(100vh - 80px);overflow-y:auto;align-self:start;z-index:9991}.sidebar-right{position:sticky;top:90px;height:calc(100vh - 80px);overflow-y:auto;align-self:start}nav ul{list-style:none}.nav-item{padding:15px 20px;font-size:19px;font-weight:700;cursor:pointer;background-color:#fff;margin-bottom:5px;border-radius:10px;color:var(--font-color);text-align:left}.nav-item:not(.nav-item-no-hover):hover{background-color:var(--subtle-background-color)}.nav-item a{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-item{position:relative}.nav-item a:not(.btn-primary){color:inherit}.nav-item svg{width:1.5rem;height:1.5rem;stroke:var(--secondary-color)}.nav-search{display:none}.main-content{background-color:#fff;border-radius:10px;padding:0;margin:0;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;min-height:100%;overflow:visible}.main-header{padding-bottom:20px;border-bottom:1px solid var(--border-color);background-color:transparent;position:sticky;top:0;z-index:10;margin-top:1px}.main-header h2{font-size:20px;font-weight:800;color:var(--font-color)}.trends-placeholder,.suggestions-placeholder{background-color:transparent;padding:20px;border-radius:10px;margin-bottom:20px;border:1px solid var(--border-color)}.trends-placeholder h3,.suggestions-placeholder h3{font-size:20px;font-weight:800;color:var(--font-color);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border-color)}.trend-item,.suggestion-item{padding:10px;margin:5px 0;background-color:var(--subtle-background-color);border-radius:5px;text-align:left;border-bottom:1px solid var(--border-color);font-size:15px}.trend-item:hover,.suggestion-item:hover{background-color:rgba(0,0,0,0.05)}.trend-item:last-child,.suggestion-item:last-child{border-bottom:none}.hamburger{display:none}.hamburger{display:none}.hamburger .mobile-nav-toggle{background:none;color:var(--font-color);padding:8px;font-size:23px;border-radius:0;transition:none;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.hamburger .mobile-nav-toggle:hover{background:none}.top-bar.sidebar-open .hamburger .mobile-nav-toggle,.top-bar.sidebar-open .hamburger .mobile-nav-toggle i{color:var(--primary-color)}.logo-wrap img{height:50px}.logo{display:none}.logo_lg{display:block}.post-round-btn{position:fixed;bottom:80px;right:1rem;background-color:var(--primary-color);color:#fff;width:65px;height:65px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);cursor:pointer;transition:background-color 0.3s ease;z-index:1000;animation:pulse 1.5s infinite;font-size:21px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.post-round-btn i{color:#fff}@media (max-width:1200px){.global-container{grid-template-columns:200px 1fr;grid-template-areas:"left main" "left main"}.sidebar-left{top:60px;width:200px}.sidebar-right{display:none}.nav-item{font-size:18px;padding:12px}.main-content{border:none}.top-bar{padding:10px 15px}.search-bar-placeholder{width:250px}.btn-primary{max-width:160px}}.top-home{z-index:2}@media (min-width:1201px){.top-home{z-index:999}}@media (min-width:768px){.post-round-btn{display:none!important}.logo{display:none}}@media (max-width:768px){.top-bar{padding:8px 15px;display:flex;align-items:center;justify-content:space-between}.hamburger{display:block;z-index:101;min-width:40px;min-height:40px}.hamburger .mobile-nav-toggle{background:none;color:var(--font-color);padding:8px;font-size:23px;border-radius:0;transition:none;position:static;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.logo-wrap{margin-right:auto}.logo{display:block}.logo_lg{display:none}.search-bar-placeholder{display:none}.user-avatar{width:32px;height:32px;font-size:12px;margin-left:auto}.sidebar-left{display:block;position:fixed;top:56px;left:0;width:250px;height:calc(100% - 56px);background-color:#fff;z-index:9991;padding:20px;box-shadow:2px 0 5px rgba(0,0,0,0.1);opacity:0;transition:opacity 0.3s ease-in-out}.sidebar-left.active{opacity:1}.sidebar-right{display:none}.global-container{grid-template-columns:1fr;grid-template-areas:"main";padding:10px}.main-content{width:100%;grid-area:main}}@media (max-width:480px){.top-bar{padding:8px 10px}.logo-wrap img{height:40px}.hamburger .mobile-nav-toggle{font-size:20px;padding:6px}.user-avatar{width:28px;height:28px;font-size:11px}}