/* Tag edits stay anchored to their friend; the next tap need not wait for motion. */
.composer-launch { display: flex; align-items: center; gap: 4px; }
.composer-launch .start-button { flex: 1 1 0; min-width: 0; }
.hangout-audience-open { flex: 0 1 110px; min-width: 76px; min-height: 44px; margin-right: 10px; padding: 8px 9px; border-radius: 12px; background: #faf5dd91; color: #485538; font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.hangout-audience-open:disabled { opacity: .55; }
.tags-expander { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 220ms cubic-bezier(.22,.8,.22,1), opacity 180ms ease-out; }
.tags-expander.tags-open { grid-template-rows: 1fr; opacity: 1; }
.tags-expander-inner { min-height: 0; overflow: hidden; }
.hangout-audience-content { padding: 2px 14px 15px; }
.hangout-audience-modes, .friend-tag-choices { display: flex; gap: 6px; flex-wrap: wrap; }
#hangout-audience-tags { margin-top: 10px; }
.friend-tag, [data-audience-mode] { min-height: 44px; max-width: 100%; padding: 8px 12px; border: 1px solid #d8dcc8; border-radius: 13px; background: #faf8ef; color: #465235; font-size: 12px; overflow-wrap: anywhere; transition: background-color 160ms ease-out, color 160ms ease-out; }
.friend-tag[aria-pressed="true"], [data-audience-mode][aria-pressed="true"] { background: #485538; color: #fffdf4; border-color: #485538; }
#hangout-audience-people { margin: 10px 0 0; color: #4d573c; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.friend-entry { flex: 0 0 auto; min-width: 0; }
.friend-entry .friend-row { padding: 0; }
.friend-details { display: flex; align-items: center; gap: 10px; flex: 1 1 0; min-width: 0; min-height: 50px; padding: 7px 8px; text-align: left; background: transparent; color: inherit; border-radius: 12px; }
.friend-details .friend-copy { min-width: 0; flex: 1; }
.friend-details .friend-avatar { flex-shrink: 0; }
.friend-details .friend-tags-summary { display: block; font-size: 10px; color: #717c60; margin-top: 3px; white-space: normal; overflow-wrap: anywhere; }
.friend-drop { flex: 0 0 auto; min-height: 44px; padding: 8px 10px; background: transparent; border-radius: 12px; font-size: 12px; color: #485538; }
.friend-tags-content { padding: 6px 9px 14px; }
.friend-tags-private { font-size: 11px; color: #707b60; margin: 0 0 8px; }
.friend-tag-create { display: flex; gap: 8px; margin-top: 9px; }
.friend-tag-input { min-width: 0; width: 100%; min-height: 44px; padding: 9px 11px; background: #fbf9f1; border: 1px solid #d8dcc8; border-radius: 12px; font: inherit; font-size: 16px; color: #414d32; }
.friend-tag-add { min-height: 44px; padding: 8px 13px; border-radius: 12px; background: #e8eddb; color: #465235; font-size: 12px; }
.friend-tag-error { margin: 8px 0 0; font-size: 12px; color: #864d32; }
.home.audience-open { overflow-y: auto; }
.home.audience-open .composer-section { min-height: min-content; }
.home.audience-open .home-companion { flex: 0 0 var(--audience-companion-height, 140px); }
@media (min-height: 541px) {
  .home.audience-open { grid-template-rows: minmax(min-content, 1fr) minmax(128px, .5fr) auto; }
  .home.audience-open.has-invite { grid-template-rows: auto minmax(min-content, 1fr) minmax(var(--people-min, 128px), .45fr) auto; }
}
@media (prefers-reduced-motion: reduce) { .tags-expander, .friend-tag, [data-audience-mode] { transition: none; } }