.share-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:none;border:none;color:inherit;font-size:inherit;padding:0;transition:opacity .2s}.share-btn:hover{opacity:.8}.share-btn svg{width:18px;height:18px}.share-panel{position:absolute;z-index:10000;min-width:200px;background:#1a1a2e;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2);padding:16px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.share-panel--visible{opacity:1;transform:translateY(0);pointer-events:auto}.share-panel__title{text-align:center;color:#fff;font-size:14px;font-weight:600;margin-bottom:12px;letter-spacing:.3px}.share-panel__buttons{display:flex;flex-direction:column;gap:4px}.share-panel__btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .15s}.share-panel__btn:hover{background:hsla(0,0%,100%,.08)}.share-panel__btn svg{flex-shrink:0}.share-panel__btn span{white-space:nowrap}.share-panel__btn--twitter svg{color:#1da1f2}.share-panel__btn--facebook svg{color:#4267b2}.share-panel__btn--whatsapp svg{color:#25d366}.share-panel__btn--copy svg{color:#a78bfa}.share-panel__btn--copied{background:rgba(167,139,250,.15)}.share-panel__btn--copied span{color:#a78bfa}@media screen and (max-width: 480px){.share-panel{min-width:180px;padding:12px}.share-panel__title{font-size:13px;margin-bottom:8px}.share-panel__btn{padding:8px 10px;font-size:13px}}