.share-wrapper{display:inline-flex;position:relative}.share-trigger{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ffffff0f;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.share-trigger:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff33330f}.share-trigger-label{display:inline}.share-backdrop{z-index:99;position:fixed;inset:0}.share-menu{z-index:100;flex-direction:column;gap:.15rem;min-width:180px;padding:.35rem;animation:.15s shareMenuIn;display:flex;position:absolute;top:calc(100% + .5rem);right:0}@keyframes shareMenuIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.share-option{color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:.85rem;font-weight:500;transition:background .15s;display:flex}.share-option:hover{color:var(--color-primary);background:#ffffff0f}.share-wrapper--floating{z-index:50;position:fixed;bottom:5rem;right:1.25rem}.share-wrapper--floating .share-trigger{background:var(--color-surface);border-radius:50%;padding:.6rem;box-shadow:0 4px 16px #0000004d}.share-wrapper--floating .share-trigger-label{display:none}.share-wrapper--floating .share-menu{top:auto;bottom:calc(100% + .5rem);right:0}@media (max-width:600px){.share-trigger-label{display:none}.share-trigger{padding:.45rem .55rem}}