.share-editor { min-width: 0; }
.share-choice { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 5px 0; font-size: 14px; }
.share-choice input { width: 19px; height: 19px; flex: none; accent-color: var(--gold); }
.share-skills, .share-reminders { border-top: 1px solid var(--line); margin: 12px 0; padding-top: 4px; }
.share-skills summary, .share-reminders summary { color: var(--muted); font-size: 13px; }
.share-preview { min-height: 100px; margin-top: 14px; }
.share-poster { display: block; width: 100%; max-width: 440px; height: auto; margin: 0 auto; border-radius: 10px; border: 1px solid var(--line); -webkit-touch-callout: default; -webkit-user-select: auto; user-select: auto; touch-action: auto; }
.share-poster:not([src]) { display: none; }
.share-editor button:disabled, .share-page button:disabled { opacity: .45; cursor: default; }
.share-link-label { display: grid; gap: 8px; color: var(--muted); font-size: 12px; margin: 16px 0 8px; }
#shareLink { min-width: 0; width: 100%; padding: 12px; min-height: 44px; color: var(--text); background: var(--panel); border: 1px solid var(--line); border-radius: 10px; font-size: 12px; user-select: text; -webkit-user-select: text; }
#shareCopy { width: 100%; }
.share-milestone { position: fixed; z-index: 35; bottom: calc(16px + var(--safe-b)); left: 50%; transform: translateX(-50%); width: min(528px, calc(100vw - 24px)); padding: 18px; border: 1px solid var(--gold); border-radius: 18px; background: #151f30; box-shadow: 0 10px 35px #0008; }
.share-milestone b { display: block; font-size: 16px; }.share-milestone p { color: var(--muted); font-size: 13px; margin: 6px 0 12px; }
.share-milestone > div { display: flex; gap: 8px; }.share-milestone .btn { flex: 1; font-size: 14px; padding: 0 10px; }
.share-page { height: auto; min-height: 100vh; user-select: auto; -webkit-user-select: auto; -webkit-touch-callout: default; overscroll-behavior: auto; }
.share-page main { max-width: 520px; margin: 0 auto; padding: calc(20px + var(--safe-t)) 20px calc(30px + var(--safe-b)); }
.share-page header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; font-size: 13px; color: var(--muted); }
.share-page header a { color: var(--gold); text-decoration: none; font-size: 16px; font-weight: 600; }
.share-page h1 { font-size: 27px; margin: 0 0 10px; overflow-wrap: anywhere; }
.share-page .help { overflow-wrap: anywhere; }
.share-join { display: grid; place-items: center; margin-top: 12px; color: var(--text); text-decoration: none; }
.share-note { text-align: center; font-size: 12px; margin-top: 20px; }
.share-page a:focus-visible, .share-editor input:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }