.eb-share-entry{font:inherit;font-size:14px;font-weight:650;padding:9px 13px;border:1px solid #8b80c0;border-radius:22px;cursor:pointer;background:#f2efff;color:#44357b;white-space:nowrap}
.community-stream-page .eb-stream-share-top,.community-stream-page .eb-stream-share-footer .eb-share-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:6px;padding:10px 18px;border-radius:10px;background:#7652ce;border-color:#a98be9;color:#fff;font-size:14px;font-weight:750;flex:none}
.community-stream-page .eb-stream-share-top:hover,.community-stream-page .eb-stream-share-footer .eb-share-entry:hover{background:#8964e1}
.community-stream-page .eb-stream-share-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:20px 0 4px;border-top:1px solid #ffffff21;color:#fff}
.community-stream-page .eb-stream-share-footer strong{font-size:17px}.community-stream-page .eb-stream-share-footer p{margin:5px 0 0;color:#bdb8cd;font-size:14px;line-height:1.5}
@media(max-width:760px){
html:not(.is-stream-room-page) .community-stream-page .topbar.rooms-nav .top-actions > .nav-link:nth-of-type(n){width:20%;padding-inline:3px;font-size:.85rem}
html:not(.is-stream-room-page) .community-stream-page .topbar.rooms-nav .top-actions > .nav-link:nth-of-type(2){margin-left:20%}
html:not(.is-stream-room-page) .community-stream-page .topbar.rooms-nav .top-actions > .nav-link:nth-of-type(3){margin-left:40%}
html:not(.is-stream-room-page) .community-stream-page .topbar.rooms-nav .top-actions > .nav-link:nth-of-type(4){margin-left:60%}
html:not(.is-stream-room-page) .community-stream-page .topbar.rooms-nav .top-actions > .eb-stream-share-top{grid-area:2 / 1 / 3 / -1;justify-self:start;width:20%;margin-left:80%;padding:0 3px;min-height:40px;align-self:center;font-size:.85rem}
.community-stream-page .eb-stream-share-footer{flex-wrap:wrap;gap:12px}
}
.eb-share-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:24px;border:1px solid #d8d1e9;border-radius:24px;background:#faf9fc;color:#24212d;font:16px/1.5 system-ui,sans-serif;box-shadow:0 24px 80px #0005}
.eb-share-dialog::backdrop{background:#141020a6}
.eb-share-dialog *{box-sizing:border-box}.eb-share-dialog header{display:flex;align-items:start;gap:18px;justify-content:space-between}.eb-share-dialog h2{font:700 23px/1.25 system-ui;margin:0;overflow-wrap:anywhere}
.eb-share-dialog p{margin:14px 0;color:#5a526b}.eb-share-dialog button,.eb-share-dialog a{font:600 14px/1.4 system-ui}
.eb-share-dialog button{cursor:pointer;border:1px solid #c5bdd9;border-radius:12px;background:#fff;color:#44357b;padding:11px 15px}
.eb-share-dialog .eb-share-close{font-size:26px;line-height:1;min-width:40px;padding:6px;flex:none}
.eb-share-dialog button:disabled{cursor:wait;opacity:.6}.eb-share-dialog :focus-visible,.eb-share-entry:focus-visible{outline:3px solid #7455d8;outline-offset:3px}
.eb-share-code{margin:14px auto;display:grid;place-items:center;background:#fff;border-radius:16px;max-width:336px;min-height:120px;overflow:hidden}
.eb-share-code img{display:block;width:100%;height:auto;aspect-ratio:1}
.eb-share-link-label{display:block;font-size:13px;font-weight:650}
.eb-share-link-label input{display:block;width:100%;margin-top:6px;border:1px solid #c5bdd9;border-radius:10px;background:#fff;color:#44357b;padding:11px;font:14px system-ui}
.eb-share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.eb-share-actions button:first-child{background:#654bc4;color:#fff;border-color:#654bc4}
.eb-share-destinations{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px}.eb-share-destinations a{color:#5c40bb;text-decoration:underline}
.eb-share-dialog .eb-share-status{font-size:14px;min-height:21px;margin-bottom:0}
.eb-share-entry[hidden],.eb-share-dialog [hidden]{display:none!important}
.eb-listen-page{background:#f5f3f8;color:#24212d;font:17px/1.6 system-ui;margin:0;padding:24px}
.eb-listen-card{box-sizing:border-box;max-width:550px;margin:12vh auto;padding:32px;border:1px solid #ded8ec;border-radius:24px;background:#fff}
.eb-listen-card h1{font-size:28px}.eb-listen-card a{display:inline-block;padding:10px 14px;margin:5px;color:#5c40bb;border:1px solid #c5bdd9;border-radius:12px}
@media(max-width:400px){.eb-share-dialog{padding:18px}.eb-share-dialog h2{font-size:20px}}

/* Keep the scan surface first for sharing between nearby phones. */
.eb-share-dialog{inset:0;margin:auto}
.eb-share-code{width:min(336px,100%,max(220px,calc(100dvh - 310px)))}
.eb-share-more{margin-top:16px;border-top:1px solid #ded8e9;padding-top:12px}
.eb-share-more>summary{cursor:pointer;color:#44357b;font-weight:650}
.eb-share-dialog .eb-share-status:empty{display:none}