/* Shared voice and reply surfaces use the current Demo H theme tokens. */
.dao-voice-message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;margin-top:10px}
.dao-voice-message .dao-voice-bubble{margin:0}
.dao-voice-listeners,.social-reply-person{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;box-sizing:border-box;font:inherit;color:var(--text);cursor:pointer;touch-action:manipulation}
.dao-voice-listeners{padding:4px 10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 80%,transparent);font-size:12px;text-align:left}
.dao-voice-listeners[hidden],.dao-voice-mini[hidden],.dao-listeners-more[hidden]{display:none!important}
.dao-listener-stack{display:flex;align-items:center;padding-right:4px;flex-shrink:0}
.dao-listener-stack .dao-listener-avatar+.dao-listener-avatar{margin-left:-6px}
.dao-listener-avatar{flex-shrink:0;border-radius:50%;box-shadow:0 0 0 2px var(--surface);pointer-events:none}
.dao-listener-chevron{margin-left:auto;font-size:20px;color:var(--muted)}
.dao-listeners-dialog{width:min(420px,calc(100vw - 32px));height:min(480px,calc(100dvh - 64px));overflow:hidden;padding:20px;box-sizing:border-box}
.dao-listeners-dialog[open]{display:flex;flex-direction:column}
.dao-listeners-dialog .voice-selection-head .btn{min-width:44px;min-height:44px}
.dao-listeners-dialog .voice-selection-head{flex:none;margin-bottom:4px}
.dao-listeners-dialog h2{margin:0;font-size:18px}
.dao-listeners-dialog .dao-note{flex:none;font-size:13px;min-height:20px;color:var(--text)}
.dao-listeners-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:8px}
.dao-listener-row{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.dao-listeners-more{flex:none;margin-top:12px;min-height:44px}
.dao-voice-mini{position:fixed;z-index:990;right:max(16px,env(safe-area-inset-right));bottom:calc(98px + env(safe-area-inset-bottom));display:flex;align-items:center;width:240px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:4px;border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--text);box-shadow:0 4px 24px #0002;font-size:12px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:box-shadow .15s ease-out}
.dao-voice-mini-body{display:flex;align-items:center;gap:4px;width:100%;min-width:0;animation:dao-voice-mini-open .16s ease-out}
.dao-voice-mini-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}
.dao-voice-mini .btn{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-width:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .15s ease-out}
.dao-voice-mini .dao-voice-mini-move{cursor:grab;background:color-mix(in srgb,var(--text) 6%,var(--surface))}
.dao-voice-mini [hidden]{display:none!important}
.dao-voice-mini[data-edge]{width:46px;padding:4px 0;transition:transform .16s ease-out,box-shadow .15s ease-out}
.dao-voice-mini[data-edge=left]{border-radius:0 24px 24px 0}
.dao-voice-mini[data-edge=right]{border-radius:24px 0 0 24px}
.dao-voice-mini[data-edge=right] .dao-voice-mini-expand svg{transform:scaleX(-1)}
.dao-voice-mini[data-dragging]{cursor:grabbing;transition:none;box-shadow:0 8px 28px #0003;will-change:transform}
.dao-voice-mini[data-dragging] .btn{cursor:grabbing}
.dao-voice-mini svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
@keyframes dao-voice-mini-open{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.dao-voice-mini,.dao-voice-mini[data-edge],.dao-voice-mini .btn{transition:none}.dao-voice-mini-body{animation:none}}
.social-reply-context{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;box-sizing:border-box;margin:10px 0;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--text) 5%,var(--surface));font-size:14px;line-height:1.5;color:var(--muted)}
.social-reply-person{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer}
.social-reply-preview{display:block;flex:1 1 0;min-width:0;min-height:44px;padding:8px 0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.social-reply-unavailable{padding:8px}
#social-detail-layer.is-chat .social-chat-bubble .social-reply-context{margin:0 0 10px;padding:4px 8px 4px 4px;font-size:14px;border:1px solid var(--line);color:var(--muted)}
.social-post.social-reply-highlight{outline:2px solid var(--muted);outline-offset:5px;border-radius:12px;background:color-mix(in srgb,var(--text) 6%,transparent)}
.social-reply-avatar{flex-shrink:0;pointer-events:none}
.dao-voice-listeners:active,.dao-listener-row:active,.social-reply-person:active,.social-reply-preview:active,.dao-voice-mini .btn:active{background:color-mix(in srgb,var(--text) 10%,var(--surface))}
:is(.dao-voice-listeners,.dao-listener-row,.social-reply-person,.social-reply-preview,.dao-voice-mini .btn):focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(min-width:1024px){.dao-voice-mini{bottom:24px;right:24px}}