.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.share-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:480px;width:90%;transform:scale(.9)translateY(20px);transition:transform var(--transition-normal);position:relative}.modal-overlay.active .share-modal{transform:scale(1)translateY(0)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:0 0;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:var(--spacing-lg)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.modal-subtitle{font-size:.875rem;color:var(--text-muted)}.share-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.share-preview-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.share-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.share-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.share-button:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.share-button-icon{font-size:1.5rem}.share-button-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.share-button.twitter:hover{border-color:#1da1f2;box-shadow:0 4px 20px rgba(29,161,242,.2)}.share-button.linkedin:hover{border-color:#0a66c2;box-shadow:0 4px 20px rgba(10,102,194,.2)}.share-button.copy:hover{border-color:var(--success);box-shadow:0 4px 20px var(--success-glow)}.share-button.copy.copied{border-color:var(--success);background:var(--success-glow)}.share-button.copy.copied .share-button-label{color:var(--success)}.challenge-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,var(--warning),#d97706);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:#000;margin-bottom:var(--spacing-md)}.skip-share-link{display:block;text-align:center;margin-top:var(--spacing-lg);font-size:.75rem;color:var(--text-muted);cursor:pointer}.skip-share-link:hover{color:var(--text-secondary)}@media(max-width:480px){.share-buttons{grid-template-columns:1fr}.share-button{flex-direction:row;justify-content:center}}