.media-element{cursor:pointer;transition:transform 0.2s ease,opacity 0.2s ease}.media-element:hover{opacity:.9;transform:scale(1.02)}.modal-header video,.gallery-item video{width:100%;height:100%;object-fit:cover;background-color:#000}.unknown-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#f0f0f0;color:#666;font-style:italic}.fullscreen-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .95);z-index:9999;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.fullscreen-content{position:relative;max-width:95%;max-height:95%;display:flex;align-items:center;justify-content:center}.fullscreen-close{position:absolute;top:-40px;right:-40px;width:40px;height:40px;background:rgb(255 255 255 / .2);color:#fff;border:none;border-radius:50%;font-size:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10001}.fullscreen-close:hover{background:#ff8365;transform:rotate(90deg)}.fullscreen-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.fullscreen-media img{max-width:100%;max-height:90vh;object-fit:contain}.fullscreen-media video{max-width:100%;max-height:90vh}.media-indicator{position:absolute;top:15px;left:15px;background:rgb(0 0 0 / .6);color:#fff;padding:5px 10px;border-radius:30px;font-size:.8rem;display:flex;align-items:center;pointer-events:none}.media-indicator svg{margin-right:5px;width:16px;height:16px}.scroll-indicator{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:10002;display:none;flex-direction:column;align-items:center;gap:10px;opacity:0;transition:opacity 0.5s ease;pointer-events:none}.scroll-indicator.visible{display:flex;opacity:1}.scroll-indicator.hidden{opacity:0}.scroll-text{color:#fff;font-size:.9rem;font-weight:500;text-shadow:0 2px 4px rgb(0 0 0 / .5);letter-spacing:1px}.scroll-arrow{width:30px;height:30px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg);animation:bounce 2s infinite;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .5))}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0) rotate(-45deg)}40%{transform:translateY(-10px) rotate(-45deg)}60%{transform:translateY(-5px) rotate(-45deg)}}@media (max-width:768px){.fullscreen-close{top:10px;right:10px}.fullscreen-media img,.fullscreen-media video{max-height:80vh}.scroll-indicator{bottom:20px}.scroll-text{font-size:.8rem}.scroll-arrow{width:25px;height:25px}}