.waifu-skins-content{padding:2rem 0}.waifu-skins-section{max-width:1200px;margin:0 auto;padding:0 1rem}.waifu-skins-header{margin-bottom:2rem}.skins-content{width:100%}.character-skins-section{padding:2rem 0}.skins-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.skins-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--sab-calm-blue),var(--sab-calm-red));border-radius:2px}.skins-subtitle{text-align:center;color:var(--sab-blue-silver);font-size:1.2rem;margin-bottom:3rem;font-weight:400;opacity:.9}.skins-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 1rem}.skin-item{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px;border:1px solid #3a3a3a;overflow:hidden;transition:all .3s ease;position:relative;cursor:pointer;box-shadow:0 4px 16px #0000004d}.skin-item:hover{transform:translateY(-2px);border-color:#c0c0c04d;box-shadow:0 8px 24px #0006}.skin-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--sab-calm-red),var(--sab-blue-silver),var(--sab-calm-blue));opacity:0;transition:opacity .3s ease}.skin-item:hover:before{opacity:1}.skin-media-container{position:relative;width:100%;height:280px;min-height:280px;overflow:hidden;background:#000;cursor:pointer;touch-action:manipulation}.image-container{position:relative;width:100%;height:100%}.skin-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.skin-item:hover .skin-image{transform:scale(1.05)}.video-container{position:relative;width:100%;height:100%}.skin-video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.skin-item:hover .skin-video{transform:scale(1.05)}.gif-container{position:relative;width:100%;height:100%}.skin-gif{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.skin-item:hover .skin-gif{transform:scale(1.05)}.skin-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.skin-item:hover .skin-overlay{opacity:1}.preview-icon{transition:transform .3s ease}.preview-icon:hover{transform:scale(1.1)}.play-button{transition:transform .3s ease}.play-button:hover{transform:scale(1.1)}.skin-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;font-size:1.2rem;font-weight:600;text-align:center;padding:2rem 1rem 1rem;margin:0;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.media-preview-section{margin-bottom:3rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px;border:1px solid #3a3a3a;overflow:hidden;box-shadow:0 8px 32px #0000004d;position:relative;z-index:10;touch-action:pan-y;-webkit-overflow-scrolling:touch}.preview-container{position:relative;width:100%}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#2a2a2a80;border-bottom:1px solid #3a3a3a}.preview-title{font-size:1.5rem;font-weight:600;color:var(--sab-blue-silver);margin:0}.close-preview-btn{background:#000c;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;border:2px solid rgba(255,255,255,.2)}.close-preview-btn:hover{background:#c26b6be6;border-color:#fff6}.preview-content{padding:2rem;display:flex;justify-content:center;align-items:center;min-height:300px;background:#000}.preview-media-image,.preview-media-video{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080}@media (max-width: 768px){.waifu-skins-content{padding:1rem 0}.waifu-skins-section{padding:0 .5rem}.skins-title{font-size:2rem}.skins-subtitle{font-size:1rem;margin-bottom:2rem}.skins-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.skin-media-container{height:260px;min-height:260px}.skin-name{font-size:1.1rem;padding:1.5rem .8rem .8rem}.preview-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;text-align:center}.preview-title{font-size:1.2rem}.close-preview-btn{width:35px;height:35px}.preview-content{padding:1rem}.preview-media-image,.preview-media-video{max-height:50vh}.media-preview-section{position:sticky;top:20px;margin-bottom:2rem;will-change:transform;transform:translateZ(0)}.preview-media-video{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}}.lazy-image,.lazy-video{opacity:.7;transition:opacity .3s ease}.lazy-image.loaded,.lazy-video.loaded{opacity:1}.skin-item.loading{position:relative;overflow:hidden}.skin-item.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;background:#000c;color:#fff;text-align:center}.error-icon{margin-bottom:1rem;opacity:.8}.error-message{font-size:1rem;margin-bottom:1rem;opacity:.9}.retry-button{background:var(--sab-calm-red);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.retry-button:hover{background:var(--sab-dark-red)}@media (max-width: 480px){.skins-grid{gap:1rem;padding:0 .5rem}.skin-media-container{height:320px;min-height:320px}.skins-title{font-size:1.8rem}.skin-name{font-size:1rem;padding:1.2rem .6rem .6rem}.media-preview-section{position:sticky;top:10px;margin-bottom:1rem;will-change:transform;transform:translateZ(0)}.preview-content{contain:layout style paint;isolation:isolate}.preview-media-video{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}}.skin-item:focus{outline:2px solid var(--sab-calm-blue);outline-offset:2px}.close-preview-btn:focus{outline:2px solid var(--sab-calm-red);outline-offset:2px}@media (prefers-contrast: high){.skin-item,.media-preview-section{border-width:2px;border-color:#fff}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skin-item:hover,.skin-image:hover,.skin-video:hover,.skin-gif:hover{transform:none}}