#maposo-share { display: inline-flex; align-items: center; gap: 5px; margin: 1px 0; padding: 5px 7px; border: 0; border-radius: 14px; background: transparent; color: #7095af; font: 11px Arial, sans-serif; cursor: pointer; }

#maposo-share img { filter: invert(78%) sepia(20%) saturate(660%) hue-rotate(164deg); }
#maposo-share:hover { background: #ffffff09; color: #b4d1e5; }
#maposo-share:focus-visible, #maposo-share-dialog :focus-visible { outline: 2px solid #8ccaff; outline-offset: 4px; }
#maposo-share-dialog { box-sizing: border-box; width: min(420px, calc(100% - 32px)); max-height: calc(100vh - 32px); overflow: auto; border: 1px solid #ffffff20; border-radius: 20px; padding: 25px 20px 20px; background: rgba(18, 29, 38, .68); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); color: #e5edf4; box-shadow: 0 12px 48px #0005; text-align: center; font: 14px/1.5 Arial, sans-serif; }
#maposo-share-dialog::backdrop { background: #0005; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
#maposo-share-dialog h2 { margin: 4px 28px 20px; font: normal 18px Arial, sans-serif; letter-spacing: .3px; color: #e5edf4; }
.maposo-share-close { position: absolute; right: 10px; top: 8px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: #becddd; font-size: 27px; cursor: pointer; }
.maposo-share-options { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.maposo-share-options a, .maposo-share-options button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; border: 1px solid #ffffff14; border-radius: 50%; background: #ffffff0e; cursor: pointer; }
.maposo-share-options a:hover, .maposo-share-options button:hover { background: #ffffff20; transform: translateY(-2px); }
.maposo-share-options img { display: block; width: 22px; height: 22px; }
#maposo-share-dialog [hidden] { display: none; }
#maposo-share-status { margin: 16px 0 0; }
#maposo-share-url { box-sizing: border-box; width: 100%; margin-top: 12px; padding: 8px; font: inherit; }

.maposo-share-options img[src$="/x.svg"], .maposo-share-options img[src$="/mail.svg"], .maposo-share-options img[src$="/copy.svg"], .maposo-share-options img[src$="/ellipsis.svg"] { filter: invert(1); opacity: .85; }

.maposo-share-footer { text-align: center; padding: 18px 0 15px; }