.social-page-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #1a2a3a; color: #fff; padding: 1.5rem; border-radius: 16px; opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 1001; width: 90%; max-width: 400px; }
.social-page-box.show { opacity: 1; visibility: visible; }
.social-box-header { display: flex; justify-content: space-between; margin-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 0.5rem; }
.social-box-close { background: none; border: none; color: #fff; cursor: pointer; }
.channel-item { display: block; padding: 0.5rem; background: rgba(255,255,255,0.1); margin-bottom: 0.5rem; border-radius: 8px; color: #fff; }