:root{--exp-bg:#0b0b0f;--exp-surface:#14141a;--exp-surface-2:#1d1d25;--exp-border:hsla(0,0%,100%,.07);--exp-text:#fff;--exp-text-muted:hsla(0,0%,100%,.72);--exp-accent:#ed145b;--exp-accent-2:#9b14ed;--exp-grad:linear-gradient(135deg,#ed145b,#9b14ed);--exp-grad-soft:linear-gradient(135deg,rgba(237,20,91,.18),rgba(155,20,237,.18));--exp-shadow:0 10px 30px rgba(0,0,0,.45);--exp-shadow-hover:0 18px 48px rgba(237,20,91,.28)}.instagram-explore{background:radial-gradient(1200px 600px at 50% -10%,rgba(155,20,237,.08),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(237,20,91,.06),transparent 60%),var(--exp-bg);min-height:100vh;padding-bottom:96px}.genre-filter-bar{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:rgba(20,20,26,.72);border:1px solid var(--exp-border);border-radius:999px;bottom:18px;box-shadow:0 14px 36px rgba(0,0,0,.55);left:50%;overflow:hidden;padding:8px 10px;position:fixed;transform:translateX(-50%);width:min(96%,1100px);z-index:100}.genre-filter-bar:after,.genre-filter-bar:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .25s ease;width:48px;z-index:2}.genre-filter-bar:before{background:linear-gradient(90deg,rgba(20,20,26,.95) 0,rgba(20,20,26,.6) 55%,transparent);border-radius:999px 0 0 999px;left:0}.genre-filter-bar:after{background:linear-gradient(270deg,rgba(20,20,26,.95) 0,rgba(20,20,26,.6) 55%,transparent);border-radius:0 999px 999px 0;right:0}.genre-filter-bar[data-at-end=true]:before,.genre-filter-bar[data-at-start=true]:after{opacity:0}.genre-scroll-hint{align-items:center;animation:genreHintNudge 1.6s ease-in-out infinite;background:var(--exp-grad);border-radius:50%;box-shadow:0 4px 12px rgba(237,20,91,.45);color:#fff;display:flex;height:28px;justify-content:center;left:6px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease;width:28px;z-index:3}.genre-filter-bar[data-has-overflow=true] .genre-scroll-hint{opacity:.95}.genre-filter-bar[data-at-end=true] .genre-scroll-hint{opacity:0}.genre-scroll-hint svg{fill:#fff;height:16px;width:16px}@keyframes genreHintNudge{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-4px)}}.genre-container{-ms-overflow-style:none;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-color:rgba(237,20,91,.55) transparent;scrollbar-width:thin}.genre-container::-webkit-scrollbar{display:block;height:3px}.genre-container::-webkit-scrollbar-track{background:transparent}.genre-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(237,20,91,.55),rgba(155,20,237,.55));border-radius:999px}.genre-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--exp-text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:9px 16px;scroll-snap-align:start;transition:background .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease;white-space:nowrap}.genre-btn svg{fill:currentColor;opacity:.9}.genre-btn:hover{background:hsla(0,0%,100%,.06);color:#fff;transform:translateY(-1px)}.genre-btn.active{background:var(--exp-grad);color:#fff}.genre-btn.active svg{fill:#fff}.masonry-wrapper{margin:0 auto;max-width:1500px;padding:24px 20px 32px}.masonry-grid{display:grid;gap:14px;grid-auto-rows:300px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.masonry-grid{grid-auto-rows:280px;grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.masonry-grid{gap:8px;grid-auto-rows:220px;grid-template-columns:repeat(2,1fr)}.masonry-wrapper{padding:14px 10px 24px}.genre-filter-bar{bottom:100px;width:calc(100% - 16px)}}.masonry-item{animation:fadeInUp .55s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;position:relative}.masonry-item:nth-child(19n+1),.masonry-item:nth-child(19n+15),.masonry-item:nth-child(19n+8){grid-row:span 2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.explorer-tile{background:var(--exp-surface);border-radius:18px;box-shadow:var(--exp-shadow);display:block;height:100%;isolation:isolate;overflow:hidden;position:relative;text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1)}.explorer-tile:after{background:linear-gradient(160deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,0) 40%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;padding:1px;pointer-events:none;position:absolute;z-index:3}.explorer-tile:hover{transform:translateY(-6px)}.explorer-tile:hover .tile-img{filter:saturate(1.12) brightness(1.02);transform:scale(1.08)}.explorer-tile:hover .tile-reel-badge{color:#fff;filter:drop-shadow(0 4px 10px rgba(237,20,91,.55));transform:scale(1.08)}.explorer-tile:hover .tile-gradient{opacity:1}.tile-media{background:#1a1a22;overflow:hidden;position:relative}.tile-img,.tile-media{height:100%;width:100%}.tile-img{inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease}.tile-placeholder{align-items:center;background:linear-gradient(135deg,#1e1e27,#12121a);display:flex;inset:0;justify-content:center;position:absolute}.tile-placeholder svg{fill:#3b3b47;opacity:.6}.tile-duration{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.62);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.35);font-size:11px;font-weight:700;inset-inline-end:10px;letter-spacing:.02em;padding:4px 9px}.tile-duration,.tile-reel-badge{color:#fff;position:absolute;top:10px;z-index:4}.tile-reel-badge{align-items:center;display:inline-flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7));height:32px;inset-inline-start:10px;justify-content:center;pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease;width:32px}.tile-reel-badge svg{fill:currentColor;height:22px;width:22px}.tile-gradient{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.55) 35%,rgba(0,0,0,.12) 65%,transparent);inset:0;opacity:.92;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:2}.tile-info{bottom:0;color:#fff;display:flex;flex-direction:column;gap:8px;left:0;padding:14px;position:absolute;right:0;z-index:3}.masonry-item:nth-child(19n+1) .tile-info,.masonry-item:nth-child(19n+15) .tile-info,.masonry-item:nth-child(19n+8) .tile-info{padding:16px}.tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13.5px;font-weight:700;letter-spacing:-.01em;line-height:1.45;margin:0;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.7)}.masonry-item:nth-child(19n+1) .tile-title,.masonry-item:nth-child(19n+15) .tile-title,.masonry-item:nth-child(19n+8) .tile-title{-webkit-line-clamp:2;font-size:15px}.tile-stats{flex-wrap:wrap;gap:6px}.stat,.tile-stats{display:inline-flex}.stat{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:#fff;font-size:11px;font-weight:700;gap:4px;letter-spacing:.01em;line-height:1;padding:4px 8px}.stat svg{fill:currentColor;height:12px;opacity:.95;width:12px}.tile-mention{align-items:center;align-self:flex-start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(237,20,91,.28),rgba(155,20,237,.28));border:1px solid hsla(0,0%,100%,.18);border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.04);color:#fff;display:inline-flex;font-size:10.5px;font-weight:700;gap:6px;letter-spacing:.01em;line-height:1;max-width:100%;overflow:hidden;padding:5px 10px 5px 8px;position:relative;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;white-space:nowrap}.tile-mention--series{background:linear-gradient(135deg,rgba(155,20,237,.35),rgba(30,144,255,.25))}.explorer-tile:hover .tile-mention{background:linear-gradient(135deg,rgba(237,20,91,.55),rgba(155,20,237,.55));box-shadow:0 8px 18px rgba(237,20,91,.35),inset 0 0 0 1px hsla(0,0%,100%,.08);transform:translateY(-1px)}.explorer-tile:hover .tile-mention--series{background:linear-gradient(135deg,rgba(155,20,237,.6),rgba(30,144,255,.45));box-shadow:0 8px 18px rgba(155,20,237,.4),inset 0 0 0 1px hsla(0,0%,100%,.08)}.tile-mention__ico{align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.08));border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.45),inset 0 0 0 1px hsla(0,0%,100%,.18);color:#fff;display:inline-flex;flex:0 0 20px;height:26px;justify-content:center;overflow:hidden;position:relative;width:20px}.tile-mention__ico img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .35s cubic-bezier(.2,.8,.2,1);width:100%}.explorer-tile:hover .tile-mention__ico img{transform:scale(1.12)}.tile-mention__ico-fallback{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.tile-mention__ico:has(img) .tile-mention__ico-fallback{display:none}.tile-mention__ico svg{fill:currentColor;height:12px;opacity:.9;width:12px}.tile-mention__label{font-size:9.5px;letter-spacing:.03em;opacity:.85;text-transform:none}.tile-mention__sep{background:hsla(0,0%,100%,.55);border-radius:50%;flex:0 0 3px;height:3px;width:3px}.tile-mention__title{max-width:160px;overflow:hidden;text-overflow:ellipsis}@media (max-width:720px){.tile-info{gap:6px;padding:10px}.tile-title{-webkit-line-clamp:2;font-size:12px}.masonry-item:nth-child(19n+1) .tile-title,.masonry-item:nth-child(19n+15) .tile-title,.masonry-item:nth-child(19n+8) .tile-title{font-size:13px}.stat{font-size:10px;gap:3px;padding:3px 7px}.stat svg{height:10px;width:10px}.tile-duration{font-size:10px;inset-inline-end:8px;padding:3px 7px;top:8px}.tile-reel-badge{height:26px;inset-inline-start:8px;top:8px;width:26px}.tile-reel-badge svg{height:18px;width:18px}.tile-mention{font-size:9.5px;gap:5px;padding:4px 8px 4px 6px}.tile-mention__ico{border-radius:4px;flex:0 0 18px;height:22px;width:18px}.tile-mention__ico svg{height:10px;width:10px}.tile-mention__label,.tile-mention__sep{display:none}.tile-mention__title{max-width:120px}}.load-more-trigger{padding:48px 20px 24px;text-align:center}.empty-explore{color:var(--exp-text-muted);padding:96px 20px;text-align:center}.empty-explore svg{filter:drop-shadow(0 6px 14px rgba(237,20,91,.25));margin-bottom:22px}.empty-explore svg path{fill:url(#exp-empty-grad)!important}.empty-explore h3{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.empty-explore p{color:var(--exp-text-muted);font-size:14px;margin:0}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.18)}html{scroll-behavior:smooth}
