.logo-icon{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50,10 C65,10 75,15 85,25 C95,35 98,45 95,60 C92,75 85,85 70,90 C55,95 40,95 25,88 C10,81 5,70 5,55 C5,40 10,25 20,17 C30,9 40,10 50,10 Z" fill="%23ffffff" opacity="0.95"/><ellipse cx="35" cy="45" rx="8" ry="12" fill="%23000000"/><circle cx="36" cy="43" r="3" fill="%23ffffff"/><ellipse cx="65" cy="45" rx="8" ry="12" fill="%23000000"/><circle cx="66" cy="43" r="3" fill="%23ffffff"/><path d="M40,65 Q50,70 60,65" stroke="%23000000" stroke-width="3" fill="none" stroke-linecap="round"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;height:35px;width:35px}.play-icon{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 5v14l11-7z" fill="%23ffffff"/></svg>');height:40px;margin-left:5px;width:40px}.play-icon,.sound-icon-muted{background-position:50%;background-repeat:no-repeat;background-size:contain;fill:#fff;fill:var(--color-text-primary,#fff)}.sound-icon-muted{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z" fill="%23ffffff"/></svg>');height:24px;width:24px}.sound-icon-unmuted{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z" fill="%23ffffff"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;fill:#fff;fill:var(--color-text-primary,#fff);height:24px;width:24px}:root{--color-bg-primary:#191919;--color-bg-secondary:#1a1a1a;--color-bg-black:#000;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-tertiary:#666;--color-border:#333;--color-card-bg:#fff;--color-link:#667eea;--color-overlay:rgba(0,0,0,.7);--color-overlay-hover:rgba(0,0,0,.9);--font-family-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-circle:50%;--spacing-xs:10px;--spacing-sm:15px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--transition-fast:0.2s;--transition-normal:0.3s}*{box-sizing:border-box;margin:0}*,body{padding:0}body{background:#191919;background:var(--color-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-system);min-height:100vh}header{background-color:#000;background-color:var(--color-bg-black);justify-content:center;padding:20px;padding:var(--spacing-md)}header,header a{align-items:center;display:flex;gap:15px;gap:var(--spacing-sm)}header a{color:#fff;color:var(--color-text-primary);-webkit-text-decoration:none;text-decoration:none;transition:opacity .2s;transition:opacity var(--transition-fast)}header a:hover{opacity:.8}header h1{color:#fff;color:var(--color-text-primary);font-size:2em;font-weight:600;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.container{margin:0 auto}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;margin-bottom:0}@media (max-width:1200px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.video-grid{grid-template-columns:1fr}}.video-card{animation:fadeIn .5s ease;aspect-ratio:.55/1;background:#fff;background:var(--color-card-bg);border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;-webkit-text-decoration:none;text-decoration:none;transition:transform .3s ease;transition:transform var(--transition-normal) ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-thumbnail{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a2a,#3a3a3a 20%,#2a2a2a 40%,#2a2a2a);background-size:200% 100%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-thumbnail.loaded{animation:none;background:#f0f0f0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading{background:#191919;background:var(--color-bg-primary);color:#fff;color:var(--color-text-primary);font-size:18px;padding:40px;padding:var(--spacing-xl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-radius:var(--border-radius-circle);border-top-color:#fff;border-top:4px solid var(--color-text-primary);height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}