.friend-links{min-height:55vh;background:#f7f7f8;padding:32px 24px 56px}.friend-links__inner{max-width:1100px;margin:0 auto}.friend-links__title{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-size:18px;font-weight:600}.friend-links__title svg{width:22px;height:22px;color:#718096}.friend-links__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:0;margin:0;list-style:none}.friend-links__card{display:flex;flex-direction:column;width:100%;height:100%;padding:0;overflow:hidden;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#18181b;text-align:center;cursor:pointer;box-shadow:0 1px 3px #18181b05;transition:border-color .15s,box-shadow .15s}.friend-links__card:hover{border-color:#9ca3af;box-shadow:0 4px 12px #18181b0d}.friend-links__card:disabled{cursor:default}.friend-links__card:focus-visible,.friend-links-dialog button:focus-visible,.friend-links-dialog a:focus-visible{outline:3px solid #059669;outline-offset:4px}.friend-links__image{position:relative;display:block;width:100%;aspect-ratio:2.1;background:#fff}.friend-links__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}.friend-links__image img[hidden]{display:none}.friend-links__fallback{display:flex;align-items:center;justify-content:center;height:100%;background:#eef2f3;color:#94a3b8}.friend-links__fallback svg{width:32px;height:32px}.friend-links__name{display:flex;align-items:center;justify-content:center;flex:1;min-height:48px;padding:10px 8px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.friend-links__empty{padding:48px 20px;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;text-align:center}.friend-links__notice{margin-bottom:20px;color:#6b7280}.friend-links-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100% - 32px);margin:auto;padding:28px;border:1px solid #e5e7eb;border-radius:12px;color:#18181b;background:#fff;box-shadow:0 20px 60px #0003}.friend-links-dialog::backdrop{background:#18181b80}.friend-links-dialog h2{margin:0 0 16px;font-size:20px;font-weight:600}.friend-links-dialog p{line-height:1.7;overflow-wrap:anywhere}.friend-links-dialog__url{margin:12px 0 24px;padding:10px 12px;border-radius:6px;background:#f4f4f5;color:#52525b;font-size:13px}.friend-links-dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}.friend-links-dialog__actions button,.friend-links-dialog__actions a{display:inline-block;padding:10px 16px;border:1px solid #d4d4d8;border-radius:6px;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}.friend-links-dialog__cancel{background:#fff}.friend-links-dialog__actions .friend-links-dialog__continue{border-color:#047857;background:#047857;color:#fff}@media(min-width:600px){.friend-links__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:800px){.friend-links__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.friend-links__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.friend-links__card{transition:none}}