/* Keep ordinary border-radius as the cross-browser baseline. Native corner
   shaping is progressive: unsupported engines ignore this @supports block. */
:root { --corner-control: 12px; --corner-panel: 22px; }
body :is(.btn, button, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-radius: var(--corner-control);
}
body :is(.sh-bar, .fcomp .bar, .chat .ask, .side .ask, .lb-chat .ask) {
  border-radius: 16px;
}
@supports (corner-shape: squircle) {
  body *, body *::before, body *::after { corner-shape: squircle; }
  /* Status markers and circular affordances retain their circular meaning. */
  body :is(.cite, .rp-c, .n, .sh-go, .go, .sp, .avatar, input[type="radio"], .fsw i, .sh-pick i),
  body :is(.fsw i, .sh-pick i)::after { corner-shape: round; }
}