/* 「紹介」＝共有の一覧（share-qr.js・index.html の #share-dialog）。浩樹さん 2026-10-17 */
#share-dialog .share-qr-box{display:grid;justify-items:center;gap:10px;margin:4px 0 18px;padding:16px 16px 14px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgb(23 32 29 / .08)}
#share-dialog .share-qr-box img{display:block;width:164px;height:164px;image-rendering:pixelated;background:#fff}
#share-dialog .share-url{margin:0;font-size:17px;font-weight:800;letter-spacing:.01em;text-align:center;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
#share-dialog .share-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px}
#share-dialog .share-copy .ico{width:22px;height:22px;stroke-width:2.4}
#share-dialog .share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 4px;margin:0 0 6px}
#share-dialog .share-grid>[hidden]{display:none}
#share-dialog .share-go{display:grid;justify-items:center;align-content:start;gap:7px;min-height:84px;padding:4px 2px;border:0;border-radius:14px;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:800;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .09s cubic-bezier(.23,1,.32,1)}
#share-dialog .share-go:active{transform:scale(var(--press,.96))}
#share-dialog .share-go:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}
#share-dialog .share-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--c,#5b6b66);color:#fff;box-shadow:0 6px 14px rgb(23 32 29 / .14)}
#share-dialog .share-ic svg{display:block;width:28px;height:28px}
#share-dialog .share-ic .ico{stroke-width:2.4}
@media (max-height:640px){#share-dialog .share-qr-box img{width:120px;height:120px}}