.hero-section{position:relative;min-height:calc(100dvh - 3.75rem);box-sizing:border-box;padding:6rem 0 8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;background:#fafafc;border-bottom:1px solid var(--color-border)}.hero-grid-overlay{position:absolute;inset:0;background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:24px 24px;opacity:.5;z-index:1}.hero-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;z-index:1;pointer-events:none;animation:floatBlobs 20s infinite alternate ease-in-out}.hero-blob.blob-1{width:400px;height:400px;background:linear-gradient(135deg,var(--color-music),var(--color-games));top:-100px;left:-100px}.hero-blob.blob-2{width:450px;height:450px;background:linear-gradient(135deg,var(--color-television),var(--color-movies));bottom:-150px;right:-100px;animation-delay:-10s}@keyframes floatBlobs{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.1)}to{transform:translate(-20px,20px) scale(.95)}}.hero-canvas-container{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}#hero-canvas{width:100%;height:100%;display:block;filter:blur(28px);opacity:.85;mix-blend-mode:multiply}.hero-content{position:relative;z-index:2;max-width:800px;display:flex;flex-direction:column;align-items:center}.hero-title{font-family:var(--font-display),sans-serif;font-size:clamp(3rem,8vw,8rem);font-weight:400;letter-spacing:.03em;color:var(--color-text);margin-bottom:2.2rem;line-height:1;text-transform:uppercase}.title-year{background:linear-gradient(135deg,var(--color-games) 0%,var(--color-music) 25%,var(--color-movies) 50%,var(--color-television) 75%,var(--color-books) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--color-text-muted);font-weight:400;max-width:600px;margin:0 auto;line-height:1.6;letter-spacing:-.01em}.controls-section{padding:.75rem 0;position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);margin-bottom:2.5rem!important}.controls-container{display:flex;flex-direction:column;gap:.8rem;align-items:stretch}.search-wrapper{position:relative;width:100%;max-width:100%}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:.95rem;height:.95rem;color:var(--color-text-muted);pointer-events:none}.search-input{padding:.5rem .8rem .5rem 2.2rem!important;font-size:.85rem;background:#f9f9fb}.search-input:focus{background:#fff}.filter-tabs{display:flex;gap:.25rem;background:#f3f4f6;border:1px solid var(--color-border);padding:.2rem;border-radius:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.filter-tab:hover{color:var(--color-text)}.filter-tab.active{background:#fff;color:var(--color-text);box-shadow:0 1px 3px #0000001a}.stack-list{display:flex;flex-direction:column;gap:6rem;max-width:800px;margin:0 auto;padding:2rem 0 15rem}.stack-card{position:sticky;top:90px;background:#fff;border-radius:20px;border:1px solid #c9cdd6;overflow:hidden;transform-origin:center top;transition:transform .4s cubic-bezier(.16,1,.3,1)}.stack-card-inner{display:flex;flex-direction:column;width:100%;min-height:auto}.stack-image-box{width:100%;aspect-ratio:4 / 3;position:relative;background:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border)}@media(min-width:768px){.stack-card-inner{flex-direction:row;min-height:380px}.stack-image-box{width:45%;aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--color-border)}}.ambient-bg{position:absolute;inset:-15px;background-size:cover;background-position:center;filter:blur(12px) brightness(.95);opacity:.45;z-index:1}.stack-img-container{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem}.stack-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 8px 24px #00000026}.category-badge{display:inline-block;padding:.2rem .5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;border:1px solid transparent;line-height:1}.stack-meta-left{display:flex;align-items:center;gap:.75rem}.category-badge.games{color:var(--color-games);background:#4f46e51a;border-color:#4f46e526}.category-badge.music{color:var(--color-music);background:#db27771a;border-color:#db277726}.category-badge.movies{color:var(--color-movies);background:#b453091a;border-color:#b4530926}.category-badge.television{color:var(--color-television);background:#7c3aed1a;border-color:#7c3aed26}.category-badge.books{color:var(--color-books);background:#0596691a;border-color:#05966926}.stack-body{width:100%;padding:1.5rem 1.5rem 1rem;display:flex;flex-direction:column;position:relative;background-color:#fff;background-image:linear-gradient(to bottom,rgba(var(--cat-color),.08) 0%,transparent 80%);background-repeat:no-repeat;background-size:100% 100%}@media(min-width:768px){.stack-body{width:55%;padding:2.5rem 2.5rem 1.25rem;background-image:linear-gradient(to right,rgba(var(--cat-color),.08) 0%,transparent 80%)}}.stack-body-content{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.stack-header-meta{display:flex;justify-content:space-between;font-size:.75rem;font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:.75rem}.admin-edit-footer{display:flex;justify-content:center;margin-top:1rem}.admin-edit-link{font-size:.75rem;font-weight:500;text-transform:lowercase;text-decoration:underline;text-underline-offset:2px;color:var(--color-text-muted);transition:var(--transition-fast)}.admin-edit-link:hover{color:var(--color-text)}.stack-creator{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.4rem;display:block}.stack-title{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem;color:var(--color-text);line-height:1.15}.stack-text{font-size:.95rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem}.stack-spec-table{margin-bottom:2rem;display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--color-border);padding-top:1rem}.stack-spec-row{display:flex;justify-content:space-between;font-size:.75rem;gap:1.5rem}.spec-label{color:var(--color-text-muted);flex-shrink:0}.spec-val{font-weight:600;color:var(--color-text);text-align:right}.grid-item-wrapper{transition:all .4s cubic-bezier(.16,1,.3,1)}.grid-item-wrapper.hidden{display:none!important}.empty-state{padding:6rem 0;text-align:center;border:1px dashed var(--color-border);border-radius:8px;margin-top:2rem;background:#fff}.empty-state.hidden{display:none}.empty-message{font-family:var(--font-body);font-weight:800;font-size:1.5rem;color:var(--color-text);margin-bottom:.5rem}.empty-submessage{font-size:.95rem;color:var(--color-text-muted)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;z-index:10;opacity:.8;transition:opacity .3s ease,transform .3s ease}.scroll-indicator:hover{opacity:1;transform:translate(-50%,2px)}.scroll-text{font-family:var(--font-body);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.scroll-arrow{width:1.25rem;height:1.25rem;color:var(--color-border-active);animation:bounceArrow 2s infinite ease-in-out}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(min-width:768px){.controls-container{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}.search-wrapper{width:320px}.filter-tabs{overflow-x:visible;white-space:normal}.filter-tab{padding:.4rem 1rem}}#loading-indicator{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding:2rem 0 4rem}#loading-indicator.hidden{display:none}.skeleton-card{display:flex;border-radius:20px;border:1px solid var(--color-border);overflow:hidden;min-height:280px;background:#fff}.skeleton-img{width:45%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-body{width:55%;padding:2.5rem;display:flex;flex-direction:column;gap:1rem;justify-content:center}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-line.short{width:30%}.skeleton-line.long{width:75%;height:22px}.skeleton-line.medium{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}