.liveset-action-bar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:18px 0 24px}
.liveset-action-bar .liveset-social-actions{margin:0}
.detail-panel>.liveset-listen{width:fit-content;margin:0 0 24px auto;padding:12px 14px;gap:12px;max-width:100%;flex-wrap:wrap}
.liveset-listen>.record-icon{font-size:28px}
.liveset-listen>div{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
.liveset-listen>.button{margin:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.detail-panel>.liveset-listen-links{width:min(520px,100%);flex-direction:column;align-items:stretch;scroll-margin-top:20px}
.liveset-listen-heading{display:flex;align-items:center;gap:12px}
.liveset-listen-heading .record-icon{font-size:28px}
.liveset-listen-options{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.liveset-listen-option{display:flex;align-items:center;gap:3px;min-width:0;max-width:100%}
.liveset-listen-option>.button{margin:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:10px 12px;gap:10px}
.liveset-listen-option form{margin:0;flex-shrink:0}
.liveset-link-add{border-top:1px solid var(--line);padding-top:12px}
.liveset-link-add>summary{cursor:pointer;color:var(--teal);font-size:12px;font-weight:600;min-height:32px;display:flex;align-items:center;list-style:none}
.liveset-link-add>summary::-webkit-details-marker{display:none}
.liveset-link-add>summary:focus-visible{outline:2px solid #2b9e92;outline-offset:4px}
.liveset-link-add .entry-form{margin-top:12px;gap:12px}
.liveset-link-add .entry-form>.button{margin:0;align-self:flex-start}
.liveset-share{position:relative;flex-shrink:0}
.liveset-share>summary{list-style:none}
.liveset-share>summary::-webkit-details-marker{display:none}
.liveset-share>summary:focus-visible{outline:2px solid #2b9e92;outline-offset:4px}
.liveset-share-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:310px;max-width:calc(100vw - 48px);padding:17px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #0002}
.liveset-share-panel>strong{display:block;font-size:14px;margin-bottom:12px}
.share-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px}
.share-services[hidden],.share-native[hidden],.share-copy[hidden]{display:none}
.share-services a,.share-native,.share-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 11px;border:1px solid var(--line);border-radius:4px;background:#f3f7f6;color:#286673;font-size:12px;font-weight:600}
.share-services a:hover,.share-native:hover,.share-copy:hover{background:#e6efed;color:#174d57}
.share-native{width:100%;margin-bottom:14px;justify-content:center}
.share-link-label{display:block;font-size:11px;margin-bottom:7px}
.share-copy-row{display:flex;gap:6px}
.share-url{min-width:0;width:100%;border:1px solid var(--line);border-radius:4px;padding:9px;background:var(--background);color:var(--ink);font-size:12px}
.share-copy{flex-shrink:0}
.share-status{font-size:12px;line-height:1.5;margin:9px 0 0}
.share-status:empty{display:none}
html[data-theme="dark"] :is(.social-action,.share-services a,.share-native,.share-copy){background:#22363e;color:var(--teal);border-color:var(--line)}
html[data-theme="dark"] :is(.social-action:hover,.share-services a:hover,.share-native:hover,.share-copy:hover){background:#2b424a;color:#86d9cb}
html[data-theme="dark"] .social-like.is-selected{background:#462d3c;color:#f4a9c0;border-color:#89536a}
html[data-theme="dark"] .social-favorite.is-selected{background:#463e25;color:#f2d27e;border-color:#7d6b35}
@media(max-width:700px){.liveset-action-bar{gap:8px}.share-url{font-size:16px}}