.conversation-share-dialog{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--border,#343434);background:var(--bg-elev,#111);width:min(640px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--text,#f5f5f5);font:inherit;border-radius:28px;margin:auto;padding:24px;overflow:auto;box-shadow:0 24px 80px #00000080}.conversation-share-dialog::backdrop{background:#000000b8}.conversation-share-dialog [hidden]{display:none!important}.conversation-share-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.conversation-share-dialog h2{margin:0;font-size:24px;line-height:1.3}.conversation-share-dialog p{overflow-wrap:anywhere;margin:16px 0;line-height:1.65}.conversation-share-dialog button{border:1px solid var(--border,#444);background:var(--glass-bg,#222);min-height:44px;color:var(--text,#f5f5f5);font:inherit;cursor:pointer;border-radius:999px;padding:10px 16px}.conversation-share-dialog [data-close]{flex:none;width:44px;padding:0;font-size:28px}.conversation-share-dialog [data-generate],.conversation-share-dialog [data-card]{background:var(--accent,#34d399);color:var(--accent-ink,#052018)}.conversation-share-dialog button:disabled{opacity:.55;cursor:wait}.conversation-share-dialog :is(button,select,input):focus-visible{outline:2px solid var(--accent,#34d399);outline-offset:3px}.conversation-share-dialog .conversation-share-privacy,.conversation-share-dialog [data-hold]{color:var(--text-2,#aaa);font-size:14px}.conversation-share-dialog .conversation-share-subject{max-height:6em;font-weight:600;overflow:auto}.conversation-share-theme{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.conversation-share-theme select{border:1px solid var(--border,#444);background:var(--bg,#111);min-width:180px;min-height:44px;color:var(--text,#fff);font:inherit;border-radius:12px;flex:1;padding:8px 12px}.conversation-share-dialog img{border:1px solid var(--border,#444);-webkit-touch-callout:default;user-select:auto;border-radius:16px;width:100%;height:auto;margin-top:20px;display:block}.conversation-share-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.conversation-share-url{color:var(--text-2,#aaa);margin-top:16px;font-size:13px;display:block}.conversation-share-url input{box-sizing:border-box;border:1px solid var(--border,#444);background:var(--bg,#111);width:100%;min-height:44px;color:var(--text,#fff);border-radius:8px;margin-top:6px;padding:8px;display:block}.conversation-share-dialog [data-status]{margin-bottom:0;font-size:14px}.conversation-share-dialog [data-status][data-error=true]{color:var(--danger,#f87171)}@media (width<=480px){.conversation-share-dialog{padding:20px 16px max(20px, env(safe-area-inset-bottom,0px));border-radius:22px}.conversation-share-dialog h2{font-size:22px}.conversation-share-actions button{padding-inline:8px;font-size:14px}}@media (prefers-reduced-motion:no-preference){.conversation-share-dialog[open]{animation:.22s cubic-bezier(.2,.8,.2,1) conversation-card-enter}@keyframes conversation-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (width<=480px) and (prefers-reduced-motion:no-preference){.conversation-share-dialog[open]{animation-name:conversation-card-enter-mobile;animation-duration:.28s}@keyframes conversation-card-enter-mobile{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}.conversation-share-dialog[data-card-pending]{border-color:var(--accent,#34d399)}.conversation-share-dialog[data-card-pending]:after{content:"";border:1px solid var(--accent,#34d399);pointer-events:none;opacity:.38;border-radius:20px;position:absolute;inset:8px}.conversation-share-dialog.conversation-card-reveal img{animation:.18s ease-out conversation-card-reveal}@keyframes conversation-card-reveal{0%{opacity:0}to{opacity:1}}@media (width>=768px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.conversation-share-dialog[data-card-animated]:after{animation:2.4s linear 2 conversation-card-beam}@keyframes conversation-card-beam{50%{opacity:.9}}}@media (prefers-reduced-motion:reduce){.conversation-share-dialog,.conversation-share-dialog:after,.conversation-share-dialog img{transition:none!important;animation:none!important}}
