:root { --sa-share-bg:var(--bg,#0b0b0c); --sa-share-panel:var(--panel,#171719); --sa-share-border:var(--line-strong,#454545); --sa-share-text:var(--text,#f5f5f2); --sa-share-muted:var(--text-soft,#d5d5d1); --sa-share-primary:#52e5a5; --sa-share-on-primary:#06110d; --sa-share-button:var(--panel-2,#242427); --sa-share-button-border:var(--line-strong,#454545); }
.sa-share[hidden] { display: none; }
.sa-share { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px; margin: 0; width: 100%; height: 100%; max-width: none; max-height: none; border: 0; background: transparent; box-sizing: border-box; }
.sa-share::backdrop { background: transparent; }
body.sa-share-open { overflow: hidden; }
.sa-share-backdrop { position: absolute; inset: 0; border: 0; background: rgba(3, 6, 12, .7); cursor: default; }
.sa-share-card { position: relative; width: min(440px, 100%); max-height: calc(100dvh - 32px); overflow: auto; padding: 22px; border: 1px solid var(--sa-share-border); border-radius: 18px; color: var(--sa-share-text); background: var(--sa-share-panel); }
.sa-share-card h2 { margin: 0 34px 14px 0; font-size: 19px; }
.sa-share-close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 999px; color: var(--sa-share-text); background: var(--sa-share-button); font-size: 22px; line-height: 1; cursor: pointer; }
.sa-share-field label { display: block; margin-bottom: 8px; color: var(--sa-share-muted); font-size: 13px; font-weight: 800; }
.sa-share-field > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.sa-share-field input { min-width: 0; height: 46px; padding: 0 12px; border: 1px solid var(--sa-share-button-border); border-radius: 14px; color: var(--sa-share-text); background: var(--sa-share-bg); font: inherit; font-size: 14px; }
.sa-share-field button { padding: 0 16px; border: 0; border-radius: 14px; color: var(--sa-share-on-primary); background: var(--sa-share-primary); font: inherit; font-weight: 850; cursor: pointer; }
.sa-share-field p { min-height: 20px; margin: 8px 0 0; color: var(--sa-share-primary); font-size: 13px; }
.sa-share-channels { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; }
.sa-share-channels > a, .sa-share-channels > button { min-width: 0; display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--sa-share-button-border); border-radius: 14px; color: var(--sa-share-text); background: var(--sa-share-button); text-align: left; text-decoration: none; font: inherit; cursor: pointer; }
.sa-share-channels > a:hover, .sa-share-channels > button:hover { border-color: var(--sa-share-primary); }
.sa-share-channels > [hidden] { display: none; }
.sa-share-icon { flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #07110d; background: #e5edf8; font-weight: 950; }
.sa-share-channels > a > span:last-child, .sa-share-channels > button > span:last-child { font-size: 13px; font-weight: 850; }
.sa-share-channels small { display: block; margin-top: 2px; color: var(--sa-share-muted); font-size: 11px; font-weight: 600; }
@media (max-width: 420px) { .sa-share-field > div { grid-template-columns: 1fr; } .sa-share-field button { min-height: 46px; } }
.sa-share-card { box-sizing:border-box; text-align:left; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.sa-share-card h2 { font-family:inherit; }
.sa-share-close svg { width:24px; height:24px; }
.sa-share-channels > a, .sa-share-channels > button, .sa-share-close { min-height:48px; }
.sa-share-close { width:48px; }