html{scroll-behavior:smooth}.total-metrics-container{background:linear-gradient(135deg,#ffbb000d,#ffa5000d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,187,0,.2);box-shadow:0 4px 20px #ffbb001a;transition:all .3s ease}.total-metrics-container:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffbb0026}.metric-card{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.metric-card:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000001a}.metric-number{background:linear-gradient(135deg,currentColor,rgba(255,255,255,.2));-webkit-background-clip:text;background-clip:text;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.video-overlay{transition:opacity .3s ease,visibility .3s ease}.timeline-item:hover{transform:translateY(-1px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-container{position:relative;width:100%;max-height:calc(100vh - 300px);display:flex;justify-content:center;align-items:center}.video-container iframe{width:100%;height:100%;border:none;border-radius:8px}.adaptive-video-content iframe{width:100%!important;height:auto!important;min-height:600px!important;max-width:100%!important;border:none!important;border-radius:8px;display:block;margin:0 auto!important;transform:scale(1)!important;transform-origin:center center!important;resize:vertical;scrolling:no;position:relative;left:50%;transform:translate(-50%) scale(1)!important}.adaptive-video-content iframe::-webkit-scrollbar{display:none!important}.adaptive-video-content iframe{scrollbar-width:none!important;-ms-overflow-style:none!important}.adaptive-video-wrapper,.adaptive-video-content{overflow:visible}.adaptive-video-content iframe[src*="instagram.com"]{height:auto!important;min-height:750px!important}.adaptive-video-content iframe[src*="tiktok.com"]{height:auto!important;min-height:800px!important}.adaptive-video-content iframe[src*="twitter.com"],.adaptive-video-content iframe[src*="x.com"]{height:auto!important;min-height:650px!important}.youtube-embed-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px}.youtube-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.adaptive-video-content iframe[src*="reddit.com"]{height:auto!important;min-height:650px!important}.adaptive-video-wrapper{position:relative;width:100%;max-width:100%;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:visible;text-align:center}.adaptive-video-content{position:relative;width:100%;max-width:600px;overflow:visible;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.adaptive-video-content iframe[src*="reddit.com/embed"]{background-color:#fff;border-radius:8px;overflow:hidden}@media (max-width: 768px){.adaptive-video-wrapper{min-height:550px;display:flex;align-items:center;justify-content:center;text-align:center}.adaptive-video-content{max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.adaptive-video-content iframe[src*="instagram.com"]{min-height:650px!important}.adaptive-video-content iframe[src*="tiktok.com"]{min-height:700px!important}.adaptive-video-content iframe[src*="twitter.com"],.adaptive-video-content iframe[src*="x.com"],.adaptive-video-content iframe[src*="reddit.com"]{min-height:550px!important}.adaptive-video-content iframe{min-height:500px!important}}@media (max-width: 480px){.adaptive-video-wrapper{min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center}.adaptive-video-content{max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.adaptive-video-content iframe[src*="instagram.com"]{min-height:600px!important}.adaptive-video-content iframe[src*="tiktok.com"]{min-height:650px!important}.adaptive-video-content iframe[src*="twitter.com"],.adaptive-video-content iframe[src*="x.com"],.adaptive-video-content iframe[src*="reddit.com"]{min-height:500px!important}.adaptive-video-content iframe{min-height:450px!important}}button{transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sticky-sidebar{position:sticky;top:6rem;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 7rem)}.timeline-item{position:relative;overflow:hidden}.timeline-item:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,transparent,rgba(255,187,0,.1),transparent);transition:width .3s ease}.timeline-item:hover:before{width:100%}.active-indicator{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.backdrop-blur-enhanced{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background-color:#fffffff2}@media (min-width: 1024px){.sticky-sidebar{position:sticky!important;top:6rem!important;z-index:40;max-height:calc(100vh - 7rem)}}@media (max-width: 1023px){.sticky-sidebar{position:sticky;top:5rem;z-index:40;margin-bottom:1rem;max-height:calc(100vh - 6rem)}}.mobile-timeline{scrollbar-width:none;-ms-overflow-style:none}.mobile-timeline::-webkit-scrollbar{display:none}.sort-toggle-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.5);box-shadow:0 2px 8px #0000000d;max-width:100%}.sort-toggle-active{background:linear-gradient(135deg,#fb0,orange);color:#1a1a1a!important;font-weight:600;transform:scale(1.02);box-shadow:0 2px 8px #ffbb004d;border:none!important}.sort-toggle-inactive{background:transparent;color:#6b7280;border:none}.sort-toggle-inactive:hover{background:#f3f4f6cc;color:#374151;transform:translateY(-1px)}.sort-toggle-button{border:none;outline:none;cursor:pointer;white-space:nowrap;min-height:44px}@media (max-width: 640px){.sort-toggle-container{width:100%;max-width:320px;margin:0 auto;padding:.25rem}.sort-toggle-button{width:100%;justify-content:center;min-height:48px;font-size:.875rem;font-weight:500}.sort-toggle-active{transform:none;font-weight:700}.sort-toggle-inactive:active{background:#f3f4f6e6;transform:none}}.filters-container{transition:all .3s ease}.filter-select{transition:all .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.container{padding-left:1rem;padding-right:1rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.flex.flex-col.lg\\:flex-row{gap:1rem}}.sort-toggle-button:focus{outline:2px solid #FFBB00;outline-offset:2px}.sort-toggle-button:focus:not(:focus-visible){outline:none}.filter-select option{background-color:#fff;color:#374151;padding:8px 12px}.filter-select option:checked{background-color:#fb0;color:#1a1a1a;font-weight:600}.filter-select:hover{border-color:#fb0;box-shadow:0 0 0 2px #fb03;background-color:#ffbb000d}.filter-select:focus{transform:scale(1.02);border-color:#fb0;box-shadow:0 0 0 3px #ffbb004d;outline:none}@media (max-width: 768px){.filters-container{flex-direction:column;gap:1rem}.filter-group{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.filter-select{width:100%}}.entries-loading{opacity:.7;pointer-events:none;transition:opacity .3s ease}.filter-active{background:linear-gradient(135deg,#fb0,orange);color:#1a1a1a!important;font-weight:600;border-color:#ff8c00;box-shadow:0 0 0 2px #ffbb004d}.filter-active:hover{background:linear-gradient(135deg,orange,#ff8c00);color:#1a1a1a!important;border-color:#ff6b00;box-shadow:0 0 0 3px #fb06}.filter-active:focus{background:linear-gradient(135deg,#fb0,orange);color:#1a1a1a!important;border-color:#ff8c00;box-shadow:0 0 0 3px #ffbb0080}.metric-premium-card{background:#fffffff2;border:1px solid rgba(226,232,240,.3);border-radius:12px;padding:18px 12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center}.metric-premium-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.metric-premium-card:hover:before{opacity:1}.metric-premium-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 32px 64px -12px #00000026,0 25px 32px -8px #0000001a,inset 0 1px #fff;border-color:#e2e8f099}.metric-icon-container{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;position:relative;box-shadow:0 6px 16px -4px #00000026,0 3px 5px -2px #0000001a;transition:all .3s ease;flex-shrink:0}.metric-premium-card:hover .metric-icon-container{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 32px -8px #0003,0 8px 16px -4px #0000001a}.metric-content{text-align:center}.metric-value{font-size:1.5rem;font-weight:800;line-height:1.1;margin-bottom:3px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap}.metric-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (max-width: 1024px){.unified-metrics-container .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.unified-metrics-container{padding:16px}.metric-premium-card{padding:14px 8px;min-height:95px}.metric-icon-container{width:32px;height:32px;margin-bottom:6px}.metric-value{font-size:1.25rem}.metric-label{font-size:.7rem;line-height:1.1}}@media (max-width: 480px){.unified-metrics-container{padding:12px}.metric-premium-card{padding:12px 6px;min-height:85px}.metric-icon-container{width:28px;height:28px;margin-bottom:4px}.metric-value{font-size:1.1rem}.metric-label{font-size:.65rem;line-height:1;letter-spacing:.03em}}