.me360-share { display: flex; justify-content: flex-end; margin: 0 0 12px; }
.me360-share:not(.me360-share--ready) { height: 0; margin: 0; overflow: hidden; visibility: hidden; }
.me360-share--banner { justify-content: flex-start; margin: 18px 0 0; }
.me360-share--banner .me360-share__open { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.55); color: #ffffff; backdrop-filter: blur(4px); }
.me360-share--banner .me360-share__open:hover { background: rgba(255, 255, 255, 0.26); border-color: #ffffff; color: #ffffff; }
.me360-share__open { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; background: #ffffff; border: 1px solid #d6d9dd; border-radius: 8px; color: #1e2132; font: inherit; font-size: 14px; font-weight: 500; padding: 8px 16px; }
.me360-share__open:hover { border-color: #00d6c7; color: #0a7d6c; }
.me360-share__modal[hidden] { display: none; }
.me360-share__modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.me360-share__overlay { position: absolute; inset: 0; background: rgba(30, 33, 50, 0.55); }
.me360-share__box { position: relative; width: 100%; max-width: 540px; background: #ffffff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); color: #1e2132; }
.me360-share__head { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid #e3e5e8; }
.me360-share__head h3 { margin: 0; font-size: 22px; font-weight: 600; color: #1e2132; }
.me360-share__close { cursor: pointer; background: none; border: 0; font-size: 30px; line-height: 1; color: #9b9c9f; padding: 0 4px; }
.me360-share__close:hover { color: #1e2132; }
.me360-share__body { padding: 24px; }
.me360-share__copy { display: flex; border: 1px solid #d6d9dd; border-radius: 10px; overflow: hidden; }
.me360-share__copy input { flex: 1; min-width: 0; border: 0; padding: 14px 16px; font: inherit; font-size: 15px; color: #5a5a5a; background: #ffffff; outline: none; }
.me360-share__copy button { cursor: pointer; border: 0; border-left: 1px solid #d6d9dd; background: #ffffff; padding: 0 22px; font: inherit; font-size: 15px; color: #5a5a5a; }
.me360-share__copy button:hover { background: #fafbfd; color: #0a7d6c; }
.me360-share__platforms { display: flex; justify-content: space-between; gap: 8px; margin-top: 28px; }
.me360-share__platform { display: flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; color: #5a5a5a; font-size: 13px; font-weight: 500; flex: 1; }
.me360-share__platform:hover { color: #1e2132; }
.me360-share__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; }
.me360-share__platform--messenger .me360-share__icon { background: linear-gradient(135deg, #c13bff, #5b6cff); }
.me360-share__platform--whatsapp .me360-share__icon { background: #25d366; }
.me360-share__platform--facebook .me360-share__icon { background: #3b78ee; }
.me360-share__platform--x .me360-share__icon { background: #000000; }
.me360-share__platform--linkedin .me360-share__icon { background: #2d64bc; }
@media (max-width: 480px) { .me360-share__platforms { flex-wrap: wrap; justify-content: center; gap: 18px 12px; } .me360-share__platform { flex: 0 0 28%; } }