.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.share-modal-content{background:#030c12;border:1px solid hsla(0,0%,100%,.1);border-radius:24px;width:100%;max-width:480px;padding:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}.share-modal-content:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.share-modal-content .share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.share-modal-content .share-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.share-modal-content .share-modal-header .close-btn{background:hsla(0,0%,100%,.05);border:none;color:#8b949e;font-size:1.5rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.share-modal-content .share-modal-header .close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff;transform:rotate(90deg)}.share-modal-content .share-options-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:35px}.share-modal-content .share-options-grid .share-option{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:hsla(0,0%,100%,.6);transition:all .3s ease}.share-modal-content .share-options-grid .share-option .icon-wrapper{width:64px;height:64px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:10px;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:inherit}.share-modal-content .share-options-grid .share-option span{font-size:.8rem;font-weight:500}.share-modal-content .share-options-grid .share-option:hover{color:#fff}.share-modal-content .share-options-grid .share-option:hover .icon-wrapper{background:var(--hover-color);border-color:rgba(0,0,0,0);transform:translateY(-8px) scale(1.05);box-shadow:0 12px 24px -6px var(--hover-color);color:#fff}.share-modal-content .copy-link-section{display:flex;gap:12px;background:hsla(0,0%,100%,.03);padding:6px 6px 6px 16px;border-radius:16px;border:1px solid hsla(0,0%,100%,.08);transition:all .2s}.share-modal-content .copy-link-section:focus-within{background:hsla(0,0%,100%,.05);border-color:rgba(0,129,255,.5)}.share-modal-content .copy-link-section input{flex:1 1;background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.8);font-size:.9rem;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-modal-content .copy-link-section button{background:linear-gradient(90deg,#0081ff,#0041ff);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px rgba(0,65,255,.3)}.share-modal-content .copy-link-section button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,65,255,.4);opacity:.95}.share-modal-content .copy-link-section button:active{transform:translateY(0)}.share-modal-content .copy-link-section button svg{font-size:1.1rem}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:480px){.share-modal-content{padding:20px}.share-modal-content .share-modal-header{margin-bottom:22px}.share-modal-content .share-modal-header h3{font-size:1.25rem}.share-modal-content .share-options-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.share-modal-content .share-options-grid .share-option .icon-wrapper{width:48px;height:48px;border-radius:12px;font-size:1.6rem;margin-bottom:8px}.share-modal-content .share-options-grid .share-option span{font-size:.7rem}.share-modal-content .copy-link-section{flex-direction:column;padding:12px}.share-modal-content .copy-link-section button{width:100%;justify-content:center}}