.constants-web .tab-navigation-container{position:relative;margin-bottom:20px}.constants-web .tab-navigation{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:2px}.constants-web .tab-navigation::-webkit-scrollbar{display:none}.constants-web .tab-button{display:flex;align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:20px;padding:8px 16px;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:fit-content;font-size:14px;font-weight:500;color:var(--color-text-secondary);flex-shrink:0}.constants-web .tab-button:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.constants-web .tab-button.active{background:#7375a5;border-color:#7375a5;color:#fff}.constants-web .tab-button.active:hover{background:rgb(89.6086956522,91.6,139.3913043478);border-color:rgb(89.6086956522,91.6,139.3913043478)}.constants-web .tab-button.active .tab-icon{color:#fff}.constants-web .tab-button:focus{outline:2px solid #7375a5;outline-offset:2px}.constants-web .tab-icon{font-size:14px;transition:all .2s ease}.constants-web .foryou-section,.constants-web .trending-section{margin-top:20px;position:relative;overflow:hidden}.constants-web .foryou-section .section-header,.constants-web .trending-section .section-header{display:flex;align-items:center;margin-bottom:15px}.constants-web .trending-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 2px 4px rgba(255,107,107,.3);animation:pulse-trending 2s infinite}.constants-web .recommended-badge,.constants-web .trending-badge{color:#fff;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.constants-web .recommended-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px rgba(102,126,234,.3);animation:pulse-recommended 2s infinite}@keyframes pulse-trending{0%,to{box-shadow:0 2px 4px rgba(255,107,107,.3)}50%{box-shadow:0 2px 8px rgba(255,107,107,.5)}}@keyframes pulse-recommended{0%,to{box-shadow:0 2px 4px rgba(102,126,234,.3)}50%{box-shadow:0 2px 8px rgba(102,126,234,.5)}}.constants-web .empty-state{background:var(--color-bg-surface);border-radius:8px;border:1px dashed var(--color-border)}.constants-web .communities-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.constants-web .trending-section .account-card{background:var(--color-bg-surface);backdrop-filter:blur(10px);transition:all .3s ease}.constants-web .trending-section .account-card:hover{background:var(--color-bg-hover)}.constants-web .sort-container{position:relative}.constants-web .sort-container .button-fill{display:flex;align-items:center;gap:8px}.constants-web .popover-container{z-index:1000;margin-top:4px}.constants-web .popover-content{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-dropdown);min-width:180px;overflow:hidden}.constants-web .popover-content ul{list-style:none;margin:0;padding:0}.constants-web .popover-content .item-option-button{width:100%;text-align:left;border:none;background:var(--color-bg-surface);transition:background-color .2s ease;cursor:pointer;color:var(--color-text)}.constants-web .popover-content .item-option-button:hover{background-color:var(--color-bg-hover)}.constants-web .popover-content .item-option-button:not(:last-child){border-bottom:1px solid var(--color-border)}.constants-web .trending-grid{transition:opacity .3s ease}.constants-web .trending-grid.loading{opacity:.5}.constants-web .toggle-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(102,126,234,.2) 0,transparent 70%);transform:translate(-50%,-50%);transition:all .3s ease;border-radius:50%}.constants-web .toggle-button:hover:after{width:100px;height:100px}.constants-web .toggle-button.active:after{width:120px;height:120px;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 70%)}.constants-web .toggle-section-loading{opacity:.6;pointer-events:none}.constants-web .toggle-section-loading .toggle-button{cursor:not-allowed}@media(max-width:768px){.constants-web .tab-button{font-size:13px;padding:6px 12px}.constants-web .tab-icon{font-size:12px}.constants-web .tab-navigation-container{margin-bottom:15px}}@media(max-width:480px){.constants-web .tab-button{padding:6px 10px}.constants-web .tab-button span{font-size:12px}.constants-web .tab-icon{margin-right:4px!important;font-size:11px}.constants-web .foryou-section,.constants-web .trending-section{padding:15px}}