*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg:#050505;--color-surface:#0a0a0a;--color-green:#007777;--color-red:#ff0000;--color-text:#ffffff;--color-text-muted:#999999;scroll-padding-top:80px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}body::before{content:'';position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:url('assets/universe.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.2;z-index:0;pointer-events:none}header{background:var(--color-surface);padding:1rem 2rem;border-bottom:2px solid var(--color-green);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);relative:z-index}.header-content{max-width:1920px;margin:0 auto;display:grid;grid-template-columns:minmax(auto,200px) 1fr minmax(auto,200px);align-items:center;gap:1rem}.header-logo-section{display:flex;align-items:center;gap:0.75rem;justify-content:flex-start}.search-container{max-width:700px;margin:0 auto;width:100%;display:flex;align-items:center;background:var(--color-bg);border:1px solid rgba(255,255,255,0.15);border-radius:50px;padding:0.75rem 1.25rem;gap:0.75rem;transition:all 0.3s ease}.mobile-date-nav{display:none}.mobile-date-arrow{display:none}.search-container:focus-within{border-color:rgba(0,217,217,0.6);box-shadow:0 0 0 1px rgba(0,217,217,0.3);background:rgba(0,217,217,0.03)}.search-input{flex:1;background:none;border:none;outline:none;color:var(--color-text);font-size:1rem;padding:0.5rem}.search-input::placeholder{color:var(--color-text-muted)}.header-btn{background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;padding:0.5rem;width:40px;height:40px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.header-btn:hover{color:rgba(0,217,217,1);background:rgba(0,217,217,0.1)}.header-btn svg{width:20px;height:20px;fill:currentColor}.trend-header-icon{font-size:1.1rem;font-weight:900;line-height:1}.header-btn{position:relative}.filter-indicator{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-red);border-radius:50%;border:2px solid var(--color-surface);opacity:0;transform:scale(0);transition:all 0.3s ease}.filter-indicator.active{opacity:1;transform:scale(1)}.header-video-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:0.3rem 0.65rem;background:rgba(255,0,0,0.12);border:1px solid rgba(255,0,0,0.25);border-radius:12px;font-size:0.75rem;color:rgba(255,0,0,0.9);font-weight:600;min-width:32px;transition:all 0.3s ease}.header-video-count-badge:hover{background:rgba(255,0,0,0.18);border-color:rgba(255,0,0,0.35)}.sticky-date{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1500;opacity:0;transform:translateY(100px) scale(0.8);pointer-events:none}.sticky-date.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-arrow{font-size:1rem;font-weight:900;color:#fff;animation:glowBounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.8)) drop-shadow(0 0 12px rgba(255,255,150,0.9));line-height:1}@keyframes glowBounce{0%,100%{transform:translateY(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.8)) drop-shadow(0 0 12px rgba(255,255,150,0.9))}50%{transform:translateY(-8px);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.9)) drop-shadow(0 0 20px rgba(255,255,150,1)) drop-shadow(0 0 30px rgba(255,255,100,0.7))}}.calendar-icon{width:60px;height:60px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.6),0 4px 12px rgba(0,0,0,0.4);display:flex;flex-direction:column;overflow:hidden;transition:all 0.3s ease}.calendar-icon:hover{transform:scale(1.08) translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.7),0 6px 16px rgba(0,0,0,0.5)}.calendar-header{background:var(--color-red);color:#fff;font-size:0.5rem;font-weight:700;text-align:center;padding:0.25rem 0;letter-spacing:0.5px;line-height:1}.calendar-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:0.2rem}.calendar-date{color:#000;font-size:1.5rem;font-weight:700;line-height:1;margin:0.1rem 0}.calendar-month{color:#000;font-size:0.5rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;line-height:1}@media (max-width:768px){.sticky-date{bottom:1.5rem;right:1.5rem}.scroll-arrow{font-size:1rem}.calendar-icon{width:54px;height:54px}.calendar-date{font-size:1.3rem}.calendar-month{font-size:0.45rem}}.hero{background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.75) 100%),linear-gradient(to right,transparent 0%,rgba(0,0,0,0.6) 100%),url('assets/herogym.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;padding:4rem 2rem 3.5rem;text-align:center;position:relative;overflow:hidden;z-index:1}.hero::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,217,217,0.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto}.hero-logo{max-width:180px;height:auto;margin:0 auto 0.75rem;filter:drop-shadow(0 10px 30px rgba(0,217,217,0.3))}.hero h2{font-size:2.9rem;font-weight:700;color:#ffffff;margin-bottom:0.75rem;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,0.5);font-family:'Corinthia',cursive}.hero-tagline{font-size:1.25rem;color:var(--color-green);font-weight:600;margin-bottom:0.75rem;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.hero p{font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.5}.hero-cta-group{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 2rem;background:linear-gradient(135deg,var(--color-green) 0%,rgba(0,217,217,0.8) 100%);color:#000;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;text-decoration:none;box-shadow:0 10px 30px rgba(0,217,217,0.3)}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,217,217,0.5)}.hero-cta-secondary{background:transparent;border:2px solid var(--color-green);color:var(--color-green);box-shadow:none}.hero-cta-secondary:hover{background:rgba(0,217,217,0.1);box-shadow:0 5px 20px rgba(0,217,217,0.2)}@media (max-width:768px){.hero{background:linear-gradient(135deg,rgba(0,119,119,0.2) 0%,rgba(255,0,0,0.1) 100%),radial-gradient(circle at 20% 50%,rgba(0,217,217,0.1) 0%,transparent 50%),var(--color-bg);padding:2rem 1rem 1.5rem}.hero-logo{max-width:140px;margin-bottom:1rem}.hero h2{font-size:1.75rem}.hero-tagline{font-size:1.1rem}.hero p{font-size:0.9rem;margin-bottom:1.25rem}.hero-cta-group{flex-direction:column;width:100%}.hero-cta{width:100%;justify-content:center}}.date-navigation{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 1rem 1rem;max-width:600px;margin:0 auto}.date-nav-btn{border:none;color:#fff;width:25px;height:25px;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:bold;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}#prevDate{background:var(--color-red)}#nextDate{background:var(--color-red)}.date-nav-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.4)}.date-nav-btn:disabled{opacity:0.3;cursor:not-allowed;background:rgba(255,255,255,0.03) !important;border-color:rgba(255,255,255,0.08) !important;color:rgba(255,255,255,0.3) !important}.current-date{text-align:center}.current-date h3{font-size:1.5rem;color:var(--color-green);margin-bottom:0.25rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;padding:0.5rem;border-radius:8px}.current-date h3:hover{background:rgba(0,217,217,0.1);transform:scale(1.02)}.browse-section{text-align:center;padding:0rem 1rem 0.5rem;max-width:600px;margin:0 auto}.browse-text{font-size:0.9rem;color:var(--color-text-muted);margin:0 0 0.25rem 0}.browse-subtext{font-size:0.9rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-wrap:wrap;margin:0}@media (max-width:768px){.browse-text{font-size:0.85rem}.browse-subtext{font-size:0.85rem}}.date-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:3000;display:none;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px)}.date-picker-overlay.active{display:flex}.date-picker{background:var(--color-surface);border:2px solid var(--color-green);border-radius:16px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,217,217,0.3);animation:slideUp 0.3s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,217,217,0.2)}.date-picker-header h3{color:var(--color-green);font-size:1.3rem;font-weight:700;flex:1;text-align:center}.date-picker-nav{background:rgba(0,217,217,0.1);border:1px solid var(--color-green);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:var(--color-green);font-size:1.2rem;font-weight:700}.date-picker-nav:hover{background:rgba(0,217,217,0.2);transform:scale(1.1)}.date-picker-nav:disabled{opacity:0.3;cursor:not-allowed;background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0.5rem;margin-bottom:0.5rem}.calendar-weekday{text-align:center;color:var(--color-text-muted);font-size:0.75rem;font-weight:600;padding:0.5rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:0.5rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all 0.2s ease;color:var(--color-text);font-size:0.9rem;font-weight:600;border:2px solid transparent}.calendar-day:hover:not(.disabled):not(.selected){background:rgba(0,217,217,0.15);border-color:rgba(0,217,217,0.3)}.calendar-day.selected{background:var(--color-green);color:#000;border-color:var(--color-green);box-shadow:0 0 15px rgba(0,217,217,0.5)}.calendar-day.today{border-color:var(--color-red)}.calendar-day.disabled{color:var(--color-text-muted);opacity:0.3;cursor:not-allowed}.calendar-day.other-month{color:var(--color-text-muted);opacity:0.4}.date-picker-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,217,217,0.2);display:flex;gap:0.75rem;flex-wrap:wrap}.date-picker-btn{flex:1;padding:0.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:2px solid;white-space:nowrap;min-width:0}.date-picker-btn.today{background:rgba(255,0,0,0.2);border-color:var(--color-red);color:var(--color-red);flex:0 0 auto;padding-left:1rem;padding-right:1rem}.date-picker-btn.today:hover{background:rgba(255,0,0,0.3);box-shadow:0 4px 15px rgba(255,0,0,0.3);transform:translateY(-2px)}.date-picker-btn.primary{background:var(--color-green);border-color:var(--color-green);color:#000}.date-picker-btn.primary:hover{box-shadow:0 4px 15px rgba(0,217,217,0.4);transform:translateY(-2px)}.date-picker-btn.secondary{background:transparent;border-color:rgba(255,255,255,0.2);color:var(--color-text)}.date-picker-btn.secondary:hover{border-color:var(--color-red);color:var(--color-red)}@media (max-width:768px){.date-picker{max-width:calc(100vw - 2rem)}.date-picker-header h3{font-size:1.1rem}.calendar-day{font-size:0.85rem}.date-picker-footer{flex-direction:column}.date-picker-btn{width:100%}.date-picker-btn.today{order:-1}}.filter-sheet{position:fixed;top:-100%;left:0;right:0;background:var(--color-surface);border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:1.5rem 2rem 0;max-height:70vh;display:flex;flex-direction:column;z-index:2000;transition:top 0.3s ease;box-shadow:0 10px 40px rgba(0,0,0,0.6)}.filter-sheet.active{top:0}.filter-sheet-content{flex:1;overflow-y:auto;padding-bottom:1rem}.mobile-search-section{display:none;margin-bottom:1.5rem}.mobile-search-input-wrapper{position:relative;display:flex;align-items:center}.mobile-search-input{width:100%;padding:0.85rem 1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:12px;color:var(--color-text);font-size:0.95rem;transition:all 0.2s ease}.mobile-search-input:focus{outline:none;border-color:var(--color-green);background:rgba(255,255,255,0.08)}.mobile-search-input::placeholder{color:var(--color-text-muted)}@media (max-width:768px){.mobile-search-section{display:block}}.filter-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:1999;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.filter-overlay.active{opacity:1;pointer-events:auto}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(255,255,255,0.1)}.filter-header h3{font-size:1.3rem;color:#fff;font-weight:700}.filter-section{margin-bottom:1.5rem}.filter-section h4{color:rgba(255,255,255,0.6);font-size:0.85rem;margin-bottom:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.genre-count{color:var(--color-green);font-size:0.75rem;font-weight:400;text-transform:none;letter-spacing:0;margin-left:0.5rem;opacity:0.8}.filter-options{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}@media (max-width:768px){.filter-options{grid-template-columns:1fr;gap:0.5rem}.filter-option{padding:0.6rem 0.75rem}.filter-option span{font-size:0.85rem}}.filter-option{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;transition:all 0.2s ease;user-select:none}.filter-option:hover{background:rgba(255,255,255,0.08);border-color:rgba(0,217,217,0.3)}.filter-option.active{background:rgba(0,217,217,0.12);border-color:var(--color-green)}.filter-option input[type="checkbox"]{width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:var(--color-green)}.filter-option span{color:rgba(255,255,255,0.85);font-size:0.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-option.active span{color:var(--color-green);font-weight:600}.filter-chip{padding:0.6rem 1.2rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.8);cursor:pointer;transition:all 0.2s ease;font-size:0.9rem;font-weight:500}.filter-chip:hover{border-color:rgba(0,217,217,0.5);background:rgba(0,217,217,0.08);color:var(--color-green)}.filter-chip.active{border-color:var(--color-green);background:rgba(0,217,217,0.15);color:var(--color-green)}.filter-actions{display:flex;gap:0.75rem;padding:1rem 0 1.5rem;border-top:1px solid rgba(255,255,255,0.1);background:var(--color-surface);position:sticky;bottom:0;margin-top:auto}.filter-actions button{flex:1;padding:0.85rem;border-radius:8px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease}.filter-apply{background:var(--color-green);border:none;color:#000}.filter-apply:hover{box-shadow:0 4px 15px rgba(0,217,217,0.4)}.filter-clear{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.filter-clear:hover{border-color:var(--color-red);color:var(--color-red)}.filter-notification{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,0.98);border-top:3px solid var(--color-green);padding:1.5rem 2rem;z-index:9998;box-shadow:0 -10px 40px rgba(0,0,0,0.8);transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}.filter-notification.visible{transform:translateY(0)}.filter-notification-content-wrapper{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.filter-notification-icon{font-size:2rem;flex-shrink:0}.filter-notification-content{flex:1;min-width:200px}.filter-notification-content strong{font-weight:800;display:block;margin-bottom:0.35rem;color:var(--color-green);font-size:1.1rem}.filter-notification-content span{color:var(--color-text);font-size:0.95rem}.filter-notification-actions{display:flex;gap:0.75rem;flex-shrink:0}.filter-notification-btn{padding:0.75rem 1.5rem;border-radius:8px;font-size:0.9rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;border:2px solid}.filter-notification-btn.clear{background:var(--color-red);border-color:var(--color-red);color:#fff}.filter-notification-btn.clear:hover{background:#cc0000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,0,0,0.4)}.filter-notification-btn.dismiss{background:transparent;border-color:rgba(255,255,255,0.3);color:var(--color-text)}.filter-notification-btn.dismiss:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5)}.filter-notification-close{background:none;border:none;color:var(--color-text);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;margin-left:auto}.filter-notification-close:hover{color:var(--color-red);transform:scale(1.2)}@media (max-width:768px){.filter-notification{padding:1.25rem 1rem}.filter-notification-content-wrapper{flex-direction:column;align-items:flex-start;gap:1rem}.filter-notification-icon{font-size:1.5rem}.filter-notification-actions{width:100%;flex-direction:column}.filter-notification-btn{width:100%;text-align:center}.filter-notification-close{position:absolute;top:0.75rem;right:0.75rem}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,0.98);border-top:3px solid var(--color-green);padding:1.5rem 2rem;z-index:9999;box-shadow:0 -10px 40px rgba(0,0,0,0.8);transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}.cookie-consent.visible{transform:translateY(0)}.cookie-consent-wrapper{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cookie-consent-icon{font-size:2rem;flex-shrink:0}.cookie-consent-content{flex:1;min-width:200px}.cookie-consent-content strong{font-weight:800;display:block;margin-bottom:0.35rem;color:var(--color-green);font-size:1.1rem}.cookie-consent-content p{color:var(--color-text);font-size:0.95rem;line-height:1.5;margin:0}.cookie-consent-content a{color:var(--color-green);text-decoration:underline}.cookie-consent-actions{display:flex;gap:0.75rem;flex-shrink:0}.cookie-consent-btn{padding:0.75rem 1.5rem;border-radius:8px;font-size:0.9rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;border:2px solid}.cookie-consent-btn.accept{background:var(--color-green);border-color:var(--color-green);color:#000}.cookie-consent-btn.accept:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,217,217,0.4)}.cookie-consent-btn.decline{background:transparent;border-color:rgba(255,255,255,0.3);color:var(--color-text)}.cookie-consent-btn.decline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5)}@media (max-width:768px){.cookie-consent{padding:1.25rem 1rem}.cookie-consent-wrapper{flex-direction:column;align-items:flex-start;gap:1rem}.cookie-consent-icon{font-size:1.5rem}.cookie-consent-content strong{font-size:1rem}.cookie-consent-content p{font-size:0.85rem}.cookie-consent-actions{width:100%;flex-direction:column}.cookie-consent-btn{width:100%;text-align:center}}.filter-persistence-info{background:rgba(0,217,217,0.08);border:1px solid rgba(0,217,217,0.3);border-radius:8px;padding:0.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem}.filter-persistence-info-icon{font-size:1.2rem;flex-shrink:0}.filter-persistence-info-text{color:var(--color-green);font-size:0.85rem;line-height:1.4;flex:1}.filter-persistence-info-text strong{font-weight:700;display:block}.loading-overlay{position:fixed;top:80px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999;border-radius:0}.loading-overlay.hidden{display:none}.loading-image{max-width:200px;max-height:200px;width:100%;height:auto;object-fit:contain}main{flex:1;padding:1rem 0.5rem;width:100%;overflow-x:hidden;max-width:1920px;margin:0 auto;position:relative;z-index:1}.trend-view-header{display:none;align-items:center;justify-content:space-between;gap:1rem;padding:0 0.5rem 1rem}body.is-trend-view .trend-view-header{display:flex}.trend-back-btn{padding:0.6rem 1rem;gap:0.5rem;min-width:auto}.trend-back-text{font-weight:700}.trend-view-title{color:var(--color-text);font-weight:800;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.is-trend-view .header-date-section,body.is-trend-view .mobile-date-nav,body.is-trend-view #filterBtn,body.is-trend-view #filterSheet,body.is-trend-view #filterOverlay,body.is-trend-view #stickyDate{display:none !important}.trend-pagination{display:none;align-items:center;justify-content:center;flex-direction:column;gap:0.75rem;padding:1.5rem 0.5rem 0.5rem}body.is-trend-view .trend-pagination{display:flex}.trend-load-more-btn{padding:0.75rem 1.25rem;min-width:auto;gap:0.5rem}.trend-load-more-text{font-weight:800}.trend-no-more{display:none;color:var(--color-text-muted);font-weight:700;font-size:0.95rem;text-align:center}.content-summary{padding:1rem 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:flex-end}.video-count-display{display:inline-flex;align-items:center;justify-content:center;padding:0.35rem 0.75rem;background:rgba(255,0,0,0.12);border:1px solid rgba(255,0,0,0.25);border-radius:12px;font-size:0.8rem;color:rgba(255,0,0,0.9);font-weight:600;letter-spacing:0.02em;min-width:40px;transition:all 0.3s ease}.video-count-display:hover{background:rgba(255,0,0,0.18);border-color:rgba(255,0,0,0.35)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2rem 2rem;width:100%;padding:0}.cards-grid .trend-date-header{grid-column:1 / -1;padding:0.75rem 1rem;border-radius:10px;background:rgba(0,119,119,0.08);border:1px solid rgba(0,119,119,0.35);color:var(--color-text);font-weight:900;letter-spacing:0.02em}@media (min-width:768px){main{padding:2rem 1rem}.cards-grid{padding:0 1rem}}@media (min-width:1024px){main{padding:3rem 4rem}.cards-grid{gap:3rem 2rem;padding:0}}.card{position:relative;background:var(--color-surface);border:2px solid rgba(255,255,255,0.15);border-radius:12px;transition:all 0.3s ease;aspect-ratio:16 / 9;overflow:hidden;cursor:pointer}.trending-banner{position:absolute;top:14px;right:-48px;transform:rotate(45deg);background:var(--color-red);color:var(--color-text);font-size:0.7rem;font-weight:800;letter-spacing:0.08em;padding:0.25rem 3.25rem;z-index:12;pointer-events:none;text-transform:uppercase;box-shadow:0 6px 16px rgba(0,0,0,0.65)}.card-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--color-surface)}.card-bg.loading{background:linear-gradient( 90deg,var(--color-surface) 0%,rgba(0,119,119,0.1) 50%,var(--color-surface) 100% );background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.3) 100%);padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:all 0.3s ease}.card:hover .card-overlay,.card.active .card-overlay{opacity:1}.card:hover,.card.active{transform:scale(1.03);border-color:rgba(0,217,217,0.6);box-shadow:0 8px 25px rgba(0,217,217,0.3);z-index:10}.card h2{color:#ffffff;margin-bottom:0.5rem;font-size:1.1rem;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,0.9);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card p{color:var(--color-text);margin-bottom:0.75rem;font-size:0.95rem;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,0.8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-buttons{display:flex;gap:0.5rem;justify-content:space-between;align-items:center;overflow:hidden}.genre-badge{display:inline-flex;align-items:center;padding:0.4rem 0.8rem;background:rgba(0,119,119,0.3);border:1px solid var(--color-green);border-radius:6px;font-size:0.75rem;font-weight:600;color:var(--color-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;transition:all 0.3s ease;flex-shrink:1}.card:hover .genre-badge,.card.active .genre-badge{transform:translateX(-10px);opacity:0;max-width:0;padding:0}.button-group{display:flex;gap:0.5rem;flex-shrink:0}.card-actions-trigger{min-width:auto;padding:0.6rem 1rem 0.6rem 0.8rem;gap:0.4rem}.card-actions-trigger:hover,.card-actions-trigger:active{min-width:auto;padding:0.6rem 1rem 0.6rem 0.8rem;gap:0.4rem}.card-actions-trigger:hover .btn-icon,.card-actions-trigger:active .btn-icon{margin-right:0}.card-actions-trigger .btn-icon{margin-right:0.25rem}.card-actions-trigger .btn-text{position:relative;left:0;opacity:1;padding-left:0}.card-actions-popover{position:fixed;z-index:9999;border-radius:12px;padding:0.8rem;background:rgba(0,0,0,0.92);border:2px solid rgba(255,255,255,0.15);box-shadow:0 12px 30px rgba(0,0,0,0.6);width:min(360px,calc(100vw - 24px))}.card-actions-popover[hidden]{display:none}.card-actions-list{display:flex;flex-direction:column;gap:0.6rem}.card-actions-popover .btn{width:100%;justify-content:flex-start;min-width:0;padding:0.75rem 1rem;gap:0.5rem}.card-actions-popover .btn:hover,.card-actions-popover .btn:active{min-width:0;padding:0.75rem 1rem;gap:0.5rem}.card-actions-popover .btn:hover .btn-icon,.card-actions-popover .btn:active .btn-icon{margin-right:0}.card-actions-popover .btn-icon{margin-right:0.4rem}.card-actions-popover .btn-text{position:relative;left:0;opacity:1;padding-left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0rem;padding:0.6rem;min-width:44px;min-height:44px;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.3s ease;border:2px solid;cursor:pointer;flex-shrink:0;white-space:nowrap;overflow:hidden;position:relative}.btn-icon{font-size:1.2rem;line-height:1;transition:all 0.3s ease;position:relative;z-index:1}.btn-text{position:absolute;left:100%;opacity:0;transition:all 0.3s ease;padding-left:0.5rem;white-space:nowrap}.btn:hover,.btn:active{min-width:auto;padding:0.6rem 1rem 0.6rem 0.6rem;gap:0.4rem}.btn:hover .btn-icon,.btn:active .btn-icon{margin-right:0.4rem}.btn:hover .btn-text,.btn:active .btn-text{position:relative;left:0;opacity:1}.btn-primary{background:var(--color-green);border-color:var(--color-green);color:#fff}.btn-primary:hover{box-shadow:0 0 20px rgba(0,217,217,0.5)}.btn-secondary{background:var(--color-red);border-color:var(--color-red);color:#fff}.btn-secondary:hover{box-shadow:0 0 20px rgba(255,51,102,0.5)}footer{background:var(--color-surface);border-top:2px solid var(--color-red);padding:3rem 2rem 2rem;margin-top:4rem;position:relative;z-index:1}.footer-content{max-width:1920px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem 2rem;margin-bottom:2rem}.footer-section h3{color:var(--color-green);font-size:1.2rem;margin-bottom:1rem;font-weight:700}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:0.75rem}.footer-section ul li a{color:var(--color-text-muted);text-decoration:none;transition:all 0.3s ease;display:inline-block}.footer-section ul li a:hover{color:var(--color-green);transform:translateX(5px)}.footer-section p{color:var(--color-text-muted);line-height:1.6;font-size:0.95rem}.footer-bottom{border-top:1px solid var(--color-border);padding-top:2rem;text-align:center;color:var(--color-text-muted);font-size:0.9rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);text-decoration:none;transition:all 0.3s ease;font-size:1.2rem}.social-links a:hover{border-color:var(--color-green);color:var(--color-green);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,217,217,0.3)}.video-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:9999;align-items:center;justify-content:center;padding:2rem}.video-modal.active{display:flex}.video-modal-content{width:100%;max-width:1200px;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;position:relative}.video-modal-close{position:absolute;top:-3rem;right:0;background:var(--color-red);border:none;color:white;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.video-modal-close:hover{background:var(--color-green);transform:rotate(90deg)}.video-modal iframe{width:100%;height:100%;border:none}@media (max-width:768px){.video-modal{padding:1rem}.video-modal-close{top:-2.5rem;width:35px;height:35px}}.header-content{display:grid !important;grid-template-columns:minmax(200px,1fr) minmax(300px,2fr) minmax(280px,1fr);gap:1.5rem;align-items:center;justify-content:space-between !important}.header-logo-section{display:flex;align-items:center;gap:0.75rem}.header-logo{height:40px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,217,217,0.3))}.header-tagline{font-size:0.85rem;color:var(--color-green);font-weight:600;white-space:nowrap}.header-date-section{display:flex;align-items:center;gap:1rem;justify-content:flex-end}.mobile-header-actions{display:none;align-items:center;gap:0.75rem}.mobile-icon-btn{position:relative;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.85);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.mobile-icon-btn svg{width:20px;height:20px;fill:currentColor}.mobile-icon-btn:active{background:rgba(255,255,255,0.15);transform:scale(0.95)}.mobile-date-btn{background:transparent;border:none;border-radius:6px;padding:0.4rem}.calendar-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.calendar-top{width:100%;height:4px;background:var(--color-green);border-radius:2px 2px 0 0;margin-bottom:2px;position:relative}.calendar-top::before,.calendar-top::after{content:'';position:absolute;top:-2px;width:2px;height:6px;background:var(--color-green);border-radius:1px}.calendar-top::before{left:20%}.calendar-top::after{right:20%}.mobile-date-number{font-size:1rem;font-weight:700;color:var(--color-green);line-height:1}.mobile-filter-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-red);border-radius:50%;border:2px solid var(--color-surface);opacity:0;transform:scale(0);transition:all 0.3s ease}.mobile-filter-indicator.active{opacity:1;transform:scale(1)}.header-date-nav{display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.03);padding:0.5rem;border-radius:50px;border:1px solid rgba(255,255,255,0.1)}.date-nav-btn.compact{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.85);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1rem;font-weight:600}.date-nav-btn.compact:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);color:var(--color-text);transform:scale(1.05)}.compact-date{font-size:0.85rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;padding:0.4rem 0;transition:all 0.2s ease;white-space:nowrap;min-width:120px;text-align:center;border-bottom:1px solid transparent;opacity:0.9}.compact-date:hover{color:var(--color-text);opacity:1;border-bottom-color:rgba(255,255,255,0.3)}.hero-bottom{margin-top:4rem;margin-bottom:0;padding:3rem 2rem;background:linear-gradient(135deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.8) 100%),url('assets/herogym.jpg');background-size:cover;background-position:center}.hero-bottom .hero-content h2{font-size:2.5rem;font-family:'Corinthia',cursive}.date-navigation,.browse-section{display:none !important}@media (max-width:1024px){.header-content{grid-template-columns:1fr !important;gap:1rem}.header-logo-section{justify-content:center}.search-container{max-width:100%}.header-date-section{justify-content:center}.header-tagline{display:none}.loading-overlay{top:140px}}@media (max-width:768px){.header-content{gap:0.5rem;grid-template-columns:1fr !important;padding:0 0.5rem;flex-direction:column;display:flex}.header-logo-section{display:none}.header-logo{height:32px}.mobile-header-actions{display:none !important}.header-date-section{display:none !important}.mobile-date-nav{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.25rem 0}.mobile-date-arrow{display:flex;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.8);width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;flex-shrink:0;transition:all 0.2s ease}.mobile-date-arrow svg{width:20px;height:20px;fill:currentColor}.mobile-date-arrow:active{background:rgba(0,217,217,0.15);border-color:rgba(0,217,217,0.4);color:var(--color-green);transform:scale(0.95)}.mobile-date-arrow:disabled{opacity:0.25;cursor:not-allowed;background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.08)}.mobile-date-display{flex:1;text-align:center;font-size:0.85rem;color:rgba(255,255,255,0.85);font-weight:500;padding:0.5rem;background:rgba(255,255,255,0.05);border-radius:8px;cursor:pointer}.search-container{display:flex;max-width:100%;padding:0.5rem 0.75rem;gap:0.5rem;width:100%}.search-input{font-size:0.9rem;padding:0.25rem;min-width:0}.header-btn{width:32px;height:32px;flex-shrink:0}.header-btn svg{width:18px;height:18px}.header-video-count-badge{font-size:0.7rem;padding:0.25rem 0.5rem;min-width:28px}.header-video-count-badge .count-text{display:none}.hero-bottom{margin-top:2rem;padding:2rem 1rem}.hero-bottom .hero-content h2{font-size:1.75rem}.loading-overlay{top:160px}}