.popular-today{margin-bottom:40px}.popular-today .section-header{align-items:flex-end;margin-bottom:24px}.section-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.popular-carousel-wrap{padding:0 4px;position:relative}.popular-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:10px;display:flex;overflow-x:auto}.popular-track::-webkit-scrollbar{display:none}.popular-card{scroll-snap-align:start;flex:0 0 calc(16.666% - 14px);min-width:180px}@media (max-width:1200px){.popular-card{flex:0 0 calc(20% - 13px)}}@media (max-width:1024px){.popular-card{flex:0 0 calc(25% - 12px)}}@media (max-width:768px){.popular-card{flex:0 0 calc(40% - 10px);min-width:150px}}@media (max-width:480px){.popular-card{flex:0 0 calc(70% - 10px)}}.popular-carousel-wrap .nav-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);color:#fff;z-index:10;cursor:pointer;opacity:0;width:36px;height:36px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:40%;transform:translateY(-50%)}.popular-carousel-wrap:hover .nav-btn{opacity:1}.popular-carousel-wrap .nav-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-50%)scale(1.1)}.popular-carousel-wrap .nav-btn.prev{left:-18px}.popular-carousel-wrap .nav-btn.next{right:-18px}@media (max-width:1200px){.popular-carousel-wrap .nav-btn.prev{left:10px}.popular-carousel-wrap .nav-btn.next{right:10px}}.popular-today-skeleton .skeleton-grid{gap:16px;display:flex;overflow:hidden}.popular-today-skeleton .skeleton-card{background:var(--bg-tertiary);background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;flex:0 0 calc(16.666% - 14px);min-width:180px;animation:1.5s linear infinite shimmer}
.genre-grid{flex-wrap:wrap;gap:10px;display:flex}.genre-tag{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;display:inline-flex}.genre-tag:hover{border-color:var(--genre-color,var(--accent-primary));color:var(--text-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 0 20px #8b5cf626}.genre-dot{background:var(--genre-color,var(--accent-primary));border-radius:50%;flex-shrink:0;width:8px;height:8px}
.patreon-ranking-widget{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);width:100%;max-width:340px;box-shadow:var(--shadow-card), 0 0 25px #f59e0b08;background:linear-gradient(135deg,#0e0e18cc 0%,#161625f2 100%);border:1px solid #ffffff14;flex-direction:column;margin:0 auto;padding:24px 20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.patreon-ranking-widget:before{content:"";z-index:2;background:linear-gradient(90deg,#facc15,#f59e0b,#eab308,#facc15) 0 0/300% 100%;height:3px;animation:6s infinite gradientShift;position:absolute;top:0;left:0;right:0}.patreon-ranking-widget:hover{border-color:#f59e0b4d;transform:translateY(-5px);box-shadow:0 20px 40px #000000b3,0 0 30px #f59e0b26}.patreon-header{z-index:1;text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex;position:relative}.patreon-crown-badge{filter:drop-shadow(0 0 8px #f59e0b80);margin-bottom:6px;font-size:1.6rem;animation:3s ease-in-out infinite float;display:inline-block}.patreon-title{font-family:var(--font-heading);flex-direction:column;align-items:center;margin:0;line-height:1.25;display:flex}.patreon-title-small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.patreon-title-large{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 4px #00000080;font-size:1.35rem;font-weight:900}.patreon-title span.gradient-text{background:linear-gradient(135deg,#facc15,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.patreon-tabs{z-index:1;border-radius:var(--radius-full);background:#00000059;border:1px solid #ffffff0d;margin-bottom:20px;padding:4px;display:flex;position:relative}.patreon-tab{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.04em;z-index:2;background:0 0;border:none;flex:1;padding:8px 0;font-size:.78rem;font-weight:750}.patreon-tab:hover{color:var(--text-primary)}.patreon-tab.active{color:#06060b;background:linear-gradient(135deg,#facc15,#f59e0b);font-weight:900;box-shadow:0 3px 12px #f59e0b66}.patreon-list{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.patreon-item{border-radius:var(--radius-md);background:#16162566;border:1px solid #ffffff0a;align-items:center;padding:10px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.patreon-item:hover{background:#161625bf;border-color:#ffffff1a;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 16px #0000004d}.patreon-rank-badge{color:var(--text-secondary);background:#0009;border:1px solid #ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;font-size:.68rem;font-weight:800;display:flex}.patreon-avatar-wrapper{border-radius:50%;flex-shrink:0;width:36px;height:36px;margin-right:10px;position:relative}.patreon-avatar-img{object-fit:cover;border:1.5px solid #ffffff1a;border-radius:50%;width:100%;height:100%}.patreon-avatar-letter{color:#fff;background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.05rem;font-weight:900;display:flex}.avatar-crown-overlay{filter:drop-shadow(0 1px 3px #0006);font-size:.9rem;animation:2.5s ease-in-out infinite float;position:absolute;top:-7px;right:-7px;transform:rotate(15deg)}.patreon-details{flex-direction:column;flex-grow:1;min-width:0;display:flex}.patreon-name{color:var(--text-primary);word-break:break-word;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:850;overflow:hidden}.patreon-tier-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-top:1px;font-size:.62rem;font-weight:700}.patreon-value-badge{color:var(--accent-gold);text-shadow:0 0 6px #fbbf241a;background:#fbbf240d;border:1px solid #fbbf241f;border-radius:11px;flex-shrink:0;align-items:center;gap:3px;margin-left:6px;padding:3px 7px;font-size:.7rem;font-weight:800;display:flex}.coin-mini-icon{font-size:.75rem}.patreon-item.rank-1{background:linear-gradient(135deg,#f59e0b1a 0%,#fbbf2408 100%);border:1px solid #fbbf2459;box-shadow:0 3px 10px #fbbf240d}.patreon-item.rank-1:hover{background:linear-gradient(135deg,#f59e0b33 0%,#fbbf240f 100%);border-color:#fbbf2480;box-shadow:0 6px 18px #fbbf241f}.patreon-item.rank-1 .patreon-rank-badge{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.patreon-item.rank-1 .patreon-avatar-img,.patreon-item.rank-1 .patreon-avatar-letter{border-color:var(--accent-gold);box-shadow:0 0 8px #fbbf2440}.patreon-item.rank-1 .patreon-avatar-letter{background:radial-gradient(circle,#f59e0b,#d97706)}.patreon-item.rank-1 .patreon-name{color:var(--accent-gold);text-shadow:0 0 8px #fbbf2433}.patreon-item.rank-1 .patreon-tier-label{color:#fbd58b}.patreon-item.rank-1 .patreon-value-badge{color:#fff;background:#fbbf2429;border-color:#fbbf2459}.patreon-item.rank-2{background:linear-gradient(135deg,#9ca3af14 0%,#d1d5db05 100%);border:1px solid #9ca3af40}.patreon-item.rank-2:hover{background:linear-gradient(135deg,#9ca3af26 0%,#d1d5db0d 100%);border-color:#9ca3af61}.patreon-item.rank-2 .patreon-rank-badge{color:#000;background:#9ca3af;border-color:#9ca3af}.patreon-item.rank-2 .patreon-avatar-img,.patreon-item.rank-2 .patreon-avatar-letter{border-color:#9ca3af;box-shadow:0 0 6px #9ca3af2e}.patreon-item.rank-2 .patreon-avatar-letter{background:radial-gradient(circle,#9ca3af,#6b7280)}.patreon-item.rank-2 .patreon-name{color:#f3f4f6}.patreon-item.rank-2 .patreon-tier-label{color:#d1d5db}.patreon-item.rank-3{background:linear-gradient(135deg,#d977060f 0%,#f59e0b03 100%);border:1px solid #d9770638}.patreon-item.rank-3:hover{background:linear-gradient(135deg,#d9770624 0%,#f59e0b0a 100%);border-color:#d9770659}.patreon-item.rank-3 .patreon-rank-badge{color:#000;background:#d97706;border-color:#d97706}.patreon-item.rank-3 .patreon-avatar-img,.patreon-item.rank-3 .patreon-avatar-letter{border-color:#d97706;box-shadow:0 0 6px #d977061f}.patreon-item.rank-3 .patreon-avatar-letter{background:radial-gradient(circle,#d97706,#b45309)}.patreon-item.rank-3 .patreon-name{color:#f9fafb}.patreon-item.rank-3 .patreon-tier-label{color:#fcd34d}.patreon-empty-state{text-align:center;flex-direction:column;align-items:center;padding:12px 10px;display:flex}.patreon-empty-crown{z-index:1;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex;position:relative}.crown-emoji{filter:drop-shadow(0 0 10px #f59e0b99);font-size:1.8rem;animation:2.5s ease-in-out infinite float;display:inline-block}.crown-pulse{z-index:-1;background:radial-gradient(circle,#f59e0b40 0%,#0000 70%);border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite glowPulse;position:absolute}.patreon-empty-title{font-family:var(--font-heading);color:#fff;text-shadow:0 1px 2px #0006;margin:0 0 6px;font-size:1.05rem;font-weight:850}.patreon-empty-text{color:var(--text-secondary);max-width:250px;margin:0 0 16px;font-size:.76rem;line-height:1.5}.patreon-empty-text strong{color:var(--accent-gold)}.patreon-empty-cta{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;color:#06060b;cursor:pointer;background:linear-gradient(135deg,#facc15,#f59e0b);justify-content:center;align-items:center;margin-top:4px;padding:10px 24px;font-size:.75rem;font-weight:850;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #f59e0b59}.patreon-empty-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f59e0b80,0 0 10px #fef08a4d}.patreon-empty-cta:active{transform:translateY(0)}.patreon-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:24px 0;font-size:.78rem;font-weight:600;display:flex}.patreon-spinner{border:2px solid #f59e0b1a;border-top-color:var(--accent-gold);border-radius:50%;width:26px;height:26px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.patreon-see-more{width:100%;color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.03em;background:#ffffff08;border:1px solid #ffffff0d;justify-content:center;align-items:center;margin-top:16px;padding:9px 0;font-size:.74rem;font-weight:750;text-decoration:none;display:flex}.patreon-see-more:hover{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 4px 10px #00000026}
.home-section{margin-bottom:var(--section-gap);animation:.6s forwards fadeIn}@media (max-width:768px){.home-section{margin-bottom:var(--section-gap-mobile)}}.container .home-section:first-child{animation-delay:.1s}.container .home-section:nth-child(2){animation-delay:.2s}.container .home-section:nth-child(3){animation-delay:.3s}