.share-modal-overlay{position:fixed;inset:0;background:rgba(13,42,92,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:16px;animation:shareModalFadeIn .2s ease}.share-modal-content{background:var(--card,#ffffff);color:var(--ink,#101828);border-radius:20px;width:100%;max-width:420px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(10,28,60,.35);overflow:hidden;animation:shareModalSlideUp .25s cubic-bezier(.16,1,.3,1)}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line,#e4e9f2);flex-shrink:0}.share-modal-header h3{margin:0;font-size:18px;font-weight:800;color:var(--ink,#101828)}.share-modal-close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted,#5a6b82);padding:4px;border-radius:8px;display:grid;place-items:center;transition:.15s ease}.share-modal-close:hover{background:var(--line,#e4e9f2);color:var(--ink,#101828)}.share-modal-body{padding:20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.share-modal-preview-card{display:flex;gap:14px;padding:12px;background:var(--bg,#f8fafc);border:1px solid var(--line,#e4e9f2);border-radius:14px;align-items:center}.share-modal-preview-img{width:72px;height:56px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#e2e8f0}.share-modal-preview-info{display:flex;flex-direction:column;gap:4px;min-width:0}.share-modal-preview-title{font-size:14px;font-weight:700;color:var(--ink,#101828)}.share-modal-preview-title,.share-modal-preview-url{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-modal-preview-url{font-size:12px;color:var(--muted,#5a6b82)}.share-options-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.share-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 14px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;color:#fff;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;font-family:inherit}.share-btn:hover{transform:translateY(-1px);opacity:.95}.share-btn:active{transform:translateY(0)}.share-btn i{font-size:1.15rem}.share-btn.whatsapp{background:#25D366;box-shadow:0 4px 12px rgba(37,211,102,.25)}.share-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);box-shadow:0 4px 12px rgba(220,39,67,.25)}.share-btn.facebook{background:#1877F2;box-shadow:0 4px 12px rgba(24,119,242,.25)}.share-btn.twitter{background:#0f1419;box-shadow:0 4px 12px rgba(15,20,25,.25)}.share-btn.copy{background:var(--card,#fff);color:var(--ink,#101828);border:1.5px solid var(--line,#e4e9f2);box-shadow:0 2px 6px rgba(0,0,0,.04)}.share-btn.copy:hover{background:var(--bg,#f8fafc);border-color:var(--brand,#1c62b4);color:var(--brand,#1c62b4)}.share-btn.copy.copied{background:#ecfdf5;border-color:#10b981;color:#059669}.share-btn.native{grid-column:span 2;background:#475569;color:#fff}@keyframes shareModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shareModalSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}