/* D-411: "Share this page" (server/share-link.js). Theme variables from theme.css, with fallbacks. */
.share-link{max-width:880px;margin:40px auto 24px;padding:0 16px;color:var(--txt,#eaf0fb);font-size:.95rem}
.share-link>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 14px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:999px;list-style:none;font-weight:600}
.share-link>summary::-webkit-details-marker{display:none}
.share-link>summary::before{content:"🔗";font-size:.95em}
.share-link>summary:hover,.share-link[open]>summary{border-color:var(--cyan,#38e1ff);box-shadow:0 0 0 1px rgba(56,225,255,.25)}
.share-link .sl-body{margin-top:12px;padding:16px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;background:var(--card-bg,rgba(255,255,255,.03));display:grid;gap:10px}
.share-link label{font-size:.85rem;opacity:.8}
.share-link select,.share-link input{width:100%;box-sizing:border-box;min-height:40px;padding:8px 10px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.16));background:transparent;color:inherit;font:inherit}
.share-link select option{color:#08111d}
.share-link .sl-row{display:flex;gap:8px;flex-wrap:wrap}
.share-link .sl-row input{flex:1 1 220px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}
.share-link .sl-copy{min-height:40px;padding:8px 16px;border:0;border-radius:10px;background:var(--brand,linear-gradient(120deg,#38e1ff,#8466ff,#ff3d9a));color:var(--on-brand,#08111d);font-weight:700;cursor:pointer}
.share-link .sl-status{margin:0;min-height:1.2em;font-size:.85rem;color:var(--ok-ink,#38f5c2)}
.share-link .sl-note{margin:0;font-size:.82rem;line-height:1.6;opacity:.75}