/* Review controls remain usable at small widths and large text sizes. */
.toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:14px 0; }
.toolbar input { flex:1 1 180px; min-width:0; }
.toolbar a { color:var(--green); text-underline-offset:4px; padding:10px 0; }
.member-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
.member-row span { overflow-wrap:anywhere; min-width:0; }
.member-row button { flex-shrink:0; }
dialog { border:1px solid var(--line); border-radius:20px; background:var(--paper); color:var(--ink); padding:28px; width:min(540px,calc(100% - 28px)); }
dialog::backdrop { background:rgb(20 40 32 / 45%); backdrop-filter:blur(3px); }
dialog h2 { margin-top:0; }
#newInvitation { font:16px/1.6 ui-monospace,monospace; }
#members { max-height:320px; overflow:auto; }
.card details { padding-bottom:0; }
.card ul { padding-left:22px; }
.reading { overflow-wrap:anywhere; }
@media(max-width:600px) {
  .toolbar { gap:8px; }
  .toolbar button { padding:9px 12px; font-size:15px; }
  .card { padding:18px; }
  dialog { padding:22px; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }