.share-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.share-modal.show{opacity:1}.share-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)}.share-modal-content{position:relative;background:#0a1628;border:1px solid rgba(255,255,255,0.2);border-radius:1.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:modalSlideUp 0.3s ease}@keyframes modalSlideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center}.share-modal-header h3{margin:0;font-size:1.5rem;color:#f5f5f5}.share-modal-close{background:none;border:none;font-size:2rem;color:rgba(255,255,255,0.6);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.share-modal-close:hover{background:rgba(255,255,255,0.1);color:#f5f5f5}.share-modal-body{padding:1.5rem}.share-buttons{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem}.share-btn{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1.25rem;border-radius:0.75rem;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);color:#f5f5f5;text-decoration:none;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;font-family:inherit;width:100%;justify-content:center}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.share-btn svg{flex-shrink:0}.share-btn-twitter{background:rgba(29,155,240,0.15);border-color:rgba(29,155,240,0.4);color:#1d9bf0}.share-btn-twitter:hover{background:rgba(29,155,240,0.25);border-color:#1d9bf0}.share-btn-facebook{background:rgba(24,119,242,0.15);border-color:rgba(24,119,242,0.4);color:#1877f2}.share-btn-facebook:hover{background:rgba(24,119,242,0.25);border-color:#1877f2}.share-btn-copy{background:rgba(139,92,246,0.15);border-color:rgba(139,92,246,0.4);color:#8b5cf6}.share-btn-copy:hover{background:rgba(139,92,246,0.25);border-color:#8b5cf6}.share-preview{background:rgba(0,0,0,0.3);padding:1rem;border-radius:0.75rem;border:1px solid rgba(255,255,255,0.1)}.share-preview-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;color:rgba(255,255,255,0.5);margin:0 0 0.5rem}.share-preview-text{font-size:0.9rem;color:rgba(255,255,255,0.8);line-height:1.6;margin:0}.share-achievement-btn{position:absolute;bottom:1rem;right:1rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);border-radius:999px;color:white;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;font-family:inherit;font-weight:500}.share-achievement-btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px)}.floating-share-btn{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:50%;box-shadow:0 4px 12px rgba(139,92,246,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:1000}.floating-share-btn:hover{transform:translateY(-4px)scale(1.1);box-shadow:0 8px 20px rgba(139,92,246,0.6)}.floating-share-btn svg{width:24px;height:24px;fill:white}@media (max-width:768px){.share-modal-content{width:95%;max-width:none}.floating-share-btn{bottom:1rem;right:1rem;width:48px;height:48px}.floating-share-btn svg{width:20px;height:20px}}