.lazy-bg{opacity:0;transition:opacity .3s ease;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center}.lazy-bg.loaded{opacity:1}.lazy-bg.loading{opacity:0}.lazy-bg::before{content:'Loading...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1}.lazy-bg.loaded::before{display:none}.lazy-bg.error::before{content:'Failed to load';background:rgba(220,53,69,.8)}.lazy-image{opacity:0;transition:opacity .3s ease;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;position:relative}.lazy-image.loaded{opacity:1;background:0 0}.lazy-image.loading{opacity:0}.lazy-image::before{content:'Loading...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:4px;font-size:12px;pointer-events:none;z-index:10}.lazy-image.loaded::before{display:none}.lazy-video{opacity:0;transition:opacity .3s ease;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;position:relative;border:1px solid #ddd;border-radius:4px}.lazy-video.loaded{opacity:1;background:0 0}.lazy-video.loading{opacity:0}.lazy-video::before{content:'Loading video...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;pointer-events:none;z-index:10;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.3)}.lazy-video.loaded::before{display:none}.video-iframe{opacity:0;transition:opacity .3s ease;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;position:relative;min-height:200px;border:1px solid #ddd;border-radius:4px}.video-iframe.loaded{opacity:1;background:0 0;min-height:auto}.video-iframe.loading{opacity:0}.video-iframe::before{content:'Loading video...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;pointer-events:none;z-index:10;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.3)}.video-iframe.loaded::before{display:none}.lazy-video,.video-iframe{width:100%;height:400px;border:0;display:block}.video-player{position:relative;width:100%;height:400px}.video-player .lazy-video,.video-player .video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.lazy-video.loaded,.video-iframe.loaded{opacity:1!important}.lazy-video.loaded[style*="opacity: 0"],.video-iframe.loaded[style*="opacity: 0"]{opacity:1!important}.video-modal .video-iframe{opacity:1!important;background:0 0;min-height:auto}.video-modal .video-iframe::before{display:none}.video-modal .lazy-image,.video-modal .lazy-video{opacity:1!important;background:0 0}.video-modal .lazy-image::before,.video-modal .lazy-video::before{display:none}.lazy-image.error{background:#f8f9fa;border:2px dashed #dc3545;display:flex;align-items:center;justify-content:center;min-height:200px;color:#dc3545;font-size:14px}.lazy-image.error::before{content:'Failed to load image';background:rgba(220,53,69,.1);color:#dc3545;padding:8px 16px;border-radius:4px;font-size:12px}.lazy-video.error,.video-iframe.error{background:#f8f9fa;border:2px dashed #dc3545;display:flex;align-items:center;justify-content:center;min-height:200px;color:#dc3545;font-size:14px}.lazy-video.error::before,.video-iframe.error::before{content:'Failed to load video';background:rgba(220,53,69,.1);color:#dc3545;padding:8px 16px;border-radius:4px;font-size:12px}.lazy-image,.lazy-video,.video-iframe{will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}.author-avatar-img,.main-screenshot-image,.project-main-image{transition:opacity .3s ease,transform .3s ease}.author-avatar-img.loaded,.main-screenshot-image.loaded,.project-main-image.loaded{transform:scale(1)}.author-avatar-img:not(.loaded),.main-screenshot-image:not(.loaded),.project-main-image:not(.loaded){transform:scale(.95)}@keyframes lazy-loading-pulse{0%{background-position:0 0,0 10px,10px -10px,-10px 0}100%{background-position:20px 20px,20px 30px,30px 10px,10px 20px}}.lazy-image.loading,.lazy-video.loading,.video-iframe.loading{animation:lazy-loading-pulse 1.5s ease-in-out infinite}@keyframes lazy-fade-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lazy-image.loaded,.lazy-video.loaded,.video-iframe.loaded{animation:lazy-fade-in .3s ease-out}@media (max-width:768px){.lazy-video,.video-iframe{height:250px}.video-player{height:250px}.lazy-image::before,.lazy-video::before,.video-iframe::before{font-size:11px;padding:6px 12px}}@media (max-width:480px){.lazy-video,.video-iframe{height:200px}.video-player{height:200px}.lazy-image::before,.lazy-video::before,.video-iframe::before{font-size:10px;padding:4px 8px}}@media (prefers-reduced-motion:reduce){.lazy-image,.lazy-video,.video-iframe{transition:none;animation:none}.lazy-image.loading,.lazy-video.loading,.video-iframe.loading{animation:none}.lazy-image.loaded,.lazy-video.loaded,.video-iframe.loaded{animation:none}}@media (prefers-color-scheme:dark){.lazy-image,.lazy-video,.video-iframe{background:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%)}.lazy-image::before,.lazy-video::before,.video-iframe::before{background:rgba(255,255,255,.9);color:#333}.lazy-image.error,.lazy-video.error,.video-iframe.error{background:#2a2a2a;border-color:#ff6b6b;color:#ff6b6b}}.lazy-no-indicator .lazy-image::before,.lazy-no-indicator .lazy-video::before,.lazy-no-indicator .video-iframe::before{display:none!important}.lazy-instant .lazy-image,.lazy-instant .lazy-video,.lazy-instant .video-iframe{opacity:1!important;transition:none!important;animation:none!important}.lazy-custom-text .lazy-image::before{content:attr(data-loading-text)}.lazy-custom-text .lazy-video::before,.lazy-custom-text .video-iframe::before{content:attr(data-loading-text)}.lazy-debug .lazy-image,.lazy-debug .lazy-video,.lazy-debug .video-iframe{border:2px solid #007bff}.lazy-debug .lazy-image.loading,.lazy-debug .lazy-video.loading,.lazy-debug .video-iframe.loading{border-color:#ffc107}.lazy-debug .lazy-image.loaded,.lazy-debug .lazy-video.loaded,.lazy-debug .video-iframe.loaded{border-color:#28a745}.lazy-debug .lazy-image.error,.lazy-debug .lazy-video.error,.lazy-debug .video-iframe.error{border-color:#dc3545}