.collective-root{width:100%;min-height:100vh;background-color:hsl(var(--background));color:hsl(var(--foreground));overflow-x:hidden}.collective-header{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:transparent;backdrop-filter:blur(8px)}.collective-hero{min-height:100vh;text-align:center;padding:5rem 1.5rem;position:relative;box-sizing:border-box}.collective-hero,.collective-hero-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.collective-hero-content{gap:2rem;max-width:80rem;padding:0 1rem}.collective-feed{width:100%;position:relative;padding:4rem 1.5rem}.collective-login-prompt{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 8rem;position:relative;background:linear-gradient(to bottom,transparent 0,hsl(var(--primary)/.02) 50%,hsl(var(--background)) 100%)}.collective-bg-effects{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.scroll-indicator{animation:bounce-subtle 2s ease-in-out infinite}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.3);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.5)}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;gap:4px}@media (min-width:640px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.bento-grid{grid-template-columns:repeat(5,1fr)}}.span-tall{grid-row:span 2}.span-wide{grid-column:span 2}.span-square{grid-column:span 1;grid-row:span 1}.feed-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.2) 0,transparent 30%,transparent 60%,rgba(0,0,0,.8))}.play-button-glass{background:rgba(16,185,129,.2);backdrop-filter:blur(4px);border:1px solid rgba(16,185,129,.4);box-shadow:0 0 15px rgba(16,185,129,.3)}.duration-badge{background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}.filter-bar-container{position:relative;width:100%;max-width:100vw}.filter-bar-scroll{display:flex;overflow-x:auto;width:100%;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none}.filter-bar-scroll:active{cursor:grabbing}.filter-bar-scroll::-webkit-scrollbar{display:none}.filter-bar-gradient-left,.filter-bar-gradient-right{position:absolute;top:0;bottom:.5rem;width:80px;z-index:10;pointer-events:none;transition:opacity .3s ease}.filter-bar-gradient-left{left:0;background:linear-gradient(to right,hsl(var(--background)) 20%,transparent)}.filter-bar-gradient-right{right:0;background:linear-gradient(to left,hsl(var(--background)) 20%,transparent)}.filter-bar-chevron{position:absolute;top:50%;transform:translateY(-50%) translateY(-.25rem);z-index:20;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--foreground));box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease;opacity:0}.filter-bar-container:hover .filter-bar-chevron.visible{opacity:1}.filter-bar-chevron:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground));transform:translateY(-50%) translateY(-.25rem) scale(1.1)}.filter-bar-chevron.left{left:0}.filter-bar-chevron.right{right:0}