*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#fce7f3 50%,#fbcfe8);display:flex;flex-direction:column}main{width:100%;flex:1 1}.grid-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;background:#fff;border-radius:12px;border:2px solid #f9a8d4;transition:all .3s ease;box-shadow:0 2px 10px rgba(236,72,153,.1)}.grid-item:hover{transform:scale(1.02);border-color:#ec4899;box-shadow:0 8px 25px rgba(236,72,153,.25)}.grid-item img,.grid-item video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.grid-item:hover img,.grid-item:hover video{transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(236,72,153,.2);transition:background .3s ease}.grid-item:hover .play-overlay{background:rgba(236,72,153,.3)}.play-btn{width:40px;height:40px;background:#ec4899;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;padding-left:3px;box-shadow:0 4px 15px rgba(236,72,153,.4);transition:transform .2s ease}.grid-item:hover .play-btn{transform:scale(1.1)}.close-btn{position:absolute;top:20px;right:20px;width:46px;height:46px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ec4899;border-radius:50%;color:#ec4899;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.close-btn:hover{background:#ec4899;color:#fff;transform:rotate(90deg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fce7f3}::-webkit-scrollbar-thumb{background:#f9a8d4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ec4899}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 3px rgba(236,72,153,.4)}50%{transform:scale(1.03);box-shadow:0 0 6px rgba(236,72,153,.5),0 0 10px rgba(236,72,153,.3)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sparkle{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.5)}}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;animation:pulse-glow 2s ease-in-out infinite}.live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:bounce 1s ease-in-out infinite}.new-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ec4899;border-radius:50%;font-size:12px;animation:pulse-glow 1.5s ease-in-out infinite}