.clips-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding-bottom:3rem;display:grid}.clip-card-page{cursor:pointer;background:#fff;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 16px #00000014}.clip-card-page:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000024}.clip-thumb-wrap{aspect-ratio:16/9;background:#111;position:relative;overflow:hidden}.clip-thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.clip-card-page:hover .clip-thumb-wrap img{transform:scale(1.04)}.clip-overlay{opacity:0;background:#00000047;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.clip-card-page:hover .clip-overlay{opacity:1}.clip-play-circle{color:#1a1a2e;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:flex}.clip-platform-badge{color:#fff;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:flex;position:absolute;top:8px;left:8px}.clip-origin-link{color:#1a1a2e;background:#ffffffd9;border-radius:6px;padding:4px 7px;font-size:.8rem;text-decoration:none;transition:background .15s;position:absolute;top:8px;right:8px}.clip-origin-link:hover{background:#fff}.clip-card-title{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:.75rem 1rem;font-size:.88rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}#clipModal{z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}#clipModal.open{display:flex}#clipModalInner{background:#000;border-radius:12px;width:100%;max-width:840px;position:relative}#clipModalInner iframe{aspect-ratio:16/9;border:none;border-radius:12px;width:100%;display:block}#clipModalClose{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;padding:4px 12px;font-family:Mitr,sans-serif;font-size:.9rem;position:absolute;top:-36px;right:0}#clipModalClose:hover{background:#ffffff4d}