.social-share{position:relative;display:inline-flex}.share-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:rgba(255,255,255,.9);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.share-trigger:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}.share-trigger:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.share-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:rgba(30,20,50,.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.5rem;box-shadow:0 20px 40px rgba(0,0,0,.4);z-index:100;animation:shareDropdownIn .2s ease}@keyframes shareDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:rgba(255,255,255,.85);font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left}.share-option:hover{background:rgba(139,92,246,.2);color:#fff}.share-option:focus-visible{outline:2px solid #8b5cf6;outline-offset:-2px}.share-option svg{flex-shrink:0;opacity:.8}.share-option:hover svg{opacity:1}.share-divider{height:1px;background:rgba(255,255,255,.1);margin:.375rem .5rem}.copy-link{color:rgba(139,92,246,.9)}.copy-link:hover{background:rgba(139,92,246,.15);color:#a78bfa}.share-backdrop{position:fixed;inset:0;z-index:99}@media (max-width:640px){.share-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:100%;border-radius:16px 16px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));animation:shareSheetIn .3s ease}@keyframes shareSheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.share-option{padding:.875rem 1rem;font-size:1rem}.share-backdrop{background:rgba(0,0,0,.5)}}.social-share.inline{margin-left:auto}.social-share.inline .share-trigger{padding:.5rem .875rem;font-size:.8125rem}