/* The share window (share-tile.js), loaded by the assistant and the My Reads page. Its backdrop and
   frame are the plans dialog's .upgrade-backdrop / .upgrade-modal, which assistant.css defines and
   reads.css repeats, since the My Reads page has no plans dialog. */
.share-modal{max-width:520px;padding:24px 20px 20px}
.share-title{margin:0 0 14px;font-size:18px}
.share-choices{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.share-choices[hidden]{display:none}
.share-choice{
  appearance:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;line-height:1.2;
  padding:6px 10px;border-radius:999px;text-align:left;
  border:1px solid rgba(34,48,94,.9);background:rgba(255,255,255,.02);color:var(--text);
}
.share-choice span{font-weight:400;color:var(--muted)}
.share-choice[aria-pressed="true"]{border-color:rgba(43,92,255,.75);background:rgba(43,92,255,.16)}
/* The image is 1080x1350; shown scaled to the dialog, never wider than the screen or taller than most of it. */
.share-canvas{display:block;width:100%;height:auto;max-height:62dvh;object-fit:contain;border-radius:14px;background:#0b1020}
.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
/* One font for every share button: the X button is a link, which takes the page font, while a
   <button> takes the browser's own, so without this it rendered larger than the buttons beside it. */
.share-actions .btn{font:inherit;font-size:14px;line-height:1.2}
.share-x{text-decoration:none}
.share-x[aria-disabled="true"]{opacity:.5;pointer-events:none}
.share-actions .btn[hidden]{display:none}
.share-msg{margin:10px 0 0;min-height:1.2em;font-size:13px;color:var(--muted)}
.share-msg a{color:var(--accent2);text-decoration:underline}
.share-actions-2{margin-top:8px}
.share-hint{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.share-mode{display:inline-flex;gap:0;margin:0 0 10px;border:1px solid rgba(34,48,94,.9);border-radius:999px;padding:3px}
.share-mode[hidden]{display:none}
.share-mode-btn{appearance:none;cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:6px 14px;border:0;border-radius:999px;background:none;color:var(--muted)}
.share-mode-btn[aria-pressed="true"]{background:rgba(43,92,255,.22);color:var(--text)}
.share-legs-hint{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--muted)}
.share-legs-hint[hidden]{display:none}
/* In parlay mode a leg that is left out dims, so the ✅ marking a graded hit stays the only symbol. */
.share-choices.multi .share-choice[aria-pressed="false"]{opacity:.5}
/* In the phone app the share sheet already copies and saves, so the copy buttons go (the X button
   stays: it posts the link, which X shows as the card that updates with the result). */
html.in-app .share-copylink,html.in-app .share-copy,html.in-app .share-actions-2{display:none !important}