.moment-share { position:absolute; z-index:12; top:64px; right:12px; width:min(340px,calc(100% - 24px)); padding:14px; border:1px solid #ffffff30; border-radius:10px; background:#17181af5; color:#f4f3ef; font:13px/1.4 system-ui,sans-serif; text-align:left; }
.moment-share-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.moment-share-heading strong { font-size:15px; }
.moment-share button { touch-action:manipulation; cursor:pointer; }
#moment-close { min-width:32px; height:32px; font-size:25px; }
.moment-share p { margin:4px 0 12px; color:#bbb; }
.moment-share-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.moment-share label { display:grid; gap:5px; color:#bbb; }
.moment-share input,.moment-share select { width:100%; min-width:0; padding:8px; border:1px solid #ffffff35; border-radius:5px; background:#242529; color:#fff; font:inherit; }
.moment-share-offset { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:10px 0; font-size:11px; }
.moment-share-offset button { min-height:32px; padding:5px; border-radius:4px; background:#ffffff12; color:#fff; }
.moment-share .button { width:100%; min-height:38px; padding:9px; font:600 12px/1.2 system-ui,sans-serif; }
.moment-share-actions { display:grid; gap:8px; margin-top:8px; }
.moment-preview-status { display:none; align-items:center; justify-content:space-between; gap:10px; }
.moment-preview-status button { padding:7px; color:#ffb7aa; }
.moment-share.is-previewing .moment-share-body,.moment-share.is-previewing .moment-share-heading { display:none; }
.moment-share.is-previewing .moment-preview-status { display:flex; }
.moment-range-banner { position:absolute; z-index:4; left:14px; bottom:95px; display:flex; align-items:center; gap:12px; max-width:calc(100% - 28px); padding:8px 10px; border-radius:6px; background:#17181ae8; font:11px/1.3 system-ui,sans-serif; }
.moment-range-banner button { padding:3px; color:#ffb7aa; text-decoration:underline; }
.aq-player.has-moment-share .moment-range-banner { display:none; }
.moment-share.moment-share-below { position:relative; top:auto; right:auto; width:100%; max-width:none; margin:10px 0; }
.moment-recording-indicator { position:absolute; z-index:10; top:66px; left:14px; display:flex; align-items:center; gap:8px; padding:7px 9px; border:1px solid #e7555560; border-radius:7px; background:#210e10e8; color:#fff; font:12px/1.3 system-ui,sans-serif; }
.moment-record-dot { display:inline-block; width:10px; height:10px; flex-shrink:0; border-radius:50%; background:#ff4b4b; }
.moment-recording-indicator button { min-width:28px; min-height:28px; padding:3px; color:#ff7777; }
.aq-share.is-recording { background:#441316e8; }
.aq-share.is-recording .moment-record-dot { width:14px; height:14px; }
.moment-replay { width:100%; min-height:36px; margin-top:8px; color:#c7c4c0; text-decoration:underline; font:12px/1.4 system-ui,sans-serif; }
#library-tabs { overflow-x:auto; scrollbar-width:thin; }
#library-tabs>[data-library] { flex-shrink:0; white-space:nowrap; }
@media(max-width:600px) { .moment-share { top:44px; padding:10px; }.moment-share-heading strong { font-size:13px; }.moment-share p { font-size:11px; }.moment-range-banner { bottom:56px; font-size:10px; } }