.pictures-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:220px;gap:.75rem;display:grid}.picture-card{cursor:pointer;background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);border-radius:14px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.picture-card:hover{z-index:1;border-color:#8b5cf673;transform:scale(1.02)}.picture-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.picture-card:hover .picture-card-img{transform:scale(1.06)}.picture-card-overlay{color:#fff;opacity:0;background:#00000059;justify-content:center;align-items:center;font-size:1.4rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.picture-card:hover .picture-card-overlay{opacity:1}.picture-card-actions{opacity:0;gap:.3rem;transition:opacity .2s;display:flex;position:absolute;bottom:.5rem;right:.5rem}.picture-card:hover .picture-card-actions{opacity:1}.picture-card-info{pointer-events:none;background:linear-gradient(#0000 0%,#000000bf 100%);flex-direction:column;gap:.15rem;padding:.5rem .65rem;display:flex;position:absolute;bottom:0;left:0;right:0}.picture-card-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.picture-card-artist{color:#94a3b8;pointer-events:all;font-size:.72rem;text-decoration:none;transition:color .18s}.picture-card-artist:hover{color:#8b5cf6}
.media-page-hero{text-align:center;background:linear-gradient(135deg,#0d1528 0%,#0a1220 100%);border-bottom:1px solid #ffffff14;padding:3rem 2rem}.media-page-title{background:var(--gradient,linear-gradient(135deg,#f59e0b,#f97316));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 .25rem;font-size:clamp(2rem,5vw,3rem);font-weight:900}.media-page-sub{color:#94a3b8;margin:0}.media-main{padding:0 1.5rem 8rem}.media-tab-switch{background:#0a1220;justify-content:center;gap:.6rem;padding:1.25rem 1.5rem 0;display:flex}.media-tab-btn{border:1px solid var(--border,#ffffff1a);color:#94a3b8;cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:flex}.media-tab-btn:hover{color:#e2e8f0;background:#ffffff14}.media-tab-btn.is-active{background:linear-gradient(135deg, var(--accent,#f59e0b), var(--accent-2,#f97316));color:#000;border-color:#0000}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding-top:1rem;display:grid}.video-card{background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);cursor:pointer;border-radius:16px;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden}.video-card:hover{border-color:#ef444466;transform:translateY(-4px);box-shadow:0 16px 40px #00000080,0 0 0 1px #ef44441a}.video-card-thumb{aspect-ratio:16/9;background:#0a1220;position:relative;overflow:hidden}.video-card-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.video-card:hover .video-card-img{transform:scale(1.05)}.video-card-vignette{pointer-events:none;background:linear-gradient(#0000 0%,#0000001a 55%,#000000b3 100%);position:absolute;inset:0}.video-card-play{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#ef4444e0;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding-left:3px;font-size:1.15rem;transition:transform .22s,background .22s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}.video-card:hover .video-card-play{background:#ef4444;transform:translate(-50%,-50%)scale(1)}.video-card-share{color:#94a3b8;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:opacity .18s,color .18s,background .18s;display:flex;position:absolute;top:.6rem;right:.6rem}.video-card:hover .video-card-share{opacity:1}.video-card-share:hover{color:#f59e0b;background:#000000b3}.video-card-info{flex-direction:column;gap:.25rem;padding:.85rem 1rem 1rem;display:flex}.video-card-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;line-height:1.3;overflow:hidden}.video-card-artist{color:#64748b;align-items:center;gap:.35rem;font-size:.8rem;text-decoration:none;transition:color .18s;display:flex}.video-card-artist:hover{color:#ef4444}.video-card-views{color:#475569;align-items:center;gap:.3rem;margin-top:.1rem;font-size:.75rem;display:flex}.video-card-skeleton{aspect-ratio:16/9;background:#ffffff0a;border-radius:16px}.vm-backdrop{z-index:10000;background:#000000f7;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.vm-wrap{flex-direction:column;align-items:center;width:min(960px,96vw);display:flex;position:relative}.vm-close{color:#fff;cursor:pointer;z-index:2;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:background .18s,color .18s;display:flex;position:absolute;top:-3.25rem;right:0}.vm-close:hover{color:#ef4444;background:#ef44444d}.vm-video{cursor:pointer;background:#000;border-radius:14px;outline:none;width:100%;max-height:70vh;display:block}.vm-nav{color:#fff;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:background .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.vm-nav:hover{background:#ef444459}.vm-nav-prev{left:-3.5rem}.vm-nav-next{right:-3.5rem}.vm-controls{z-index:2;background:linear-gradient(#0000 0%,#000000d9 100%);border-radius:0 0 14px 14px;width:100%;margin-top:-3.5rem;padding:1.5rem 1rem .75rem;transition:opacity .3s;position:relative}.vm-controls-hidden{opacity:0;pointer-events:none}.vm-progress-wrap{cursor:pointer;margin-bottom:.5rem;padding:.5rem 0}.vm-progress-track{background:#fff3;border-radius:2px;height:4px;position:relative}.vm-progress-fill{pointer-events:none;background:#ef4444;border-radius:2px;height:100%;transition:width .1s linear}.vm-progress-thumb{pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #00000080}.vm-progress-wrap:hover .vm-progress-track{height:6px}.vm-controls-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vm-controls-left,.vm-controls-right{align-items:center;gap:.4rem;display:flex}.vm-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:color .18s,background .18s;display:flex}.vm-btn:hover{color:#fff;background:#ffffff1a}.vm-btn:disabled{opacity:.25;cursor:default}.vm-play-btn{color:#fff;font-size:1.15rem}.vm-volume-wrap{align-items:center;gap:.25rem;display:flex}.vm-volume{appearance:none;cursor:pointer;background:#ffffff40;border-radius:2px;outline:none;width:70px;height:3px}.vm-volume::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.vm-time{color:#fff9;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.vm-meta-inline{flex-direction:column;max-width:200px;display:flex;overflow:hidden}.vm-title-inline{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.vm-artist-inline{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.vm-embed-wrap{aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;overflow:hidden}.vm-embed{border:none;width:100%;height:100%;display:block}.vm-embed-fallback{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;font-size:2rem;display:flex}.vm-embed-fallback p{margin:0;font-size:.85rem}.vm-external-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:.75rem;padding:.85rem 1rem;display:flex}.vm-external-link{color:#f1f5f9;white-space:nowrap;border:1px solid #ffffff26;border-radius:9px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .18s,transform .15s;display:flex}.vm-external-link:hover{background:#ffffff14;transform:translateY(-1px)}.video-card-category{color:#cbd5e1;letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0009;border:1px solid #ffffff1f;border-radius:6px;padding:.2rem .55rem;font-size:.65rem;font-weight:700;position:absolute;top:.6rem;left:.6rem}.vm-queue{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;gap:.4rem;width:100%;margin-top:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.vm-queue-item{cursor:pointer;border:2px solid #0000;border-radius:7px;flex-shrink:0;width:72px;height:42px;transition:border-color .18s;position:relative;overflow:hidden}.vm-queue-item.active{border-color:#ef4444}.vm-queue-thumb{object-fit:cover;width:100%;height:100%}.vm-queue-playing{background:#00000080;justify-content:center;align-items:flex-end;gap:2px;padding-bottom:6px;display:flex;position:absolute;inset:0}.vm-queue-playing span{background:#ef4444;border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveBar}.vm-queue-playing span:first-child{height:6px;animation-delay:0s}.vm-queue-playing span:nth-child(2){height:12px;animation-delay:.1s}.vm-queue-playing span:nth-child(3){height:8px;animation-delay:.2s}.pictures-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:200px;gap:.75rem;padding-top:1rem;display:grid}.picture-card{cursor:pointer;background:var(--card,#111f38);border:1px solid var(--border,#ffffff1a);border-radius:14px;grid-row:span 1;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.picture-card.pic-tall{grid-row:span 2}.picture-card:hover{z-index:1;border-color:#8b5cf680;transform:scale(1.025);box-shadow:0 12px 36px #00000080,0 0 0 1px #8b5cf626}.picture-card-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.picture-card:hover .picture-card-img{transform:scale(1.06)}.picture-card-category{color:#cbd5e1;letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:1;background:#0009;border:1px solid #ffffff1f;border-radius:6px;padding:.18rem .5rem;font-size:.62rem;font-weight:700;position:absolute;top:.55rem;left:.55rem}.picture-card-overlay{color:#fff;opacity:0;background:#0000004d;justify-content:center;align-items:center;font-size:1.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.picture-card:hover .picture-card-overlay{opacity:1}.picture-card-actions{opacity:0;gap:.3rem;transition:opacity .18s;display:flex;position:absolute;top:.5rem;right:.5rem}.picture-card:hover .picture-card-actions{opacity:1}.picture-card-info{pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);flex-direction:column;gap:.1rem;padding:1.5rem .75rem .6rem;display:flex;position:absolute;bottom:0;left:0;right:0}.picture-card-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.picture-card-artist{color:#ffffff8c;pointer-events:all;font-size:.72rem;text-decoration:none;transition:color .18s}.picture-card-artist:hover{color:#8b5cf6}.picture-skeleton{background:#ffffff0a;border-radius:14px;grid-row:span 1}.picture-skeleton.pic-tall{grid-row:span 2}.lb-backdrop{z-index:10000;background:#000000f7;flex-direction:column;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.lb-wrap{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .15s;display:flex;position:relative}.lb-entering{opacity:0}.lb-topbar{z-index:2;background:linear-gradient(#000000bf 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:absolute;top:0;left:0;right:0}.lb-topbar-left{align-items:center;gap:.75rem;min-width:0;display:flex}.lb-topbar-right{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.lb-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:.9rem;font-weight:600;overflow:hidden}.lb-artist-link{color:#8b5cf6;white-space:nowrap;align-items:center;gap:.35rem;font-size:.82rem;text-decoration:none;transition:color .18s;display:flex}.lb-artist-link:hover{color:#a78bfa}.lb-counter{color:#fff6;font-variant-numeric:tabular-nums;padding-right:.5rem;font-size:.78rem}.lb-icon-btn{color:#ffffffa6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;text-decoration:none;transition:background .18s,color .18s;display:flex}.lb-icon-btn:hover{color:#fff;background:#ffffff26}.lb-close-btn:hover{color:#ef4444;background:#ef444440}.lb-img-area{cursor:zoom-in;box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:4rem 5rem;display:flex;position:relative}.lb-img{object-fit:contain;opacity:0;cursor:zoom-in;-webkit-user-select:none;user-select:none;border-radius:10px;max-width:100%;max-height:100%;transition:opacity .25s,transform .25s;box-shadow:0 20px 70px #000000b3}.lb-img-loaded{opacity:1}.lb-img-zoomed{cursor:zoom-out;transform:scale(1.8)}.lb-spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lb-spin-ring{border:3px solid #ffffff1a;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spinRing}@keyframes spinRing{to{transform:rotate(360deg)}}.lb-nav{color:#fff;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;transition:background .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#8b5cf666}.lb-nav-prev{left:1rem}.lb-nav-next{right:1rem}.lb-filmstrip{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;background:linear-gradient(#0000 0%,#0009 100%);gap:.4rem;width:100%;padding:.5rem 1.25rem 1rem;display:flex;overflow-x:auto}.lb-filmstrip-item{cursor:pointer;opacity:.55;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:7px;flex-shrink:0;width:64px;height:48px;transition:border-color .18s,transform .18s}.lb-filmstrip-item:hover{opacity:.85;transform:scale(1.05)}.lb-filmstrip-item.lb-filmstrip-active{opacity:1;border-color:#8b5cf6}.lb-hint{color:#fff3;pointer-events:none;white-space:nowrap;gap:1.25rem;font-size:.68rem;display:flex;position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)}.lb-hint kbd{background:#ffffff12;border:1px solid #ffffff1a;border-radius:4px;padding:.1rem .3rem;font-family:inherit;font-size:.62rem}@media (hover:none){.lb-hint{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.vm-nav-prev{left:-.5rem}.vm-nav-next{right:-.5rem}.vm-wrap{width:98vw}.vm-volume{width:50px}.vm-meta-inline{display:none}.lb-img-area{padding:3.5rem 3rem}.lb-nav-prev{left:.4rem}.lb-nav-next{right:.4rem}.pictures-grid{grid-auto-rows:160px}}@media (max-width:480px){.video-grid{grid-template-columns:1fr 1fr;gap:.5rem}.pictures-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:140px}.lb-img-area{padding:3rem 1.5rem}}