.social-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 auto 14px;padding:10px 14px;width:min(780px,calc(100% - 24px));background:#091632e8;border:1px solid #4ba6dc;border-radius:12px;font-size:13px;color:#eaf5ff}.social-bar a,.social-bar button,.share-panel button,.share-panel a{display:inline-block;padding:10px 16px;border:1px solid #80cafa;border-radius:8px;background:#12447c;color:white;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.social-bar button:disabled{opacity:.65;cursor:wait}.share-panel{width:min(560px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:24px;background:#0b1830;color:#f5f8ff;border:2px solid #f6c957;border-radius:16px;font:16px/1.5 system-ui}.share-panel::backdrop{background:#030819d9}.share-panel h2{margin:4px 0 10px}.share-panel p{color:#c8dbf6}.share-panel .close-share{float:right;padding:5px 12px}.share-panel video{display:block;width:100%;max-height:45vh;background:#02050c;border-radius:10px}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.share-panel [hidden]{display:none!important}.share-panel button:disabled{opacity:.6;cursor:wait}.share-panel .availability{font-size:13px;border-top:1px solid #476088;padding-top:12px}.social-bar :focus-visible,.share-panel :focus-visible{outline:3px solid #ffe98a;outline-offset:3px}