.challenge-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 16px;padding:14px 16px;border:1px solid #5b3f73;border-radius:18px;background:linear-gradient(135deg,rgba(146,124,255,.15),rgba(52,216,242,.08));box-shadow:0 12px 30px rgba(0,0,0,.16)}.challenge-banner[hidden]{display:none}.challenge-banner div{display:grid;gap:3px}.challenge-banner small{color:var(--muted)}.social-card{margin:16px 0;padding:18px;border:1px solid #344158;border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(146,124,255,.14),transparent 34%),linear-gradient(145deg,#121925,#0c1119);box-shadow:0 18px 50px rgba(0,0,0,.25)}.share-preview-wrap{margin:14px auto 4px;width:100%;max-width:100%;border:1px solid #344158;border-radius:20px;overflow:hidden;background:#080b10;box-shadow:0 12px 32px rgba(0,0,0,.26)}.share-preview{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;object-position:center;background:#080b10}.social-card .primary{margin-top:16px}.social-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.social-btn{min-height:60px;border:1px solid var(--line);border-radius:14px;background:#151b26;color:#fff;font-weight:950;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.18s}.social-btn span{font-size:9px;color:var(--muted);font-weight:800}.social-btn:hover{border-color:#66738a;transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.24)}#referralNote{margin-top:12px;text-align:center}@media(max-width:430px){.challenge-banner{align-items:flex-start;flex-direction:column}.challenge-banner .secondary{width:100%}.social-card{padding:14px}.share-preview-wrap{border-radius:16px}.social-grid{grid-template-columns:repeat(3,1fr)}.social-btn:last-child{grid-column:span 2}}