.gfx-share-sheet{border-color:color-mix(in srgb, var(--share-accent,var(--gx-accent)) 35%, var(--border))}.gfx-share-sheet[data-state=open]{animation:.28s cubic-bezier(.2,.9,.3,1.12) both gfx-share-up}.gfx-share-overlay[data-state=open]{animation:.2s ease-out both gfx-share-fade}@media (min-width:640px){.gfx-share-sheet[data-state=open]{animation-name:gfx-share-pop}}@keyframes gfx-share-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes gfx-share-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes gfx-share-fade{0%{opacity:0}to{opacity:1}}.gfx-share-preview{background:color-mix(in srgb, var(--share-accent,var(--gx-accent)) 7%, var(--card));border:2px solid color-mix(in srgb, var(--share-accent,var(--gx-accent)) 30%, transparent)}.gfx-share-btn{--net-edge:color-mix(in srgb, var(--net) 62%, #000);width:100%;color:var(--foreground);-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:14px;outline:none;flex-direction:column;align-items:center;gap:6px;padding:4px 0;display:flex}.gfx-share-dot{color:#fff;background:radial-gradient(120% 90% at 30% 20%, color-mix(in srgb, var(--net) 78%, #fff) 0%, var(--net) 55%);width:52px;height:52px;box-shadow:0 3px 0 var(--net-edge), 0 6px 14px -6px color-mix(in srgb, var(--net) 70%, transparent), inset 0 0 0 1px #ffffff24;border-radius:999px;place-items:center;transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease-out;display:grid;position:relative}.dark .gfx-share-btn[data-network=x] .gfx-share-dot{box-shadow:0 3px #000,0 6px 14px -6px #000c,inset 0 0 0 1.5px #ffffff47}.gfx-share-dot>svg{transform-origin:50% 90%;width:28px;height:28px}.gfx-share-name{color:color-mix(in srgb, var(--foreground) 78%, transparent);white-space:nowrap;font-size:11px;line-height:1.2}@media (hover:hover){.gfx-share-btn:hover .gfx-share-dot{box-shadow:0 5px 0 var(--net-edge), 0 10px 18px -8px color-mix(in srgb, var(--net) 80%, transparent), inset 0 0 0 1px #ffffff24;transform:translateY(-2px)scale(1.06)}.gfx-share-btn:hover .gfx-share-dot>svg{animation:.52s cubic-bezier(.3,.7,.4,1) both gfx-share-bump}.gfx-share-btn:hover .gfx-share-name{color:var(--foreground)}}.gfx-share-btn:focus-visible .gfx-share-dot{outline:3px solid var(--gx-accent);outline-offset:3px;transform:translateY(-2px)scale(1.06)}.gfx-share-btn:focus-visible .gfx-share-dot>svg{animation:.52s cubic-bezier(.3,.7,.4,1) both gfx-share-bump}.gfx-share-btn:active .gfx-share-dot{box-shadow:0 0 0 var(--net-edge), 0 2px 6px -4px color-mix(in srgb, var(--net) 70%, transparent);transition-duration:70ms;transform:translateY(3px)scale(1.06,.9)}@keyframes gfx-share-bump{0%{transform:none}18%{transform:scale(1.18,.8)}44%{transform:translateY(-3px)scale(.88,1.14)rotate(-8deg)}66%{transform:scale(1.1,.9)rotate(3deg)}82%{transform:scale(.97,1.03)}to{transform:none}}.gfx-share-copy{--icon-color:currentColor;color:var(--gx-on-accent);background:linear-gradient(180deg, var(--gx-accent-hi), var(--gx-accent-lo));box-shadow:0 3px 0 var(--gx-accent-edge);transition:transform .12s ease-out,box-shadow .12s ease-out,background .16s ease-out}.gfx-share-copy:hover{filter:brightness(1.06)}.gfx-share-copy:active{box-shadow:0 0 0 var(--gx-accent-edge);transform:translateY(3px)}.gfx-share-copy:focus-visible{outline:3px solid var(--gx-accent);outline-offset:2px}.gfx-share-copy[data-copied]{color:#052e16;background:linear-gradient(#4ade80,#22c55e);box-shadow:0 3px #15803d}@media (prefers-reduced-motion:reduce){.gfx-share-sheet[data-state=open],.gfx-share-overlay[data-state=open],.gfx-share-btn .gfx-share-dot,.gfx-share-btn .gfx-share-dot>svg,.gfx-share-copy{transition:none!important;animation:none!important;transform:none!important}}
