.share-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.share-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-black-80);backdrop-filter:blur(5px)}.share-modal-content{position:relative;background:var(--color-gray-800);border-radius:16px;padding:2rem;max-width:400px;width:90%;box-shadow:0 10px 40px var(--shadow-black-50)}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.share-modal-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.share-modal-close{background:none;border:none;color:rgb(255 255 255 / .7);font-size:2rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color 0.3s;padding:0;line-height:1}.share-modal-close:hover{color:#fff}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.share-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--overlay-white-05);border:1px solid rgb(255 255 255 / .1);border-radius:12px;color:#fff;text-decoration:none;transition:all 0.3s;cursor:pointer}.share-option:hover{background:var(--overlay-white-10);transform:translateY(-2px)}.share-option svg{width:32px;height:32px}.share-option span{font-size:.9rem;font-weight:500}@media (max-width:768px){.share-modal-content{padding:1.5rem;max-width:350px}.share-options{gap:.75rem}.share-option{padding:.75rem}.share-option svg{width:28px;height:28px}.share-option span{font-size:.85rem}}