.share-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:shareModalFadeIn .2s ease-out}@keyframes shareModalFadeIn{0%{opacity:0}to{opacity:1}}.share-modal-content{position:relative;background:var(--glass-bg-modal,rgba(15,15,35,.35));backdrop-filter:var(--glass-blur-heavy,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-heavy,blur(24px) saturate(180%));border:1px solid var(--glass-edge-standard,hsla(0,0%,100%,.12));border-radius:16px;padding:24px;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:shareModalSlideUp .3s ease-out}@keyframes shareModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--glass-edge-subtle,hsla(0,0%,100%,.06))}.share-modal-title{font-size:20px;font-weight:600;color:var(--glass-text-primary,#f5f5f7);margin:0}.share-modal-close{width:36px;height:36px;border-radius:50%;background:var(--glass-bg-inner,rgba(15,15,35,.3));border:none;font-size:20px;color:var(--glass-text-secondary,#b8b8bc);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-modal-close:hover{background:var(--glass-bg-interactive-hover,hsla(0,0%,100%,.06));color:var(--glass-text-primary,#f5f5f7)}.share-modal-close:active{transform:scale(.95)}.share-modal-preview{background:var(--glass-bg-inner,rgba(15,15,35,.3));border-radius:12px;padding:16px;margin-bottom:20px}.share-modal-preview-content{display:flex;gap:12px;align-items:flex-start}.share-modal-preview-image{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#e9ecef}.share-modal-preview-image-placeholder{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-modal-preview-image-placeholder svg{width:28px;height:28px;color:#fff}.share-modal-preview-info{flex:1 1;min-width:0}.share-modal-preview-title{font-size:15px;font-weight:600;color:var(--glass-text-primary,#f5f5f7);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-modal-preview-description{font-size:13px;color:var(--glass-text-secondary,#b8b8bc);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-modal-preview-type{font-size:11px;color:var(--glass-text-tertiary,#97a3b5);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.share-modal-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(60px,100%),1fr));grid-gap:clamp(8px,2vw,12px);gap:clamp(8px,2vw,12px);margin-bottom:20px}.share-platform-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#f8f9fa;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.share-platform-btn:hover{background:#e9ecef;transform:translateY(-2px)}.share-platform-btn:active{transform:translateY(0)}.share-platform-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.share-platform-icon.linkedin{background:#0a66c2}.share-platform-icon.twitter{background:#000}.share-platform-icon.facebook{background:#1877f2}.share-platform-icon.email{background:#ea4335}.share-platform-icon.sms{background:#34c759}.share-platform-icon.whatsapp{background:#25d366}.share-platform-label{font-size:12px;font-weight:500;color:var(--glass-text-secondary,#b8b8bc)}.share-modal-copy-section{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--glass-edge-subtle,hsla(0,0%,100%,.06))}.share-modal-link-input{flex:1 1;padding:12px 14px;background:var(--glass-bg-inner,rgba(15,15,35,.3));border:1px solid var(--glass-edge-medium,hsla(0,0%,100%,.08));border-radius:8px;font-size:14px;color:var(--glass-text-primary,#f5f5f7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none;cursor:text}.share-modal-link-input:focus{border-color:#3b82f6;background:#fff}.share-modal-copy-btn{padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.share-modal-copy-btn:hover{background:#2563eb}.share-modal-copy-btn:active{transform:scale(.98)}.share-modal-copy-btn.copied{background:#22c55e}.share-modal-copy-btn svg{width:16px;height:16px}.share-modal-success{text-align:center;padding:20px 0}.share-modal-success-icon{width:56px;height:56px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.share-modal-success-icon svg{width:28px;height:28px;color:#22c55e}.share-modal-success-text{font-size:15px;color:var(--glass-text-secondary,#b8b8bc)}@media (max-width:480px){.share-modal-content{padding:20px;max-width:calc(100% - 40px)}.share-modal-platforms{gap:6px}.share-platform-btn{padding:12px 4px}.share-platform-icon{width:36px;height:36px}.share-platform-label{font-size:11px}.share-modal-copy-section{flex-direction:column}.share-modal-copy-btn{width:100%;justify-content:center}}@media (prefers-color-scheme:dark){.share-modal-content.dark-mode{background:#1c1c1e;border:1px solid hsla(0,0%,100%,.1)}.share-modal-content.dark-mode .share-modal-title{color:#fff}.share-modal-content.dark-mode .share-modal-close{background:hsla(0,0%,100%,.1);color:#fff}.share-modal-content.dark-mode .share-modal-preview{background:hsla(0,0%,100%,.05)}.share-modal-content.dark-mode .share-modal-preview-title{color:#fff}.share-modal-content.dark-mode .share-modal-preview-description{color:hsla(0,0%,100%,.7)}.share-modal-content.dark-mode .share-platform-btn{background:hsla(0,0%,100%,.05)}.share-modal-content.dark-mode .share-platform-btn:hover{background:hsla(0,0%,100%,.1)}.share-modal-content.dark-mode .share-platform-label{color:hsla(0,0%,100%,.7)}.share-modal-content.dark-mode .share-modal-link-input{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:#fff}}