.share-btn-wrapper--compact .share-dropdown{top:calc(100% + 4px);bottom:auto;padding:4px 6px;gap:2px;border-radius:24px}.share-btn-wrapper--compact .share-platform-btn svg,.share-btn-wrapper--compact .share-platform-img-icon{width:22px;height:22px}.share-btn-wrapper--compact .share-platform-btn{padding:2px}.share-btn-wrapper{position:relative;display:inline-flex}.share-icons-preload{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.share-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:40px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:8px;display:flex;flex-direction:row;gap:6px;z-index:200;animation:shareDropdownIn .15s ease-out;white-space:nowrap}@keyframes shareDropdownIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.share-platform-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:background .12s ease;font-family:var(--font-primary);text-decoration:none;color:inherit}.share-platform-btn:hover{background:var(--color-bg-subtle,rgba(0,0,0,.04))}.share-platform-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid;transition:transform .12s ease}.share-platform-btn:hover .share-platform-icon{transform:scale(1.1)}.share-platform-img-icon{width:38px;height:38px;border-radius:50%;display:block;transition:transform .12s ease}.share-platform-btn:hover .share-platform-img-icon,.share-platform-btn:hover svg{transform:scale(1.1)}.share-platform-label{font-size:10px;font-weight:500;color:var(--color-text-secondary);text-align:center}.share-notification{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--color-text);color:var(--color-white);padding:12px 24px;border-radius:8px;font-size:14px;z-index:1000;animation:slideUp .3s ease-out;box-shadow:0 4px 12px rgba(0,0,0,.2)}.share-notification.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes slideUp{0%{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}