.share-card>p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:0 0 16px}
.share-card>button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}
.share-intro{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.share-intro img{width:64px;height:64px;flex:none;border-radius:14px}
#dialog-content .share-intro p{margin:0;font-size:1.1rem;line-height:1.5}
.share-intro span{color:var(--muted);font-size:.95rem}
.share-native{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-bottom:16px}
.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.share-grid .share-option{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-decoration:none;min-height:56px;padding:14px;font-size:1rem;min-width:0}
.share-option svg{flex:none;color:var(--amber)}
#dialog-content .share-status{font-size:.9rem;color:var(--amber);min-height:1.5em;margin:10px 0 0}
.share-option:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
@media(max-width:360px){.share-grid{gap:8px}.share-grid .share-option{padding:10px;gap:8px}.share-intro{align-items:flex-start}}

@media(max-width:300px){.share-grid{grid-template-columns:1fr}.share-intro{flex-direction:column}}
