.viral-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.viral-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden;transition:border-color .2s,transform .2s}.viral-card:hover{border-color:#ff6b35;transform:translateY(-2px)}.viral-thumb-wrap{position:relative;aspect-ratio:16/9;background:#2a2a2a}.viral-thumb{width:100%;height:100%;object-fit:cover}.viral-thumb-link{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}.viral-rank{position:absolute;top:8px;left:8px;background:#ff6b35;color:#fff;font-weight:700;font-size:.8rem;padding:2px 8px;border-radius:12px}.viral-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ffffffe6;opacity:0;transition:opacity .2s;text-shadow:0 2px 8px rgba(0,0,0,.6)}.viral-card:hover .viral-play{opacity:1}.viral-info{padding:12px;display:flex;flex-direction:column;gap:6px}.viral-title{font-size:.9rem;font-weight:600;color:#fff;text-decoration:none;text-align:left;width:100%;padding:0;border:0;background:none;cursor:pointer;font-family:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.viral-title:hover{color:#ff6b35}.viral-anime{font-size:.8rem;color:#ff6b35;font-weight:600}.viral-anime:hover{text-decoration:underline}.viral-stats{display:flex;gap:12px;font-size:.75rem;color:#aaa}.viral-channel{font-size:.7rem;color:#666}.viral-more-wrap{display:flex;justify-content:center;margin:28px 0 8px}.viral-more-btn{padding:12px 28px;border-radius:24px;border:1px solid #ff6b35;background:transparent;color:#ff6b35;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.viral-more-btn:hover{background:#ff6b35;color:#fff}.viral-modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:16px;animation:viral-fade .15s ease}@keyframes viral-fade{0%{opacity:0}to{opacity:1}}.viral-modal{position:relative;width:min(960px,100%);background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #0009}.viral-modal-close{position:absolute;top:-44px;right:0;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s}.viral-modal-close:hover{background:#ffffff4d}.viral-modal-video{position:relative;aspect-ratio:16 / 9;background:#000}.viral-modal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.viral-modal-meta{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.viral-modal-title{font-size:.95rem;font-weight:600;color:#fff;line-height:1.35}.viral-modal-yt{color:#ff6b35;font-weight:600;margin-left:auto}.viral-modal-yt:hover{text-decoration:underline}@media(max-width:560px){.viral-modal-close{top:8px;right:8px;background:#0000008c}}.clips-filter{flex-wrap:wrap;margin-bottom:20px}.clips-switch{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.clips-switch-btn{display:inline-block;padding:9px 20px;border:1px solid #2a2a2a;border-radius:22px;background:#1a1a1a;color:#bbb;font-size:.9rem;font-weight:600;transition:border-color .2s,color .2s,background .2s}.clips-switch-btn:hover{border-color:#ff6b35;color:#fff}.clips-switch-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff;cursor:default}