.share-dialog { width:min(600px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:24px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--line); border-radius:22px; background:var(--surface); color:var(--ink); box-shadow:0 24px 90px color-mix(in srgb,var(--shadow-color) 25.1%,transparent); }
.share-dialog::backdrop { background:var(--scrim); backdrop-filter:blur(4px); }
.share-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.share-dialog > header h2 { margin:0; font-size:var(--text-section); }
.share-dialog > header button { flex-shrink:0; background:var(--surface-soft); }
.share-dialog__content { min-width:0; }
.share-dialog__content > p:first-child { margin-top:0; }
.share-preview { display:flex; align-items:center; gap:16px; min-width:0; padding:16px; margin-bottom:20px; border-radius:14px; background:var(--surface-soft); }
.share-preview > div { min-width:0; }
.share-preview strong { display:block; margin-top:4px; font-size:var(--text-base); line-height:1.4; overflow-wrap:anywhere; }
.share-preview small { display:block; color:var(--muted); font-size:var(--text-small); }
.share-preview-excerpt { margin:8px 0 0; color:var(--muted); font-size:var(--text-small); line-height:1.5; overflow-wrap:anywhere; }
.share-preview a { display:inline-flex; align-items:center; gap:6px; margin-top:8px; font-size:var(--text-small); color:var(--green); }
.share-preview > .share-preview-icon { display:grid; place-items:center; flex:0 0 52px; height:52px; border-radius:12px; background:var(--sage); color:var(--green); font-size:1.5rem; }
.share-preview > .book-cover { flex:0 0 52px; width:52px; height:76px; margin:0; box-shadow:none; }
.share-preview-image { flex:0 0 56px; width:56px; height:76px; object-fit:cover; border-radius:6px; }
.share-choices { display:grid; gap:12px; }
.share-link-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.share-choice { display:flex; align-items:center; gap:12px; width:100%; min-width:0; min-height:80px; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--green); text-align:left; font:inherit; text-decoration:none; cursor:pointer; }
.share-choice > .icon { display:grid; place-items:center; flex:0 0 38px; height:38px; border-radius:10px; background:var(--sage); font-size:1.2rem; }
.share-choice > span { min-width:0; }
.share-choice strong,.share-choice small { display:block; }
.share-choice strong { font-size:var(--text-base); line-height:1.35; }
.share-choice small { margin-top:4px; font-size:var(--text-small); font-weight:400; color:var(--muted); line-height:1.45; }
.share-choice:hover { background:var(--surface-soft); border-color:var(--sage); color:var(--green); }
.share-choice--primary { border-color:var(--green); background:var(--green); color:var(--green-ink); }
.share-choice--primary small { color:var(--green-ink); }
.share-choice--primary > .icon { background:#ffffff1a; }
.share-choice--primary:hover { background:color-mix(in srgb,var(--green) 90%,var(--ink)); border-color:var(--green); color:var(--green-ink); }
.share-link-details { margin-top:16px; color:var(--muted); font-size:var(--text-small); }
.share-link-details summary { width:fit-content; min-height:44px; padding-block:10px; cursor:pointer; }
.share-link-details input { margin-top:4px; min-height:44px; font-size:var(--text-small); }
.share-dialog__content .actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.share-dialog__content .actions form { margin:0; }
.share-dialog .standalone-composer { margin:0; }
/* Override the standalone frame so it cannot surround an unpadded sharing form. */
.share-composer.standalone-composer .post-composer { border:0; border-radius:0; padding:0; background:transparent; }
.share-composer .post-composer :is(.composer-formats,.composer-native-format,.composer-collapse,[data-post-composer-target=panel]) { display:none; }
.share-composer .composer-heading { margin-bottom:20px; }
.share-composer .composer-heading small { font-size:var(--text-small); }
.share-composer .share-preview { margin-top:20px; margin-bottom:0; }
.share-composer .composer-footer { border:0; margin-top:20px; padding-top:0; }
@media(max-width:600px) {
    .share-dialog { padding:16px; border-radius:18px; }
    .share-dialog > header { margin-bottom:16px; }
    .share-preview { padding:12px; gap:12px; margin-bottom:16px; }
    .share-choice { padding:14px; min-height:72px; }
    .share-link-choices { grid-template-columns:1fr; gap:10px; }
    .share-composer .composer-heading { margin-bottom:16px; }
    .share-composer .share-preview { margin-top:16px; }
    .share-composer .composer-footer { flex-wrap:wrap; margin-top:16px; }
    .share-composer .composer-audience { flex-basis:100%; }
    .share-composer .composer-footer .button { width:100%; }
}