/* Shared by the directory modal/cards and the public standalone player. */
body .hu-share-player{font-family:inherit;font-size:12px;font-weight:700;padding:10px 13px;min-height:36px;border-radius:4px!important;background:#e1d4ed!important;color:#593a73!important;border:1px solid #a48ab9!important;box-shadow:none!important;cursor:pointer;white-space:nowrap}
body .hu-share-player:hover{background:#d3bee5!important}body .hu-share-player:disabled{opacity:.65;cursor:wait}
body .hu-share-notice{position:fixed;right:22px;bottom:22px;z-index:100001;box-sizing:border-box;width:480px;max-width:calc(100vw - 32px);padding:19px 20px;background:#f4f7fb;color:#24435e;border:1px solid #8fa7bf;border-top:4px solid #795391;border-radius:5px;box-shadow:0 6px 25px #13283c33;font-family:Arial,sans-serif;font-size:13px;line-height:1.5}
body .hu-share-notice strong{display:block;padding-right:25px;font-size:14px;color:#24435e}body .hu-share-notice p{font-size:12px;margin:8px 0 12px;color:#475f76}
body .hu-share-notice .hu-share-close{position:absolute;right:10px;top:9px;background:transparent!important;color:#536b82!important;border:0!important;padding:3px 7px;font-size:23px;cursor:pointer;box-shadow:none!important;width:auto;margin:0;line-height:1}
body .hu-share-link-row{display:flex;gap:8px;align-items:center}body .hu-share-link-row input{box-sizing:border-box;flex:1;min-width:0;width:100%;margin:0;padding:10px;font-size:12px;border:1px solid #9aafc4!important;border-radius:4px!important;background:#fff!important;color:#24435e!important}
body .hu-share-link-row button{width:auto;margin:0;flex-shrink:0;padding:10px 12px;font-size:12px;font-weight:700;border:1px solid #244866!important;border-radius:4px!important;background:#2d597f!important;color:#fff!important;cursor:pointer;line-height:1.5}
@media(max-width:520px){body .hu-share-notice{right:16px;bottom:16px;padding:17px 15px}.tg-shell .owner-grow{grid-template-columns:1fr}.tg-shell .owner-grow .tg-listen-actions{grid-column:1;grid-row:auto;margin-top:6px;justify-content:flex-start}.tg-shell .tg-listen-actions .hu-share-player{font-size:11px;padding:8px 10px}}
body .hu-share-notice{max-height:calc(100dvh - 32px);overflow-y:auto}
body .hu-share-notice .hu-embed-label{display:block;margin:17px 0 9px;color:#344f68;font-size:12px;font-weight:700;line-height:1.5}
body .hu-share-notice textarea{box-sizing:border-box;display:block;width:100%;min-height:130px;resize:vertical;margin-top:7px;padding:10px;font-family:monospace;font-size:11px;line-height:1.5;background:#fff!important;color:#24435e!important;border:1px solid #9aafc4!important;border-radius:4px!important;white-space:pre-wrap;overflow-wrap:anywhere}
body .hu-embed-actions{display:flex;justify-content:flex-end}body .hu-embed-actions button{width:auto;margin:0;background:#65467f!important;color:#fff!important;border:1px solid #533866!important;border-radius:4px!important;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer}
.tg-shell .owner-grow .tg-listen-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}.tg-shell .tg-listen-actions .listen-btn{grid-column:1/-1;grid-row:auto}.tg-shell .tg-listen-actions .hu-share-player{min-width:0}

body .hu-share-notice{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}
body .hu-share-notice .hu-share-drag-handle{cursor:grab;touch-action:none;user-select:none;padding:0 30px 11px 0;margin-bottom:11px;border-bottom:1px solid #c1cedd;line-height:1.4}
body .hu-share-notice .hu-share-drag-handle span{display:block;color:#62778a;font-size:10px;font-weight:400;margin-top:3px}
body .hu-share-notice.is-dragging .hu-share-drag-handle{cursor:grabbing}
body .hu-share-drag-handle:focus-visible{outline:2px solid #795391;outline-offset:3px}
