/* Shared shape language. Update here rather than introducing local radii.
   UI containers and controls: 4px. Tiny chart marks: 2px.
   Circles / range tracks retain the geometry required by their function. */
:root{
  --radius-ui:4px;
  --radius-detail:2px;
  --radius-round:50%;
  --radius-pill:999px;
}
:where(button,input:not([type="range"]):not([type="radio"]):not([type="checkbox"]),select,textarea){border-radius:var(--radius-ui)}
/* Components that previously inherited square browser/default corners. */
:is(.card,.review,.store,.place,.import-box,.account-menu,.notif-menu,.buy-card,.qr-card,.owner-result,.scene-empty__box,.collection-empty__box){border-radius:var(--radius-ui)}
:is(.alb__cov,.release__cover,.cval__thumb,.place-thumb,.scan-preview,.scan-result,.inspect-record){border-radius:var(--radius-ui)}
:is(.page-index .card,.page-index .review,.page-index .store,.place-thumb,.alb__cov,.account-menu,.notif-menu){overflow:hidden}
:is(.social-comment-form textarea,.review-form textarea,.review-form select,.owner-sale__fields input,.owner-sale__fields select){border-radius:var(--radius-ui)}
/* Keep photographic avatars circular, including those inside account menus. */
:is(.id__avatar,.account-menu__avatar,.notif-item__avatar,.comment__avatar){border-radius:var(--radius-round);overflow:hidden}