.trending-container{background-color:#fff;min-height:100vh;padding-bottom:60px}.trending-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.trending-spinner{border:3px solid #0578ff33;border-top-color:#0578ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.trending-loading-text{color:#000}.trending-header{padding:0 20px 20px}.trending-header-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1600px;margin:0 auto;display:flex}.trending-title{color:#000;margin:0}.trending-filters-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;margin:0 auto 20px;display:flex}.trending-filter-group{align-items:center;gap:20px;display:flex;position:relative}.trending-dropdown-arrow{color:#000;pointer-events:none;width:16px;height:16px;position:absolute;right:12px}.trending-hero-section{max-width:1600px;margin:0 auto;padding:40px 20px}.trending-hero-outer-box{background-color:#0f141a;border-radius:20px;padding:60px 40px}.trending-hero-header{justify-content:center;align-items:center;margin-bottom:30px;display:flex}.trending-hero-header-title{color:#fff;margin:0}.trending-hero-card{cursor:pointer;aspect-ratio:16/9;border-radius:16px;position:relative;overflow:hidden}.trending-hero-rank-badge{color:#fff;z-index:15;background-color:#0578ff;border-radius:0 0 10px 10px;padding:44px 20px 20px;font-size:30px;font-weight:700;position:absolute;top:-8px;right:30px;box-shadow:0 4px 12px #0578ff66}.trending-hero-image{width:100%;height:100%}.trending-hero-content{justify-content:space-between;align-items:flex-end;padding-top:1%;display:flex}.trending-hero-left-content{flex-direction:column;display:flex}.trending-hero-badge{color:#fff;display:inline-block}.trending-hero-title{color:#fff;margin:0}.trending-hero-actions{align-items:center;gap:24px;margin-right:1%;display:flex}.trending-hero-action-item{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.trending-hero-action-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.trending-hero-action-icon:hover{background-color:#0578ff}.trending-hero-action-label{color:#fff;text-transform:lowercase;font-size:11px;font-weight:500}.trending-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1600px;margin:0 auto;padding:0 20px;display:grid}.trending-card{cursor:pointer;background-color:#f5f3ef;border-radius:24px;padding:16px;transition:transform .3s;position:relative;overflow:visible}.trending-rank-badge{color:#fff;z-index:10;background-color:#0578ff;border-radius:0 0 8px 8px;padding:20px 10px 10px;font-size:18px;font-weight:700;position:absolute;top:0;right:30px;box-shadow:0 4px 12px #0578ff66}.trending-image-container{background-color:#e0e0e0;border-radius:16px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.trending-card-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.trending-card-hover-overlay{z-index:5;opacity:0;background:linear-gradient(#0000 30%,#00000026 45%,#00000073 70%,#000000bf 100%);justify-content:center;align-items:flex-end;transition:opacity .3s;display:flex;position:absolute;inset:0}.trending-image-container:hover .trending-card-hover-overlay{opacity:1!important}.trending-card-hover-actions{align-items:center;gap:24px;margin-bottom:28px;transition:transform .4s;display:flex;transform:translateY(12px)}.trending-image-container:hover .trending-card-hover-actions{transform:translateY(0)!important}.trending-card-action-item{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.trending-card-action-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.trending-card-action-label{color:#fff;font-size:12px;font-weight:500}.trending-card-content{justify-content:flex-start;align-items:center;gap:16px;padding:16px 0 0;display:flex}.trending-card-text-content{flex-direction:column;flex:1;gap:4px;display:flex}.trending-card-title{color:#000;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.trending-meta-row{align-items:center;gap:2px;display:flex}.trending-separator{background-color:currentColor;border-radius:50%;width:3px;height:3px;display:inline-block}.trending-card-meta{color:#000;margin:0}.trending-explore-button{text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:64px;display:flex}.trending-explore-icon{color:#fff;background-color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.trending-explore-label{color:#000;text-transform:lowercase;margin-top:4px;font-size:13px;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trending-grid>div:hover{transform:translateY(-4px)}.trending-grid>div:hover .trending-explore-icon{background-color:#0578ff}@media (hover:hover){.trending-hero-action-icon:hover{background-color:#0578ff!important;transform:none!important}}@media (min-width:1600px){.trending-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:1024px){.trending-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.trending-grid{grid-template-columns:1fr!important}.trending-hero-card{position:relative;height:auto!important;padding-top:56.25%!important}.trending-hero-card img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.trending-hero-header-title{text-align:center;margin:0!important;padding:2px 0!important}.trending-hero-rank-badge{padding:8px 12px!important;font-size:18px!important;right:10px!important}.trending-filters-container{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;display:flex!important}.trending-filter-group{width:48%!important}.trending-hero-action-icon{width:20px!important;height:20px!important}.trending-hero-actions{display:none!important}}.trending-dropdown-wrapper{position:relative}.trending-dropdown-button{cursor:pointer;color:#fff;min-width:140px;font-size:inherit;font-weight:inherit;background-color:#000;border:1.5px solid #0578ff;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;display:inline-flex}.trending-dropdown-button.active,.trending-dropdown-button:hover{background-color:#0578ff}.trending-dropdown-arrow{color:#fff;width:14px;height:14px;margin-left:12px;transition:transform .3s}.trending-dropdown-arrow.rotated{transform:rotate(180deg)}.trending-dropdown-panel{z-index:300;background-color:#000;border:1.5px solid #0578ff;border-radius:12px;width:260px;padding:12px;position:absolute;top:calc(100% + 12px);right:-48px}.trending-dropdown-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.trending-dropdown-item{cursor:pointer;color:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 8px;display:flex}.trending-dropdown-item.active{background-color:#0d1b2a}.trending-dropdown-item.active input{accent-color:#0578ff}.trending-dropdown-checkbox{accent-color:#0578ff;cursor:pointer;width:18px;height:18px}.trending-dropdown-empty{color:#666;padding:8px}.trending-modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.trending-modal-content{background-color:#fff;border-radius:16px;width:90%;max-width:500px;padding:32px;position:relative;box-shadow:0 10px 40px #0003}.trending-modal-close{cursor:pointer;color:#000;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex;position:absolute;top:16px;right:16px}.trending-modal-close:hover{color:#0578ff}.trending-modal-title{color:#000;margin:0 0 24px;font-size:clamp(.9375rem,2vw,1.375rem);font-weight:600}.trending-link-input-group{align-items:center;gap:12px;display:flex}.trending-link-input{color:#000;background-color:#f5f5f5;border:1.5px solid #0578ff;border-radius:8px;flex:1;padding:14px 16px;font-family:Courier New,monospace;font-size:14px}.trending-link-input:focus{background-color:#fff;outline:none}.trending-copy-link-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#0578ff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:all .3s;display:flex;font-family:Ember Modern Display Std!important;font-size:clamp(.9375rem,2vw,1.375rem)!important;font-weight:400!important}.trending-copy-link-button:hover{background-color:#0460cc;transform:translateY(-2px)}.trending-copy-link-button.copied{background-color:#10b981}.trending-copy-link-button svg{width:18px;height:18px}.trending-skeleton-title{background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 20%,#f0f0f0 40% 100%) 0 0/200% 100%;border-radius:12px;width:300px;height:44px;margin:30px auto;animation:2s infinite skeleton-shimmer}.trending-skeleton-filters{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;margin:0 auto 20px;display:flex}.trending-skeleton-filter-button{pointer-events:none;background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 20%,#f0f0f0 40% 100%) 0 0/200% 100%;border-radius:12px;min-width:140px;height:40px;animation:2s infinite skeleton-shimmer}.trending-skeleton-hero{max-width:1600px;margin:0 auto;padding:40px 20px}.trending-skeleton-hero-box{background-color:#0f141a;border-radius:20px;padding:60px 40px}.trending-skeleton-hero-image{aspect-ratio:16/9;background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 20%,#f0f0f0 40% 100%) 0 0/200% 100%;border-radius:16px;width:100%;margin-bottom:20px;animation:2s infinite skeleton-shimmer}.trending-skeleton-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1600px;margin:0 auto;padding:0 20px;display:grid}.trending-skeleton-card{background-color:#f5f3ef;border-radius:24px;padding:16px;overflow:hidden}.trending-skeleton-card-image{background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 20%,#f0f0f0 40% 100%) 0 0/200% 100%;border-radius:16px;width:100%;margin-bottom:12px;padding-top:56.25%;animation:2s infinite skeleton-shimmer}.trending-skeleton-card-title{background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 20%,#f0f0f0 40% 100%) 0 0/200% 100%;border-radius:8px;height:20px;margin:12px 0 8px;animation:2s infinite skeleton-shimmer}.trending-skeleton-card-meta{background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 20%,#f0f0f0 40% 100%) 0 0/200% 100%;border-radius:4px;width:70%;height:14px;animation:2s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}